path: root/out/_next/static/chunks/pages/index-af70b77619b241a63065.js

;(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [405],
  {
    374: function (e, n, r) {
      'use strict'
      r.r(n),
        r.d(n, {
          Graph: function () {
            return je
          },
          GraphPage: function () {
            return fe
          },
          default: function () {
            return xe
          },
        })
      var t = r(7757),
        i = r.n(t),
        o = r(2137),
        l = r(5893),
        s = r(7329),
        c = r(6156),
        a = r(4699),
        d = r(7294)
      function u(e, n) {
        var r,
          t = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
          i = h(e, null !== (r = t.storage) && void 0 !== r ? r : localStorage),
          o = i.get(),
          l = void 0 !== o ? o : n
        l !== o && i.update(l)
        var s = (0, d.useState)(l),
          c = s[0],
          a = s[1]
        ;(0, d.useEffect)(
          function () {
            c !== l && a(l)
          },
          [e],
        )
        var u = function (e) {
          e instanceof Function
            ? a(function (n) {
                var r = e(n)
                return i.update(r), r
              })
            : (a(e), i.update(e))
        }
        return [c, u]
      }
      function h(e, n) {
        return {
          get: function () {
            var r = n.getItem(e)
            if (r && 'undefined' !== r) return JSON.parse(r)
          },
          update: function (r) {
            n.setItem(e, JSON.stringify(r))
          },
          remove: function () {
            n.removeItem(e)
          },
        }
      }
      var g = r(4533),
        x = r(4309),
        f = r(2351),
        j = r(980),
        p = r(8017),
        m = r(6194),
        b = [],
        C = {}
      for (var v in m.oY)
        for (var y in m.oY[v]) {
          var k = v + y
          'LinearNone' === k && (k = 'Linear'), b.push(k), (C[k] = m.oY[v][y])
        }
      var w = C,
        S = {
          enabled: !0,
          charge: -700,
          collision: !0,
          collisionStrength: 20,
          centering: !0,
          centeringStrength: 0.05,
          linkStrength: 0.1,
          linkIts: 1,
          alphaDecay: 0.02,
          alphaTarget: 0,
          alphaMin: 0,
          velocityDecay: 0.25,
          gravity: 0.3,
          gravityOn: !0,
        },
        I = { orphans: !1, parents: !0, tags: [], nodes: [], links: [], date: [] },
        N = {
          particles: !1,
          particlesNumber: 0,
          particlesWidth: 4,
          arrows: !1,
          arrowsLength: 1,
          arrowsPos: 0.5,
          arrowsColor: '',
          linkOpacity: 0.8,
          linkWidth: 1,
          nodeRel: 4,
          nodeOpacity: 1,
          nodeResolution: 12,
          labels: 2,
          labelScale: 1.5,
          highlight: !0,
          highlightNodeSize: 2,
          highlightLinkSize: 2,
          highlightAnim: !0,
          animationSpeed: 700,
          algorithmOptions: b,
          algorithmName: 'BackOut',
          linkColorScheme: 'gray.500',
          nodeColorScheme: [
            'red.500',
            'gray.600',
            'yellow.500',
            'green.500',
            'cyan.500',
            'blue.500',
            'pink.500',
            'purple.500',
            'orange.500',
          ],
          nodeHighlight: '',
          linkHighlight: 'purple.500',
          backgroundColor: 'white',
          emacsNodeColor: 'gray.800',
          labelTextColor: 'black',
          labelBackgroundColor: 'white',
          labelBackgroundOpacity: 0.7,
        },
        O = { follow: 'zoom', localSame: 'add', zoomPadding: 200, zoomSpeed: 2e3 },
        z = { highlight: 'hover', local: 'click', follow: 'double' },
        R = r(7375),
        T = r(3924),
        D = r(3986),
        P = r(9641),
        H = r(7546),
        E = r(3441),
        L = r(6569),
        Z = r(4189),
        F = r(454),
        B = r(8420),
        M = r(6699),
        W = r(155),
        A = r(6769),
        X = r(336),
        _ = r(2026),
        q = r(4096),
        U = r(4115),
        Q = r(8134),
        V = r(8235),
        K = r(7273),
        J = r(5267),
        Y = r(6049),
        G = r(3014),
        $ = r(6658),
        ee = r(9356)
      function ne(e, n) {
        var r = Object.keys(e)
        if (Object.getOwnPropertySymbols) {
          var t = Object.getOwnPropertySymbols(e)
          n &&
            (t = t.filter(function (n) {
              return Object.getOwnPropertyDescriptor(e, n).enumerable
            })),
            r.push.apply(r, t)
        }
        return r
      }
      function re(e) {
        for (var n = 1; n < arguments.length; n++) {
          var r = null != arguments[n] ? arguments[n] : {}
          n % 2
            ? ne(Object(r), !0).forEach(function (n) {
                ;(0, c.Z)(e, n, r[n])
              })
            : Object.getOwnPropertyDescriptors
            ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r))
            : ne(Object(r)).forEach(function (n) {
                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n))
              })
        }
        return e
      }
      var te = function (e) {
          var n = e.physics,
            r = e.setPhysics,
            t = e.threeDim,
            i = e.setThreeDim,
            o = e.filter,
            c = e.setFilter,
            u = e.visuals,
            h = e.setVisuals,
            g = e.mouse,
            x = e.setMouse,
            f = e.behavior,
            j = e.setBehavior,
            m = (0, d.useState)(!0),
            b = m[0],
            C = m[1],
            v = (0, d.useContext)(ee.N),
            y = v.highlightColor,
            k = v.setHighlightColor,
            w = [
              'red.500',
              'orange.500',
              'yellow.500',
              'green.500',
              'cyan.500',
              'blue.500',
              'pink.500',
              'purple.500',
              'gray.400',
              'gray.500',
              'gray.600',
              'white',
              'black',
            ],
            Z = [
              'black',
              'gray.100',
              'gray.200',
              'gray.300',
              'gray.400',
              'gray.500',
              'gray.600',
              'gray.700',
              'gray.800',
              'gray.900',
              'white',
            ]
          return (0, l.jsxs)(l.Fragment, {
            children: [
              (0, l.jsx)(F.R, {
                in: !b,
                children: (0, l.jsx)(p.xu, {
                  position: 'absolute',
                  zIndex: 'overlay',
                  marginTop: 10,
                  marginLeft: 10,
                  display: b ? 'none' : 'block',
                  children: (0, l.jsx)(B.h, {
                    'aria-label': 'Settings',
                    icon: (0, l.jsx)(T.e, {}),
                    onClick: function () {
                      return C(!0)
                    },
                  }),
                }),
              }),
              (0, l.jsx)(F.R, {
                in: b,
                children: (0, l.jsxs)(p.xu, {
                  bg: 'alt.100',
                  w: 'xs',
                  marginTop: 10,
                  marginLeft: 10,
                  borderRadius: 'xl',
                  maxH: 650,
                  paddingBottom: 5,
                  zIndex: 300,
                  position: 'relative',
                  boxShadow: 'xl',
                  children: [
                    (0, l.jsxs)(p.xu, {
                      display: 'flex',
                      justifyContent: 'space-between',
                      alignItems: 'center',
                      paddingRight: 2,
                      paddingTop: 1,
                      children: [
                        (0, l.jsx)(M.u, {
                          label: '2D',
                          children: (0, l.jsx)(W.z, {
                            onClick: function () {
                              return i(!t)
                            },
                            variant: 'ghost',
                            zIndex: 'overlay',
                            children: t ? '3D' : '2D',
                          }),
                        }),
                        (0, l.jsxs)(p.xu, {
                          display: 'flex',
                          alignItems: 'center',
                          children: [
                            (0, l.jsx)(M.u, {
                              label: 'Reset settings to defaults',
                              children: (0, l.jsx)(B.h, {
                                'aria-label': 'Reset Defaults',
                                icon: (0, l.jsx)(D.A, {}),
                                onClick: function () {
                                  h(N), c(I), x(z), r(S), j(O)
                                },
                                variant: 'none',
                                size: 'sm',
                              }),
                            }),
                            (0, l.jsx)(B.h, {
                              size: 'sm',
                              icon: (0, l.jsx)(P.T, {}),
                              'aria-label': 'Close Tweak Panel',
                              variant: 'ghost',
                              onClick: function () {
                                return C(!1)
                              },
                            }),
                          ],
                        }),
                      ],
                    }),
                    (0, l.jsx)($.ZP, {
                      autoHeight: !0,
                      autoHeightMax: 600,
                      autoHide: !0,
                      renderThumbVertical: function (e) {
                        var n = e.style,
                          r = (0, R.Z)(e, ['style'])
                        return (0, l.jsx)(
                          p.xu,
                          re(
                            re({}, r),
                            {},
                            { style: re(re({}, n), {}, { borderRadius: 10 }), bg: y },
                          ),
                        )
                      },
                      children: (0, l.jsxs)(A.UQ, {
                        allowMultiple: !0,
                        allowToggle: !0,
                        color: 'black',
                        children: [
                          (0, l.jsxs)(A.Qd, {
                            children: [
                              (0, l.jsxs)(A.KF, {
                                children: [
                                  (0, l.jsx)(A.XE, { marginRight: 2 }),
                                  (0, l.jsx)(X.X, { size: 'sm', children: 'Filter' }),
                                ],
                              }),
                              (0, l.jsx)(A.Hk, {
                                children: (0, l.jsxs)(_.gC, {
                                  spacing: 2,
                                  justifyContent: 'flex-start',
                                  divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
                                  align: 'stretch',
                                  paddingLeft: 7,
                                  color: 'gray.800',
                                  children: [
                                    (0, l.jsxs)(q.k, {
                                      justifyContent: 'space-between',
                                      children: [
                                        (0, l.jsx)(U.x, { children: 'Orphans' }),
                                        (0, l.jsx)(Q.r, {
                                          onChange: function () {
                                            c(re(re({}, o), {}, { orphans: !o.orphans }))
                                          },
                                          isChecked: o.orphans,
                                        }),
                                      ],
                                    }),
                                    (0, l.jsxs)(q.k, {
                                      justifyContent: 'space-between',
                                      children: [
                                        (0, l.jsx)(U.x, {
                                          children: 'Link nodes with parent file',
                                        }),
                                        (0, l.jsx)(Q.r, {
                                          onChange: function () {
                                            c(re(re({}, o), {}, { parents: !o.parents }))
                                          },
                                          isChecked: o.parents,
                                        }),
                                      ],
                                    }),
                                  ],
                                }),
                              }),
                            ],
                          }),
                          (0, l.jsxs)(A.Qd, {
                            children: [
                              (0, l.jsx)(A.KF, {
                                display: 'flex',
                                justifyContent: 'space-between',
                                children: (0, l.jsxs)(p.xu, {
                                  display: 'flex',
                                  children: [
                                    (0, l.jsx)(A.XE, { marginRight: 2 }),
                                    (0, l.jsx)(X.X, { size: 'sm', children: 'Physics' }),
                                  ],
                                }),
                              }),
                              (0, l.jsxs)(A.Hk, {
                                children: [
                                  (0, l.jsxs)(_.gC, {
                                    spacing: 2,
                                    justifyContent: 'flex-start',
                                    divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
                                    align: 'stretch',
                                    paddingLeft: 7,
                                    color: 'gray.800',
                                    children: [
                                      (0, l.jsx)(le, {
                                        label: 'Gravity',
                                        value: n.gravityOn,
                                        onChange: function () {
                                          return r(re(re({}, n), {}, { gravityOn: !n.gravityOn }))
                                        },
                                        children: (0, l.jsx)(oe, {
                                          label: 'Strength',
                                          value: 10 * n.gravity,
                                          onChange: function (e) {
                                            return r(re(re({}, n), {}, { gravity: e / 10 }))
                                          },
                                        }),
                                      }),
                                      (0, l.jsx)(oe, {
                                        value: -n.charge / 100,
                                        onChange: function (e) {
                                          return r(re(re({}, n), {}, { charge: -100 * e }))
                                        },
                                        label: 'Repulsive Force',
                                      }),
                                      (0, l.jsx)(le, {
                                        label: 'Collision',
                                        infoText: 'Perfomance sap, disable if slow',
                                        value: n.collision,
                                        onChange: function () {
                                          return r(re(re({}, n), {}, { collision: !n.collision }))
                                        },
                                        children: (0, l.jsx)(oe, {
                                          value: n.collisionStrength / 5,
                                          onChange: function (e) {
                                            return r(
                                              re(re({}, n), {}, { collisionStrength: 5 * e }),
                                            )
                                          },
                                          label: 'Collision Radius',
                                          infoText:
                                            'Easy with this one, high values can lead to a real jiggly mess',
                                        }),
                                      }),
                                      (0, l.jsx)(oe, {
                                        value: 5 * n.linkStrength,
                                        onChange: function (e) {
                                          return r(re(re({}, n), {}, { linkStrength: e / 5 }))
                                        },
                                        label: 'Link Force',
                                      }),
                                      (0, l.jsx)(oe, {
                                        label: 'Link Iterations',
                                        value: n.linkIts,
                                        onChange: function (e) {
                                          return r(re(re({}, n), {}, { linkIts: e }))
                                        },
                                        min: 0,
                                        max: 6,
                                        step: 1,
                                        infoText:
                                          'How many links down the line the physics of a single node affects (Slow)',
                                      }),
                                      (0, l.jsx)(oe, {
                                        label: 'Viscosity',
                                        value: 10 * n.velocityDecay,
                                        onChange: function (e) {
                                          return r(re(re({}, n), {}, { velocityDecay: e / 10 }))
                                        },
                                      }),
                                    ],
                                  }),
                                  (0, l.jsx)(p.xu, {
                                    children: (0, l.jsx)(A.UQ, {
                                      paddingLeft: 3,
                                      allowToggle: !0,
                                      children: (0, l.jsxs)(A.Qd, {
                                        children: [
                                          (0, l.jsxs)(A.KF, {
                                            children: [
                                              (0, l.jsx)(U.x, { children: 'Advanced' }),
                                              (0, l.jsx)(A.XE, { marginRight: 2 }),
                                            ],
                                          }),
                                          (0, l.jsx)(A.Hk, {
                                            children: (0, l.jsxs)(_.gC, {
                                              spacing: 2,
                                              justifyContent: 'flex-start',
                                              divider: (0, l.jsx)(_.cX, {
                                                borderColor: 'gray.500',
                                              }),
                                              align: 'stretch',
                                              paddingLeft: 3,
                                              color: 'gray.800',
                                              children: [
                                                (0, l.jsx)(oe, {
                                                  label: 'Stabilization rate',
                                                  value: 50 * n.alphaDecay,
                                                  onChange: function (e) {
                                                    return r(
                                                      re(re({}, n), {}, { alphaDecay: e / 50 }),
                                                    )
                                                  },
                                                }),
                                                (0, l.jsx)(le, {
                                                  label: 'Center nodes',
                                                  value: n.centering,
                                                  onChange: function () {
                                                    return r(
                                                      re(
                                                        re({}, n),
                                                        {},
                                                        { centering: !n.centering },
                                                      ),
                                                    )
                                                  },
                                                  infoText:
                                                    'Keeps the nodes in the center of the viewport. If disabled you can drag the nodes anywhere you want.',
                                                  children: (0, l.jsx)(oe, {
                                                    label: 'Centering Strength',
                                                    value: n.centeringStrength,
                                                    max: 2,
                                                    step: 0.01,
                                                    onChange: function (e) {
                                                      return r(
                                                        re(re({}, n), {}, { centeringStrength: e }),
                                                      )
                                                    },
                                                  }),
                                                }),
                                              ],
                                            }),
                                          }),
                                        ],
                                      }),
                                    }),
                                  }),
                                ],
                              }),
                            ],
                          }),
                          (0, l.jsxs)(A.Qd, {
                            children: [
                              (0, l.jsxs)(A.KF, {
                                children: [
                                  (0, l.jsx)(A.XE, { marginRight: 2 }),
                                  (0, l.jsx)(X.X, { size: 'sm', children: 'Visual' }),
                                ],
                              }),
                              (0, l.jsx)(A.Hk, {
                                children: (0, l.jsxs)(_.gC, {
                                  justifyContent: 'flex-start',
                                  align: 'stretch',
                                  children: [
                                    (0, l.jsx)(A.UQ, {
                                      allowToggle: !0,
                                      defaultIndex: [0],
                                      paddingLeft: 3,
                                      children: (0, l.jsxs)(A.Qd, {
                                        children: [
                                          (0, l.jsx)(A.KF, {
                                            children: (0, l.jsxs)(q.k, {
                                              justifyContent: 'space-between',
                                              w: '100%',
                                              children: [
                                                (0, l.jsx)(U.x, { children: 'Colors' }),
                                                (0, l.jsx)(A.XE, { marginRight: 2 }),
                                              ],
                                            }),
                                          }),
                                          (0, l.jsx)(A.Hk, {
                                            children: (0, l.jsx)(_.gC, {
                                              spacing: 2,
                                              justifyContent: 'flex-start',
                                              divider: (0, l.jsx)(_.cX, {
                                                borderColor: 'gray.500',
                                              }),
                                              align: 'stretch',
                                              color: 'gray.800',
                                              children: (0, l.jsxs)(p.xu, {
                                                children: [
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, { children: 'Nodes' }),
                                                      (0, l.jsx)(M.u, {
                                                        label: 'Shuffle node colors',
                                                        children: (0, l.jsx)(B.h, {
                                                          'aria-label': 'Shuffle node colors',
                                                          size: 'sm',
                                                          icon: (0, l.jsx)(H.n, {}),
                                                          variant: 'ghost',
                                                          onClick: function () {
                                                            var e,
                                                              n =
                                                                null !== (e = u.nodeColorScheme) &&
                                                                void 0 !== e
                                                                  ? e
                                                                  : []
                                                            h(
                                                              re(
                                                                re({}, u),
                                                                {},
                                                                {
                                                                  nodeColorScheme: n
                                                                    .map(function (e) {
                                                                      return [Math.random(), e]
                                                                    })
                                                                    .sort(function (e, n) {
                                                                      return (
                                                                        (0, a.Z)(e, 1)[0] -
                                                                        (0, a.Z)(n, 1)[0]
                                                                      )
                                                                    })
                                                                    .map(function (e) {
                                                                      var n = (0, a.Z)(e, 2)
                                                                      n[0]
                                                                      return n[1]
                                                                    }),
                                                                },
                                                              ),
                                                            )
                                                          },
                                                        }),
                                                      }),
                                                      (0, l.jsx)(M.u, {
                                                        label: 'Cycle node colors',
                                                        children: (0, l.jsx)(B.h, {
                                                          'aria-label': 'Shift node colors',
                                                          icon: (0, l.jsx)(E.L, {}),
                                                          size: 'sm',
                                                          variant: 'ghost',
                                                          onClick: function () {
                                                            var e,
                                                              n =
                                                                null !== (e = u.nodeColorScheme) &&
                                                                void 0 !== e
                                                                  ? e
                                                                  : []
                                                            h(
                                                              re(
                                                                re({}, u),
                                                                {},
                                                                {
                                                                  nodeColorScheme: [].concat(
                                                                    (0, s.Z)(n.slice(1, n.length)),
                                                                    [n[0]],
                                                                  ),
                                                                },
                                                              ),
                                                            )
                                                          },
                                                        }),
                                                      }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        closeOnSelect: !1,
                                                        matchWidth: !0,
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            width: 20,
                                                            as: W.z,
                                                            colorScheme: '',
                                                            color: 'black',
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            children: (0, l.jsx)(q.k, {
                                                              height: 6,
                                                              width: 6,
                                                              flexDirection: 'column',
                                                              flexWrap: 'wrap',
                                                              children: u.nodeColorScheme.map(
                                                                function (e) {
                                                                  return (0, l.jsx)(
                                                                    p.xu,
                                                                    {
                                                                      bgColor: e,
                                                                      flex: '1 1 8px',
                                                                      borderRadius: '2xl',
                                                                    },
                                                                    e,
                                                                  )
                                                                },
                                                              ),
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsx)(V.qy, {
                                                                minW: 10,
                                                                zIndex: 'popover',
                                                                bgColor: 'gray.200',
                                                                children: (0, l.jsx)(V.__, {
                                                                  width: 500,
                                                                  type: 'checkbox',
                                                                  defaultValue: u.nodeColorScheme,
                                                                  onChange: function (e) {
                                                                    e.length &&
                                                                      h(
                                                                        re(
                                                                          re({}, u),
                                                                          {},
                                                                          { nodeColorScheme: e },
                                                                        ),
                                                                      )
                                                                  },
                                                                  children: w.map(function (e) {
                                                                    return (0, l.jsx)(
                                                                      V.ii,
                                                                      {
                                                                        isChecked:
                                                                          u.nodeColorScheme.some(
                                                                            function (n) {
                                                                              return n === e
                                                                            },
                                                                          ),
                                                                        value: e,
                                                                        isDisabled:
                                                                          1 ===
                                                                            u.nodeColorScheme
                                                                              .length &&
                                                                          u.nodeColorScheme[0] ===
                                                                            e,
                                                                        children: (0, l.jsx)(p.xu, {
                                                                          justifyContent:
                                                                            'space-between',
                                                                          alignItems: 'center',
                                                                          display: 'flex',
                                                                          children: (0, l.jsx)(
                                                                            p.xu,
                                                                            {
                                                                              bgColor: e,
                                                                              borderRadius: 'sm',
                                                                              height: 6,
                                                                              width: 6,
                                                                            },
                                                                          ),
                                                                        }),
                                                                      },
                                                                      e,
                                                                    )
                                                                  }),
                                                                }),
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, { children: 'Links' }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            colorScheme: '',
                                                            color: 'black',
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            children: (0, l.jsx)(p.xu, {
                                                              children: u.linkColorScheme
                                                                ? (0, l.jsx)(p.xu, {
                                                                    bgColor: u.linkColorScheme,
                                                                    borderRadius: 'sm',
                                                                    height: 6,
                                                                    width: 6,
                                                                  })
                                                                : (0, l.jsx)(q.k, {
                                                                    height: 6,
                                                                    width: 6,
                                                                    flexDirection: 'column',
                                                                    flexWrap: 'wrap',
                                                                    children: u.nodeColorScheme.map(
                                                                      function (e) {
                                                                        return (0, l.jsx)(
                                                                          p.xu,
                                                                          {
                                                                            bgColor: e,
                                                                            flex: '1 1 8px',
                                                                            borderRadius: '2xl',
                                                                          },
                                                                          e,
                                                                        )
                                                                      },
                                                                    ),
                                                                  }),
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsxs)(V.qy, {
                                                                minW: 10,
                                                                zIndex: 'popover',
                                                                bgColor: 'gray.200',
                                                                children: [
                                                                  (0, l.jsx)(V.sN, {
                                                                    onClick: function () {
                                                                      return h(
                                                                        re(
                                                                          re({}, u),
                                                                          {},
                                                                          { linkColorScheme: '' },
                                                                        ),
                                                                      )
                                                                    },
                                                                    justifyContent: 'space-between',
                                                                    alignItems: 'center',
                                                                    display: 'flex',
                                                                    children: (0, l.jsx)(q.k, {
                                                                      height: 6,
                                                                      width: 6,
                                                                      flexDirection: 'column',
                                                                      flexWrap: 'wrap',
                                                                      children:
                                                                        u.nodeColorScheme.map(
                                                                          function (e) {
                                                                            return (0, l.jsx)(
                                                                              p.xu,
                                                                              {
                                                                                bgColor: e,
                                                                                flex: '1 1 8px',
                                                                                borderRadius: '2xl',
                                                                              },
                                                                              e,
                                                                            )
                                                                          },
                                                                        ),
                                                                    }),
                                                                  }),
                                                                  Z.map(function (e) {
                                                                    return (0, l.jsx)(
                                                                      V.sN,
                                                                      {
                                                                        onClick: function () {
                                                                          return h(
                                                                            re(
                                                                              re({}, u),
                                                                              {},
                                                                              {
                                                                                linkColorScheme: e,
                                                                              },
                                                                            ),
                                                                          )
                                                                        },
                                                                        justifyContent:
                                                                          'space-between',
                                                                        alignItems: 'center',
                                                                        display: 'flex',
                                                                        children: (0, l.jsx)(p.xu, {
                                                                          bgColor: e,
                                                                          borderRadius: 'sm',
                                                                          height: 6,
                                                                          width: 6,
                                                                        }),
                                                                      },
                                                                      e,
                                                                    )
                                                                  }),
                                                                ],
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, { children: 'Accent' }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            colorScheme: '',
                                                            color: 'black',
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            children: (0, l.jsx)(p.xu, {
                                                              bgColor: y,
                                                              borderRadius: 'sm',
                                                              height: 6,
                                                              width: 6,
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsx)(V.qy, {
                                                                minW: 10,
                                                                zIndex: 'popover',
                                                                bgColor: 'gray.200',
                                                                children: w.map(function (e) {
                                                                  return (0, l.jsx)(
                                                                    V.sN,
                                                                    {
                                                                      onClick: function () {
                                                                        return k(e)
                                                                      },
                                                                      justifyContent:
                                                                        'space-between',
                                                                      alignItems: 'center',
                                                                      display: 'flex',
                                                                      children: (0, l.jsx)(p.xu, {
                                                                        bgColor: e,
                                                                        borderRadius: 'sm',
                                                                        height: 6,
                                                                        width: 6,
                                                                      }),
                                                                    },
                                                                    e,
                                                                  )
                                                                }),
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, {
                                                        children: 'Link Highlight',
                                                      }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            colorScheme: '',
                                                            color: 'black',
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            children: (0, l.jsx)(p.xu, {
                                                              bgColor: u.linkHighlight,
                                                              borderRadius: 'sm',
                                                              height: 6,
                                                              width: 6,
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsxs)(V.qy, {
                                                                minW: 10,
                                                                zIndex: 'popover',
                                                                bgColor: 'gray.200',
                                                                children: [
                                                                  (0, l.jsx)(
                                                                    V.sN,
                                                                    {
                                                                      onClick: function () {
                                                                        return h(
                                                                          re(
                                                                            re({}, u),
                                                                            {},
                                                                            { linkHighlight: '' },
                                                                          ),
                                                                        )
                                                                      },
                                                                      justifyContent:
                                                                        'space-between',
                                                                      alignItems: 'center',
                                                                      display: 'flex',
                                                                      children: (0, l.jsx)(p.xu, {
                                                                        borderRadius: 'sm',
                                                                        height: 6,
                                                                        width: 6,
                                                                      }),
                                                                    },
                                                                    'none',
                                                                  ),
                                                                  w.map(function (e) {
                                                                    return (0, l.jsx)(
                                                                      V.sN,
                                                                      {
                                                                        onClick: function () {
                                                                          return h(
                                                                            re(
                                                                              re({}, u),
                                                                              {},
                                                                              { linkHighlight: e },
                                                                            ),
                                                                          )
                                                                        },
                                                                        justifyContent:
                                                                          'space-between',
                                                                        alignItems: 'center',
                                                                        display: 'flex',
                                                                        children: (0, l.jsx)(p.xu, {
                                                                          bgColor: e,
                                                                          borderRadius: 'sm',
                                                                          height: 6,
                                                                          width: 6,
                                                                        }),
                                                                      },
                                                                      e,
                                                                    )
                                                                  }),
                                                                ],
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, {
                                                        children: 'Node Highlight',
                                                      }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            colorScheme: '',
                                                            color: 'black',
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            children: (0, l.jsx)(p.xu, {
                                                              bgColor: u.nodeHighlight,
                                                              borderRadius: 'sm',
                                                              height: 6,
                                                              width: 6,
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsxs)(V.qy, {
                                                                minW: 10,
                                                                zIndex: 'popover',
                                                                bgColor: 'gray.200',
                                                                children: [
                                                                  (0, l.jsx)(
                                                                    V.sN,
                                                                    {
                                                                      onClick: function () {
                                                                        return h(
                                                                          re(
                                                                            re({}, u),
                                                                            {},
                                                                            { nodeHighlight: '' },
                                                                          ),
                                                                        )
                                                                      },
                                                                      justifyContent:
                                                                        'space-between',
                                                                      alignItems: 'center',
                                                                      display: 'flex',
                                                                      children: (0, l.jsx)(p.xu, {
                                                                        borderRadius: 'sm',
                                                                        height: 6,
                                                                        width: 6,
                                                                      }),
                                                                    },
                                                                    'none',
                                                                  ),
                                                                  w.map(function (e) {
                                                                    return (0, l.jsx)(
                                                                      V.sN,
                                                                      {
                                                                        onClick: function () {
                                                                          return h(
                                                                            re(
                                                                              re({}, u),
                                                                              {},
                                                                              { nodeHighlight: e },
                                                                            ),
                                                                          )
                                                                        },
                                                                        justifyContent:
                                                                          'space-between',
                                                                        alignItems: 'center',
                                                                        display: 'flex',
                                                                        children: (0, l.jsx)(p.xu, {
                                                                          bgColor: e,
                                                                          borderRadius: 'sm',
                                                                          height: 6,
                                                                          width: 6,
                                                                        }),
                                                                      },
                                                                      e,
                                                                    )
                                                                  }),
                                                                ],
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, { children: 'Background' }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            colorScheme: '',
                                                            color: 'black',
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            children: (0, l.jsx)(p.xu, {
                                                              bgColor: u.backgroundColor,
                                                              borderRadius: 'sm',
                                                              height: 6,
                                                              width: 6,
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsx)(V.qy, {
                                                                minWidth: 10,
                                                                zIndex: 'popover',
                                                                bgColor: 'gray.200',
                                                                children: Z.map(function (e) {
                                                                  return (0, l.jsx)(
                                                                    V.sN,
                                                                    {
                                                                      onClick: function () {
                                                                        return h(
                                                                          re(
                                                                            re({}, u),
                                                                            {},
                                                                            { backgroundColor: e },
                                                                          ),
                                                                        )
                                                                      },
                                                                      justifyContent:
                                                                        'space-between',
                                                                      alignItems: 'center',
                                                                      display: 'flex',
                                                                      children: (0, l.jsx)(p.xu, {
                                                                        bgColor: e,
                                                                        borderRadius: 'sm',
                                                                        height: 6,
                                                                        width: 6,
                                                                      }),
                                                                    },
                                                                    e,
                                                                  )
                                                                }),
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, { children: 'Emacs Node' }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            colorScheme: '',
                                                            color: 'black',
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            children: (0, l.jsx)(p.xu, {
                                                              bgColor: u.emacsNodeColor,
                                                              borderRadius: 'sm',
                                                              height: 6,
                                                              width: 6,
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsxs)(V.qy, {
                                                                minWidth: 10,
                                                                zIndex: 'popover',
                                                                bgColor: 'gray.200',
                                                                children: [
                                                                  (0, l.jsx)(
                                                                    V.sN,
                                                                    {
                                                                      onClick: function () {
                                                                        return h(
                                                                          re(
                                                                            re({}, u),
                                                                            {},
                                                                            { emacsNodeColor: '' },
                                                                          ),
                                                                        )
                                                                      },
                                                                      justifyContent:
                                                                        'space-between',
                                                                      alignItems: 'center',
                                                                      display: 'flex',
                                                                      children: (0, l.jsx)(p.xu, {
                                                                        borderRadius: 'sm',
                                                                        height: 6,
                                                                        width: 6,
                                                                      }),
                                                                    },
                                                                    'none',
                                                                  ),
                                                                  w.map(function (e) {
                                                                    return (0, l.jsx)(
                                                                      V.sN,
                                                                      {
                                                                        onClick: function () {
                                                                          return h(
                                                                            re(
                                                                              re({}, u),
                                                                              {},
                                                                              { emacsNodeColor: e },
                                                                            ),
                                                                          )
                                                                        },
                                                                        justifyContent:
                                                                          'space-between',
                                                                        alignItems: 'center',
                                                                        display: 'flex',
                                                                        children: (0, l.jsx)(p.xu, {
                                                                          bgColor: e,
                                                                          borderRadius: 'sm',
                                                                          height: 6,
                                                                          width: 6,
                                                                        }),
                                                                      },
                                                                      e,
                                                                    )
                                                                  }),
                                                                ],
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                ],
                                              }),
                                            }),
                                          }),
                                        ],
                                      }),
                                    }),
                                    (0, l.jsxs)(_.gC, {
                                      spacing: 2,
                                      justifyContent: 'flex-start',
                                      divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
                                      align: 'stretch',
                                      paddingLeft: 7,
                                      color: 'gray.800',
                                      children: [
                                        (0, l.jsx)(oe, {
                                          label: 'Node size',
                                          value: u.nodeRel,
                                          onChange: function (e) {
                                            return h(re(re({}, u), {}, { nodeRel: e }))
                                          },
                                        }),
                                        t &&
                                          (0, l.jsxs)(l.Fragment, {
                                            children: [
                                              (0, l.jsx)(oe, {
                                                label: 'Node opacity',
                                                value: u.nodeOpacity,
                                                min: 0,
                                                max: 1,
                                                onChange: function (e) {
                                                  return h(re(re({}, u), {}, { nodeOpacity: e }))
                                                },
                                              }),
                                              (0, l.jsx)(oe, {
                                                label: 'Node resolution',
                                                value: u.nodeResolution,
                                                min: 5,
                                                max: 32,
                                                step: 1,
                                                onChange: function (e) {
                                                  return h(re(re({}, u), {}, { nodeResolution: e }))
                                                },
                                              }),
                                            ],
                                          }),
                                        (0, l.jsx)(oe, {
                                          label: 'Link width',
                                          value: u.linkWidth,
                                          onChange: function (e) {
                                            return h(re(re({}, u), {}, { linkWidth: e }))
                                          },
                                        }),
                                        t &&
                                          (0, l.jsx)(oe, {
                                            label: 'Link opacity',
                                            min: 0,
                                            max: 1,
                                            value: u.linkOpacity,
                                            onChange: function (e) {
                                              return h(re(re({}, u), {}, { linkOpacity: e }))
                                            },
                                          }),
                                        (0, l.jsxs)(p.xu, {
                                          children: [
                                            (0, l.jsxs)(q.k, {
                                              alignItems: 'center',
                                              justifyContent: 'space-between',
                                              children: [
                                                (0, l.jsx)(U.x, { children: 'Labels' }),
                                                (0, l.jsxs)(V.v2, {
                                                  placement: 'right',
                                                  children: [
                                                    (0, l.jsx)(V.j2, {
                                                      as: W.z,
                                                      colorScheme: '',
                                                      color: 'black',
                                                      rightIcon: (0, l.jsx)(L.v, {}),
                                                      children: u.labels
                                                        ? u.labels < 2
                                                          ? 'On Highlight'
                                                          : 'Always'
                                                        : 'Never',
                                                    }),
                                                    (0, l.jsxs)(K.h, {
                                                      children: [
                                                        ' ',
                                                        (0, l.jsxs)(V.qy, {
                                                          zIndex: 'popover',
                                                          bgColor: 'gray.200',
                                                          children: [
                                                            (0, l.jsx)(V.sN, {
                                                              onClick: function () {
                                                                return h(
                                                                  re(re({}, u), {}, { labels: 0 }),
                                                                )
                                                              },
                                                              children: 'Never',
                                                            }),
                                                            (0, l.jsx)(V.sN, {
                                                              onClick: function () {
                                                                return h(
                                                                  re(re({}, u), {}, { labels: 1 }),
                                                                )
                                                              },
                                                              children: 'On Highlight',
                                                            }),
                                                            (0, l.jsx)(V.sN, {
                                                              onClick: function () {
                                                                return h(
                                                                  re(re({}, u), {}, { labels: 2 }),
                                                                )
                                                              },
                                                              children: 'Always',
                                                            }),
                                                            (0, l.jsx)(V.sN, {
                                                              onClick: function () {
                                                                return h(
                                                                  re(re({}, u), {}, { labels: 3 }),
                                                                )
                                                              },
                                                              children: 'Always (even in 3D)',
                                                            }),
                                                          ],
                                                        }),
                                                      ],
                                                    }),
                                                  ],
                                                }),
                                              ],
                                            }),
                                            (0, l.jsx)(J.U, {
                                              in: u.labels > 0,
                                              animateOpacity: !0,
                                              children: (0, l.jsxs)(_.gC, {
                                                spacing: 1,
                                                justifyContent: 'flex-start',
                                                divider: (0, l.jsx)(_.cX, {
                                                  borderColor: 'gray.400',
                                                }),
                                                align: 'stretch',
                                                paddingLeft: 2,
                                                color: 'gray.800',
                                                children: [
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, { children: 'Text' }),
                                                      (0, l.jsxs)(V.v2, {
                                                        matchWidth: !0,
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            color: 'black',
                                                            colorScheme: '',
                                                            children: (0, l.jsx)(p.xu, {
                                                              bgColor: u.labelTextColor,
                                                              borderRadius: 'sm',
                                                              height: 6,
                                                              width: 6,
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsx)(V.qy, {
                                                                minW: 10,
                                                                zIndex: 'popover',
                                                                bg: 'gray.200',
                                                                children: Z.map(function (e) {
                                                                  return (0, l.jsx)(
                                                                    V.sN,
                                                                    {
                                                                      onClick: function () {
                                                                        return h(
                                                                          re(
                                                                            re({}, u),
                                                                            {},
                                                                            { labelTextColor: e },
                                                                          ),
                                                                        )
                                                                      },
                                                                      children: (0, l.jsx)(p.xu, {
                                                                        bgColor: e,
                                                                        borderRadius: 'sm',
                                                                        height: 6,
                                                                        width: 6,
                                                                      }),
                                                                    },
                                                                    e,
                                                                  )
                                                                }),
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsxs)(q.k, {
                                                    alignItems: 'center',
                                                    justifyContent: 'space-between',
                                                    children: [
                                                      (0, l.jsx)(U.x, { children: 'Background' }),
                                                      (0, l.jsxs)(V.v2, {
                                                        placement: 'right',
                                                        children: [
                                                          (0, l.jsx)(V.j2, {
                                                            as: W.z,
                                                            rightIcon: (0, l.jsx)(L.v, {}),
                                                            color: 'black',
                                                            colorScheme: '',
                                                            children: (0, l.jsx)(p.xu, {
                                                              bgColor: u.labelBackgroundColor,
                                                              borderRadius: 'sm',
                                                              height: 6,
                                                              width: 6,
                                                            }),
                                                          }),
                                                          (0, l.jsxs)(K.h, {
                                                            children: [
                                                              ' ',
                                                              (0, l.jsxs)(V.qy, {
                                                                minW: 10,
                                                                zIndex: 'popover',
                                                                bg: 'gray.200',
                                                                children: [
                                                                  (0, l.jsx)(V.sN, {
                                                                    onClick: function () {
                                                                      return h(
                                                                        re(
                                                                          re({}, u),
                                                                          {},
                                                                          {
                                                                            labelBackgroundColor:
                                                                              '',
                                                                          },
                                                                        ),
                                                                      )
                                                                    },
                                                                    justifyContent: 'space-between',
                                                                    alignItems: 'center',
                                                                    display: 'flex',
                                                                    children: 'None',
                                                                  }),
                                                                  Z.map(function (e) {
                                                                    return (0, l.jsx)(
                                                                      V.sN,
                                                                      {
                                                                        onClick: function () {
                                                                          return h(
                                                                            re(
                                                                              re({}, u),
                                                                              {},
                                                                              {
                                                                                labelBackgroundColor:
                                                                                  e,
                                                                              },
                                                                            ),
                                                                          )
                                                                        },
                                                                        justifyContent:
                                                                          'space-between',
                                                                        alignItems: 'center',
                                                                        display: 'flex',
                                                                        children: (0, l.jsx)(p.xu, {
                                                                          bgColor: e,
                                                                          borderRadius: 'sm',
                                                                          height: 6,
                                                                          width: 6,
                                                                        }),
                                                                      },
                                                                      e,
                                                                    )
                                                                  }),
                                                                ],
                                                              }),
                                                            ],
                                                          }),
                                                        ],
                                                      }),
                                                    ],
                                                  }),
                                                  (0, l.jsx)(J.U, {
                                                    in: !!u.labelBackgroundColor,
                                                    animateOpacity: !0,
                                                    children: (0, l.jsx)(p.xu, {
                                                      paddingTop: 2,
                                                      children: (0, l.jsx)(oe, {
                                                        label: 'Background opacity',
                                                        value: u.labelBackgroundOpacity,
                                                        onChange: function (e) {
                                                          console.log(u.labelBackgroundOpacity),
                                                            h(
                                                              re(
                                                                re({}, u),
                                                                {},
                                                                { labelBackgroundOpacity: e },
                                                              ),
                                                            )
                                                        },
                                                        min: 0,
                                                        max: 1,
                                                        step: 0.01,
                                                      }),
                                                    }),
                                                  }),
                                                  (0, l.jsx)(J.U, {
                                                    in: u.labels > 1,
                                                    animateOpacity: !0,
                                                    children: (0, l.jsx)(p.xu, {
                                                      paddingTop: 2,
                                                      children: (0, l.jsx)(oe, {
                                                        label: 'Label Appearance Scale',
                                                        value: 5 * u.labelScale,
                                                        onChange: function (e) {
                                                          return h(
                                                            re(
                                                              re({}, u),
                                                              {},
                                                              { labelScale: e / 5 },
                                                            ),
                                                          )
                                                        },
                                                      }),
                                                    }),
                                                  }),
                                                ],
                                              }),
                                            }),
                                          ],
                                        }),
                                        (0, l.jsxs)(le, {
                                          label: 'Link arrows',
                                          value: u.arrows,
                                          onChange: function () {
                                            return h(re(re({}, u), {}, { arrows: !u.arrows }))
                                          },
                                          children: [
                                            (0, l.jsx)(oe, {
                                              label: 'Arrow size',
                                              value: u.arrowsLength / 10,
                                              onChange: function (e) {
                                                return h(
                                                  re(re({}, u), {}, { arrowsLength: 10 * e }),
                                                )
                                              },
                                            }),
                                            (0, l.jsx)(oe, {
                                              label: 'Arrow Position',
                                              value: u.arrowsPos,
                                              min: 0,
                                              max: 1,
                                              step: 0.01,
                                              onChange: function (e) {
                                                return h(re(re({}, u), {}, { arrowsPos: e }))
                                              },
                                            }),
                                            (0, l.jsxs)(q.k, {
                                              alignItems: 'center',
                                              justifyContent: 'space-between',
                                              children: [
                                                (0, l.jsx)(U.x, { children: 'Arrow Color' }),
                                                (0, l.jsxs)(V.v2, {
                                                  placement: 'right',
                                                  children: [
                                                    (0, l.jsx)(V.j2, {
                                                      as: W.z,
                                                      colorScheme: '',
                                                      color: 'black',
                                                      rightIcon: (0, l.jsx)(L.v, {}),
                                                      children: (0, l.jsx)(p.xu, {
                                                        bgColor: u.arrowsColor,
                                                        borderRadius: 'sm',
                                                        height: 6,
                                                        width: 6,
                                                      }),
                                                    }),
                                                    (0, l.jsxs)(K.h, {
                                                      children: [
                                                        ' ',
                                                        (0, l.jsxs)(V.qy, {
                                                          minW: 10,
                                                          zIndex: 'popover',
                                                          bgColor: 'gray.200',
                                                          children: [
                                                            (0, l.jsx)(V.sN, {
                                                              onClick: function () {
                                                                return h(
                                                                  re(
                                                                    re({}, u),
                                                                    {},
                                                                    { arrowsColor: '' },
                                                                  ),
                                                                )
                                                              },
                                                              justifyContent: 'space-between',
                                                              alignItems: 'center',
                                                              display: 'flex',
                                                              children: (0, l.jsx)(p.xu, {
                                                                height: 6,
                                                                width: 6,
                                                              }),
                                                            }),
                                                            w.map(function (e) {
                                                              return (0, l.jsx)(
                                                                V.sN,
                                                                {
                                                                  onClick: function () {
                                                                    return h(
                                                                      re(
                                                                        re({}, u),
                                                                        {},
                                                                        { arrowsColor: e },
                                                                      ),
                                                                    )
                                                                  },
                                                                  justifyContent: 'space-between',
                                                                  alignItems: 'center',
                                                                  display: 'flex',
                                                                  children: (0, l.jsx)(p.xu, {
                                                                    bgColor: e,
                                                                    borderRadius: 'sm',
                                                                    height: 6,
                                                                    width: 6,
                                                                  }),
                                                                },
                                                                e,
                                                              )
                                                            }),
                                                            Z.map(function (e) {
                                                              return (0, l.jsx)(
                                                                V.sN,
                                                                {
                                                                  onClick: function () {
                                                                    return h(
                                                                      re(
                                                                        re({}, u),
                                                                        {},
                                                                        { arrowsColor: e },
                                                                      ),
                                                                    )
                                                                  },
                                                                  justifyContent: 'space-between',
                                                                  alignItems: 'center',
                                                                  display: 'flex',
                                                                  children: (0, l.jsx)(p.xu, {
                                                                    bgColor: e,
                                                                    borderRadius: 'sm',
                                                                    height: 6,
                                                                    width: 6,
                                                                  }),
                                                                },
                                                                e,
                                                              )
                                                            }),
                                                          ],
                                                        }),
                                                      ],
                                                    }),
                                                  ],
                                                }),
                                              ],
                                            }),
                                          ],
                                        }),
                                        (0, l.jsxs)(le, {
                                          label: 'Directional Particles',
                                          value: u.particles,
                                          onChange: function () {
                                            return h(re(re({}, u), {}, { particles: !u.particles }))
                                          },
                                          children: [
                                            (0, l.jsx)(oe, {
                                              label: 'Particle Number',
                                              value: u.particlesNumber,
                                              max: 5,
                                              step: 1,
                                              onChange: function (e) {
                                                return h(re(re({}, u), {}, { particlesNumber: e }))
                                              },
                                            }),
                                            (0, l.jsx)(oe, {
                                              label: 'Particle Size',
                                              value: u.particlesWidth,
                                              onChange: function (e) {
                                                return h(re(re({}, u), {}, { particlesWidth: e }))
                                              },
                                            }),
                                          ],
                                        }),
                                        (0, l.jsx)(le, {
                                          label: 'Highlight',
                                          onChange: function () {
                                            return h(re(re({}, u), {}, { highlight: !u.highlight }))
                                          },
                                          value: u.highlight,
                                          children: (0, l.jsxs)(_.gC, {
                                            spacing: 1,
                                            justifyContent: 'flex-start',
                                            divider: (0, l.jsx)(_.cX, { borderColor: 'gray.400' }),
                                            align: 'stretch',
                                            paddingLeft: 0,
                                            children: [
                                              (0, l.jsx)(oe, {
                                                label: 'Highlight Link Thickness',
                                                value: u.highlightLinkSize,
                                                onChange: function (e) {
                                                  return h(
                                                    re(re({}, u), {}, { highlightLinkSize: e }),
                                                  )
                                                },
                                              }),
                                              (0, l.jsx)(oe, {
                                                label: 'Highlight Node Size',
                                                value: u.highlightNodeSize,
                                                onChange: function (e) {
                                                  return h(
                                                    re(re({}, u), {}, { highlightNodeSize: e }),
                                                  )
                                                },
                                              }),
                                              (0, l.jsxs)(le, {
                                                label: 'Highlight Animation',
                                                onChange: function () {
                                                  h(
                                                    re(
                                                      re({}, u),
                                                      {},
                                                      { highlightAnim: !u.highlightAnim },
                                                    ),
                                                  )
                                                },
                                                value: u.highlightAnim,
                                                children: [
                                                  (0, l.jsx)(oe, {
                                                    label: 'Animation speed',
                                                    onChange: function (e) {
                                                      return h(
                                                        re(re({}, u), {}, { animationSpeed: e }),
                                                      )
                                                    },
                                                    value: u.animationSpeed,
                                                    infoText:
                                                      'Slower speed has a chance of being buggy',
                                                    min: 50,
                                                    max: 1e3,
                                                    step: 10,
                                                  }),
                                                  (0, l.jsx)(Y.Ph, {
                                                    placeholder: u.algorithmName,
                                                    onChange: function (e) {
                                                      h(
                                                        re(
                                                          re({}, u),
                                                          {},
                                                          { algorithmName: e.target.value },
                                                        ),
                                                      )
                                                    },
                                                    children: u.algorithmOptions.map(function (e) {
                                                      return (0,
                                                      l.jsx)('option', { value: e, children: e }, e)
                                                    }),
                                                  }),
                                                ],
                                              }),
                                            ],
                                          }),
                                        }),
                                      ],
                                    }),
                                  ],
                                }),
                              }),
                            ],
                          }),
                          (0, l.jsxs)(A.Qd, {
                            children: [
                              (0, l.jsxs)(A.KF, {
                                children: [
                                  (0, l.jsx)(A.XE, { marginRight: 2 }),
                                  (0, l.jsx)(X.X, { size: 'sm', children: 'Behavior' }),
                                ],
                              }),
                              (0, l.jsx)(A.Hk, {
                                children: (0, l.jsxs)(_.gC, {
                                  spacing: 2,
                                  justifyContent: 'flex-start',
                                  divider: (0, l.jsx)(_.cX, { borderColor: 'gray.500' }),
                                  align: 'stretch',
                                  paddingLeft: 7,
                                  color: 'gray.800',
                                  children: [
                                    (0, l.jsxs)(q.k, {
                                      alignItems: 'center',
                                      justifyContent: 'space-between',
                                      children: [
                                        (0, l.jsxs)(q.k, {
                                          children: [
                                            (0, l.jsx)(U.x, { children: 'Expand Node' }),
                                            (0, l.jsx)(ie, {
                                              infoText:
                                                'View only the node and its direct neighbors',
                                            }),
                                          ],
                                        }),
                                        (0, l.jsxs)(V.v2, {
                                          placement: 'right',
                                          children: [
                                            (0, l.jsx)(V.j2, {
                                              as: W.z,
                                              rightIcon: (0, l.jsx)(L.v, {}),
                                              colorScheme: '',
                                              color: 'black',
                                              children: (0, l.jsx)(U.x, {
                                                children:
                                                  g.local[0].toUpperCase() + g.local.slice(1),
                                              }),
                                            }),
                                            (0, l.jsxs)(K.h, {
                                              children: [
                                                ' ',
                                                (0, l.jsxs)(V.qy, {
                                                  zIndex: 'popover',
                                                  bgColor: 'gray.200',
                                                  children: [
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(re(re({}, g), {}, { local: '' }))
                                                      },
                                                      children: 'Never',
                                                    }),
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(
                                                          re(re({}, g), {}, { local: 'click' }),
                                                        )
                                                      },
                                                      children: 'Click',
                                                    }),
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(
                                                          re(re({}, g), {}, { local: 'double' }),
                                                        )
                                                      },
                                                      children: 'Double Click',
                                                    }),
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(
                                                          re(re({}, g), {}, { local: 'right' }),
                                                        )
                                                      },
                                                      children: 'Right Click',
                                                    }),
                                                  ],
                                                }),
                                              ],
                                            }),
                                          ],
                                        }),
                                      ],
                                    }),
                                    (0, l.jsxs)(q.k, {
                                      alignItems: 'center',
                                      justifyContent: 'space-between',
                                      children: [
                                        (0, l.jsx)(U.x, { children: 'Open in Emacs' }),
                                        (0, l.jsxs)(V.v2, {
                                          placement: 'right',
                                          children: [
                                            (0, l.jsx)(V.j2, {
                                              as: W.z,
                                              rightIcon: (0, l.jsx)(L.v, {}),
                                              colorScheme: '',
                                              color: 'black',
                                              children: (0, l.jsx)(U.x, {
                                                children:
                                                  g.follow[0].toUpperCase() + g.follow.slice(1),
                                              }),
                                            }),
                                            (0, l.jsxs)(K.h, {
                                              children: [
                                                ' ',
                                                (0, l.jsxs)(V.qy, {
                                                  bgColor: 'gray.200',
                                                  zIndex: 'popover',
                                                  children: [
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(re(re({}, g), {}, { follow: '' }))
                                                      },
                                                      children: 'Never',
                                                    }),
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(
                                                          re(re({}, g), {}, { follow: 'click' }),
                                                        )
                                                      },
                                                      children: 'Click',
                                                    }),
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(
                                                          re(re({}, g), {}, { follow: 'double' }),
                                                        )
                                                      },
                                                      children: 'Double Click',
                                                    }),
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return x(
                                                          re(re({}, g), {}, { follow: 'right' }),
                                                        )
                                                      },
                                                      children: 'Right Click',
                                                    }),
                                                  ],
                                                }),
                                              ],
                                            }),
                                          ],
                                        }),
                                      ],
                                    }),
                                    (0, l.jsxs)(q.k, {
                                      alignItems: 'center',
                                      justifyContent: 'space-between',
                                      children: [
                                        (0, l.jsx)(U.x, { children: 'Follow Emacs by...' }),
                                        (0, l.jsxs)(V.v2, {
                                          placement: 'right',
                                          children: [
                                            (0, l.jsx)(V.j2, {
                                              as: W.z,
                                              rightIcon: (0, l.jsx)(L.v, {}),
                                              colorScheme: '',
                                              color: 'black',
                                              children: (0, l.jsx)(U.x, {
                                                children:
                                                  f.follow[0].toUpperCase() + f.follow.slice(1),
                                              }),
                                            }),
                                            (0, l.jsxs)(K.h, {
                                              children: [
                                                ' ',
                                                (0, l.jsxs)(V.qy, {
                                                  bgColor: 'gray.200',
                                                  zIndex: 'popover',
                                                  children: [
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return j(
                                                          re(re({}, f), {}, { follow: 'local' }),
                                                        )
                                                      },
                                                      children: 'Opening the local graph',
                                                    }),
                                                    (0, l.jsx)(V.sN, {
                                                      onClick: function () {
                                                        return j(
                                                          re(re({}, f), {}, { follow: 'zoom' }),
                                                        )
                                                      },
                                                      children: 'Zooming to the current node',
                                                    }),
                                                  ],
                                                }),
                                              ],
                                            }),
                                          ],
                                        }),
                                      ],
                                    }),
                                    (0, l.jsx)(oe, {
                                      label: 'Zoom speed',
                                      value: f.zoomSpeed,
                                      min: 0,
                                      max: 4e3,
                                      step: 100,
                                      onChange: function (e) {
                                        return j(re(re({}, f), {}, { zoomSpeed: e }))
                                      },
                                    }),
                                    (0, l.jsx)(oe, {
                                      label: 'Zoom padding',
                                      value: f.zoomPadding,
                                      min: 0,
                                      max: 400,
                                      step: 1,
                                      onChange: function (e) {
                                        return j(re(re({}, f), {}, { zoomPadding: e }))
                                      },
                                      infoText:
                                        'How much to zoom out to accomodate all nodes when changing the view.',
                                    }),
                                  ],
                                }),
                              }),
                            ],
                          }),
                        ],
                      }),
                    }),
                  ],
                }),
              }),
            ],
          })
        },
        ie = function (e) {
          var n = e.infoText
          return (0, l.jsx)(p.xu, {
            paddingLeft: '1',
            children: (0, l.jsx)(M.u, {
              label: n,
              placement: 'top',
              color: 'gray.100',
              bg: 'gray.800',
              hasArrow: !0,
              children: (0, l.jsx)(Z.h, {}),
            }),
          })
        },
        oe = function (e) {
          var n = e.min,
            r = void 0 === n ? 0 : n,
            t = e.max,
            i = void 0 === t ? 10 : t,
            o = e.step,
            s = void 0 === o ? 0.1 : o,
            c = e.value,
            a = void 0 === c ? 1 : c,
            u = (0, R.Z)(e, ['min', 'max', 'step', 'value']),
            h = u.onChange,
            g = u.label,
            x = u.infoText,
            f = (0, d.useContext)(ee.N).highlightColor
          return (0, l.jsxs)(p.xu, {
            children: [
              (0, l.jsxs)(p.xu, {
                display: 'flex',
                alignItems: 'flex-end',
                children: [(0, l.jsx)(U.x, { children: g }), x && (0, l.jsx)(ie, { infoText: x })],
              }),
              (0, l.jsxs)(G.iR, {
                value: a,
                onChange: h,
                min: r,
                max: i,
                step: s,
                children: [
                  (0, l.jsx)(G.Uj, { children: (0, l.jsx)(G.Ms, {}) }),
                  (0, l.jsx)(M.u, {
                    bg: f,
                    label: a.toFixed(1),
                    children: (0, l.jsx)(G.gs, { bg: 'white' }),
                  }),
                ],
              }),
            ],
          })
        },
        le = function (e) {
          var n = e.value,
            r = e.onChange,
            t = e.label,
            i = e.infoText,
            o = e.children
          return (0, l.jsxs)(p.xu, {
            paddingTop: 2,
            children: [
              (0, l.jsxs)(p.xu, {
                display: 'flex',
                justifyContent: 'space-between',
                paddingBottom: 2,
                children: [
                  (0, l.jsxs)(p.xu, {
                    display: 'flex',
                    alignItems: 'center',
                    children: [
                      (0, l.jsx)(U.x, { children: t }),
                      i && (0, l.jsx)(ie, { infoText: i }),
                    ],
                  }),
                  (0, l.jsx)(Q.r, { isChecked: !!n, onChange: r }),
                ],
              }),
              (0, l.jsx)(J.U, {
                in: !!n,
                animateOpacity: !0,
                children: (0, l.jsx)(p.xu, {
                  paddingLeft: 4,
                  paddingTop: 2,
                  paddingBottom: 2,
                  children: o,
                }),
              }),
            ],
          })
        },
        se = r(1122),
        ce = r(2003)
      function ae(e, n) {
        var r = Object.keys(e)
        if (Object.getOwnPropertySymbols) {
          var t = Object.getOwnPropertySymbols(e)
          n &&
            (t = t.filter(function (n) {
              return Object.getOwnPropertyDescriptor(e, n).enumerable
            })),
            r.push.apply(r, t)
        }
        return r
      }
      function de(e) {
        for (var n = 1; n < arguments.length; n++) {
          var r = null != arguments[n] ? arguments[n] : {}
          n % 2
            ? ae(Object(r), !0).forEach(function (n) {
                ;(0, c.Z)(e, n, r[n])
              })
            : Object.getOwnPropertyDescriptors
            ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r))
            : ae(Object(r)).forEach(function (n) {
                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n))
              })
        }
        return e
      }
      var ue = r.e(4).then(r.bind(r, 7004)),
        he = r.g.window ? r(1957).f$ : null,
        ge = r.g.window ? r(1957).s6 : null
      function xe() {
        var e = (0, d.useState)(!1),
          n = e[0],
          r = e[1]
        return (
          (0, d.useEffect)(function () {
            r(!0)
          }, []),
          n ? (0, l.jsx)(fe, {}) : null
        )
      }
      function fe() {
        var e = u('physics', S),
          n = (0, a.Z)(e, 2),
          r = n[0],
          t = n[1],
          i = u('filter', I),
          o = (0, a.Z)(i, 2),
          h = o[0],
          g = o[1],
          x = u('visuals', N),
          f = (0, a.Z)(x, 2),
          j = f[0],
          m = f[1],
          b = (0, d.useState)(null),
          C = b[0],
          v = b[1],
          y = (0, d.useState)(null),
          k = y[0],
          w = y[1],
          R = u('behavior', O),
          T = (0, a.Z)(R, 2),
          D = T[0],
          P = T[1],
          H = u('mouse', z),
          E = (0, a.Z)(H, 2),
          L = E[0],
          Z = E[1],
          F = (0, d.useRef)({}),
          B = (0, d.useRef)({}),
          M = (0, d.useContext)(ee.N).setEmacsTheme,
          W = (0, d.useState)(!1),
          A = W[0],
          X = W[1],
          _ = (0, d.useState)({ nodeIds: [] }),
          q = _[0],
          U = _[1],
          Q = (0, d.useRef)({ nodeIds: [] }),
          V = (0, d.useRef)(O)
        V.current = D
        var K = (0, d.useRef)(null),
          J = (0, d.useRef)(null)
        Q.current = q
        var Y = function (e, n) {
          var r,
            t = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 2e3,
            i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : 200,
            o = K.current,
            l = Q.current,
            c = V.current,
            a = null !== (r = B.current[n]) && void 0 !== r ? r : [],
            d = Object.fromEntries(
              [n]
                .concat(
                  (0, s.Z)(
                    a.flatMap(function (e) {
                      return [e.source, e.target]
                    }),
                  ),
                )
                .map(function (e) {
                  return [e, {}]
                }),
            )
          return 'zoom' === e
            ? (console.log(l),
              l.nodeIds.length &&
                (console.log('emptying'), console.log('scope ' + l.nodeIds), U({ nodeIds: [] })),
              void setTimeout(function () {
                return o.zoomToFit(t, i, function (e) {
                  return d[e.id]
                })
              }, 50))
            : l.nodeIds.length
            ? 'add' !== c.localSame
              ? (U({ nodeIds: [n] }),
                void setTimeout(function () {
                  o.zoomToFit(t, i, function (e) {
                    return d[e.id]
                  })
                }, 50))
              : l.nodeIds.includes(n) &&
                l.nodeIds.some(function (e) {
                  return d[e]
                })
              ? (U(function (e) {
                  return de(de({}, e), {}, { nodeIds: [].concat((0, s.Z)(e.nodeIds), [n]) })
                }),
                void setTimeout(function () {
                  return o.zoomToFit(t, i, function (e) {
                    return d[e.id]
                  })
                }, 50))
              : (U({ nodeIds: [n] }),
                void setTimeout(function () {
                  o.zoomToFit(t, i, function (e) {
                    return d[e.id]
                  })
                }, 50))
            : (U({ nodeIds: [n] }),
              void setTimeout(function () {
                o.zoomToFit(t, i, function (e) {
                  return d[e.id]
                })
              }, 50))
        }
        return (
          (0, d.useEffect)(function () {
            ;(J.current = new ce.Z('ws://localhost:35903')),
              J.current.addEventListener('open', function (e) {
                console.log('Connection with Emacs established')
              }),
              J.current.addEventListener('message', function (e) {
                K.current
                var n = V.current,
                  r = JSON.parse(e.data)
                switch (r.type) {
                  case 'graphdata':
                    return (function (e) {
                      var n = e.nodes.reduce(function (e, n) {
                          var r
                          return de(
                            de({}, e),
                            {},
                            (0, c.Z)(
                              {},
                              n.file,
                              [].concat(
                                (0, s.Z)(null !== (r = e[n.file]) && void 0 !== r ? r : []),
                                [n],
                              ),
                            ),
                          )
                        }, {}),
                        r = Object.keys(n).flatMap(function (e) {
                          var r,
                            t = null !== (r = n[e]) && void 0 !== r ? r : [],
                            i = t.find(function (e) {
                              return 0 === e.level
                            }),
                            o = t.filter(function (e) {
                              return 0 !== e.level
                            })
                          return i
                            ? o.map(function (e) {
                                return { source: e.id, target: i.id, type: 'parent' }
                              })
                            : []
                        })
                      F.current = Object.fromEntries(
                        e.nodes.map(function (e) {
                          return [e.id, e]
                        }),
                      )
                      var t = [].concat((0, s.Z)(e.links), (0, s.Z)(r))
                      B.current = t.reduce(function (e, n) {
                        var r, t, i
                        return de(
                          de({}, e),
                          {},
                          ((i = {}),
                          (0, c.Z)(
                            i,
                            n.source,
                            [].concat(
                              (0, s.Z)(null !== (r = e[n.source]) && void 0 !== r ? r : []),
                              [n],
                            ),
                          ),
                          (0, c.Z)(
                            i,
                            n.target,
                            [].concat(
                              (0, s.Z)(null !== (t = e[n.target]) && void 0 !== t ? t : []),
                              [n],
                            ),
                          ),
                          i),
                        )
                      }, {})
                      var i = de(de({}, e), {}, { links: t }),
                        o = JSON.parse(JSON.stringify(i))
                      v(o)
                    })(r.data)
                  case 'theme':
                    return M(r.data)
                  case 'command':
                    switch (r.data.commandName) {
                      case 'local':
                        var t = D.zoomSpeed,
                          i = D.zoomPadding
                        Y('local', r.data.id, t, i), w(r.data.id)
                        break
                      case 'zoom':
                        var o,
                          l,
                          a =
                            (null === r || void 0 === r || null === (o = r.data) || void 0 === o
                              ? void 0
                              : o.speed) || n.zoomSpeed,
                          d =
                            (null === r || void 0 === r || null === (l = r.data) || void 0 === l
                              ? void 0
                              : l.padding) || n.zoomPadding
                        Y('zoom', r.data.id, a, d), w(r.data.id)
                        break
                      case 'follow':
                        Y(n.follow, r.data.id, n.zoomSpeed, n.zoomPadding), w(r.data.id)
                        break
                      default:
                        return console.error('unknown message type', r.type)
                    }
                }
              })
          }, []),
          C
            ? (0, l.jsxs)(p.xu, {
                display: 'flex',
                alignItems: 'flex-start',
                flexDirection: 'row',
                height: '100%',
                children: [
                  (0, l.jsx)(
                    te,
                    de(
                      {},
                      {
                        physics: r,
                        setPhysics: t,
                        threeDim: A,
                        setThreeDim: X,
                        filter: h,
                        setFilter: g,
                        visuals: j,
                        setVisuals: m,
                        mouse: L,
                        setMouse: Z,
                        behavior: D,
                        setBehavior: P,
                      },
                    ),
                  ),
                  (0, l.jsx)(p.xu, {
                    position: 'absolute',
                    alignItems: 'top',
                    children: (0, l.jsx)(
                      je,
                      de(
                        {
                          ref: K,
                          nodeById: F.current,
                          linksByNodeId: B.current,
                          webSocket: J.current,
                        },
                        {
                          physics: r,
                          graphData: C,
                          threeDim: A,
                          emacsNodeId: k,
                          filter: h,
                          visuals: j,
                          behavior: D,
                          mouse: L,
                          scope: q,
                          setScope: U,
                        },
                      ),
                    ),
                  }),
                ],
              })
            : null
        )
      }
      var je = (0, d.forwardRef)(function (e, n) {
        var r = e.physics,
          t = e.graphData,
          c = e.threeDim,
          u = e.linksByNodeId,
          h = e.filter,
          p = e.emacsNodeId,
          m = e.nodeById,
          b = e.visuals,
          C = (e.behavior, e.mouse),
          v = e.scope,
          y = e.setScope,
          k = e.webSocket,
          S = (0, x.iP)(),
          I = (0, a.Z)(S, 2),
          N = I[0],
          O = I[1],
          z = (0, d.useState)(null),
          R = z[0],
          T = z[1],
          D = (0, j.useTheme)(),
          P = (0, d.useContext)(ee.N).emacsTheme,
          H = function (e, n) {
            switch (e) {
              case C.local:
                if (v.nodeIds.includes(n.id)) break
                y(function (e) {
                  return de(de({}, e), {}, { nodeIds: [].concat((0, s.Z)(e.nodeIds), [n.id]) })
                })
                break
              case C.follow:
                k.send(n.id)
            }
          },
          E = (0, d.useRef)(null)
        ;(0, d.useEffect)(
          function () {
            p && T(m[p])
          },
          [p],
        ),
          (E.current = R)
        var L = (0, d.useMemo)(
            function () {
              if (!E.current) return {}
              var e = u[E.current.id]
              return e
                ? Object.fromEntries(
                    [E.current.id]
                      .concat(
                        (0, s.Z)(
                          e.flatMap(function (e) {
                            return [e.source, e.target]
                          }),
                        ),
                      )
                      .map(function (e) {
                        return [e, {}]
                      }),
                  )
                : {}
            },
            [E.current, u],
          ),
          Z = (0, d.useMemo)(
            function () {
              var e = t.nodes.filter(function (e) {
                  var n,
                    r = null !== (n = u[e.id]) && void 0 !== n ? n : []
                  return (
                    !h.orphans ||
                    (h.parents
                      ? 0 !== r.length
                      : 0 !== r.length &&
                        r.some(function (e) {
                          return !['parent', 'cite', 'ref'].includes(e.type)
                        }))
                  )
                }),
                n = e.map(function (e) {
                  return e.id
                }),
                r = t.links.filter(function (e) {
                  var r = e
                  return (
                    'cite' !== r.type &&
                    (h.parents || 'parent' !== r.type) &&
                    n.includes(r.source) &&
                    n.includes(r.target)
                  )
                }),
                i = e.filter(function (e) {
                  var n,
                    r = null !== (n = u[e.id]) && void 0 !== n ? n : []
                  return (
                    v.nodeIds.includes(e.id) ||
                    r.some(function (e) {
                      return v.nodeIds.includes(e.source) || v.nodeIds.includes(e.target)
                    })
                  )
                }),
                o = i.map(function (e) {
                  return e.id
                }),
                l = r.filter(function (e) {
                  var n = 'object' === typeof e.source ? e.source.id : e.source,
                    r = 'object' === typeof e.target ? e.target.id : e.target
                  return o.includes(n) && o.includes(r)
                })
              return 0 === v.nodeIds.length ? { nodes: e, links: r } : { nodes: i, links: l }
            },
            [h, v, t],
          )
        ;(0, d.useEffect)(function () {
          ;(0, o.Z)(
            i().mark(function e() {
              var t, o
              return i().wrap(function (e) {
                for (;;)
                  switch ((e.prev = e.next)) {
                    case 0:
                      return (t = n.current), (e.next = 3), ue
                    case 3:
                      ;(o = e.sent),
                        r.gravityOn
                          ? (t.d3Force('x', o.forceX().strength(r.gravity)),
                            t.d3Force('y', o.forceY().strength(r.gravity)),
                            c && t.d3Force('z', o.forceZ().strength(r.gravity)))
                          : (t.d3Force('x', null), t.d3Force('y', null), c && t.d3Force('z', null)),
                        r.centering
                          ? t.d3Force('center', o.forceCenter().strength(r.centeringStrength))
                          : t.d3Force('center', null),
                        r.linkStrength && t.d3Force('link').strength(r.linkStrength),
                        r.linkIts && t.d3Force('link').iterations(r.linkIts),
                        r.charge && t.d3Force('charge').strength(r.charge),
                        t.d3Force(
                          'collide',
                          r.collision ? o.forceCollide().radius(r.collisionStrength) : null,
                        )
                    case 10:
                    case 'end':
                      return e.stop()
                  }
              }, e)
            }),
          )()
        }),
          (0, d.useEffect)(
            function () {
              var e
              null === (e = n.current) || void 0 === e || e.d3ReheatSimulation()
            },
            [r],
          )
        var F = (0, d.useRef)(0),
          B = (0, d.useState)(1),
          M = B[0],
          W = B[1],
          A = (0, f._7)(
            function (e) {
              return W(e)
            },
            { duration: b.animationSpeed, algorithm: w[b.algorithmName] },
          ),
          X = (0, a.Z)(A, 2),
          _ = X[0],
          q = X[1],
          U = (0, f._7)(
            function (e) {
              return W(Math.min(M, -1 * (e - 1)))
            },
            { duration: b.animationSpeed, algorithm: w[b.algorithmName] },
          ),
          Q = (0, a.Z)(U, 2),
          V = Q[0],
          K = Q[1],
          J = (0, d.useRef)(null)
        ;(0, d.useEffect)(
          function () {
            if ((R && (J.current = R), !b.highlightAnim)) return W(R ? 1 : 0)
            R ? _() : (q(), M > 0.5 ? V() : W(0))
          },
          [R],
        )
        var Y = function (e) {
            if (D)
              return e.split('.').reduce(function (e, n) {
                return e[n]
              }, D.colors)
          },
          G = (0, d.useMemo)(
            function () {
              var e = b.nodeColorScheme.concat(
                b.linkColorScheme || [],
                b.linkHighlight || [],
                b.nodeHighlight || [],
              )
              return Object.fromEntries(
                e.map(function (n) {
                  var r = Y(n),
                    t = e.map(function (e) {
                      return [e, g.Z(r, Y(e))]
                    })
                  return [n, Object.fromEntries(t)]
                }),
              )
            },
            [b.nodeColorScheme, b.linkHighlight, b.nodeHighlight, b.linkColorScheme, P],
          ),
          $ = (0, d.useMemo)(
            function () {
              var e,
                n,
                r,
                t =
                  null !== (e = u[null === (n = J.current) || void 0 === n ? void 0 : n.id]) &&
                  void 0 !== e
                    ? e
                    : []
              return Object.fromEntries(
                [null === (r = J.current) || void 0 === r ? void 0 : r.id]
                  .concat(
                    (0, s.Z)(
                      t.flatMap(function (e) {
                        return [e.source, e.target]
                      }),
                    ),
                  )
                  .map(function (e) {
                    return [e, {}]
                  }),
              )
            },
            [JSON.stringify(R), J.current],
          ),
          ne = function (e) {
            var n,
              r,
              t,
              i,
              o,
              l,
              s =
                null !== (n = null === (r = u[e]) || void 0 === r ? void 0 : r.length) &&
                void 0 !== n
                  ? n
                  : 0,
              c = s
                ? null === (t = u[e]) || void 0 === t
                  ? void 0
                  : t.filter(function (e) {
                      return 'parent' === e.type || 'cite' === e.type
                    }).length
                : 0,
              a = h.parents ? s : s - c
            return b.nodeColorScheme[
              ((i = a), (o = 0), (l = b.nodeColorScheme.length - 1), Math.min(Math.max(i, o), l))
            ]
          },
          re = function (e, n) {
            return u[e] > u[n] ? ne(e) : ne(n)
          },
          te = function (e, n) {
            return (
              'rgba(' +
              (e = e.replace('#', ''))
                .match(new RegExp('(.{' + e.length / 3 + '})', 'g'))
                .map(function (n) {
                  return parseInt(e.length % 2 ? n + n : n, 16)
                })
                .concat(isFinite(n) ? n : 1)
                .join(',') +
              ')'
            )
          },
          ie = (0, d.useMemo)(
            function () {
              return Y(b.labelTextColor)
            },
            [b.labelTextColor, P],
          ),
          oe = (0, d.useMemo)(
            function () {
              return Y(b.labelBackgroundColor)
            },
            [b.labelBackgroundColor, P],
          ),
          le = {
            graphData: Z,
            width: N,
            height: O,
            backgroundColor: D.colors.gray[b.backgroundColor],
            nodeLabel: function (e) {
              return e.title
            },
            nodeColor: function (e) {
              return (function (e) {
                var n = L[e.id] || $[e.id]
                return b.emacsNodeColor && e.id === p
                  ? Y(b.emacsNodeColor)
                  : n && b.nodeHighlight
                  ? G[ne(e.id)][b.nodeHighlight](M)
                  : Y(ne(e.id))
              })(e)
            },
            nodeRelSize: b.nodeRel,
            nodeVal: function (e) {
              var n,
                r = null !== (n = u[e.id]) && void 0 !== n ? n : [],
                t = r.length
                  ? r.filter(function (e) {
                      return 'parent' === e.type || 'cite' === e.type
                    }).length
                  : 0
              return (
                (3 + r.length - (h.parents ? 0 : t)) *
                (L[e.id] || $[e.id] ? 1 + M * (b.highlightNodeSize - 1) : 1)
              )
            },
            nodeCanvasObject: function (e, n, r) {
              if (e && b.labels) {
                var t = $[e.id]
                if (!(r <= b.labelScale || 1 === b.labels) || L[e.id] || t) {
                  var i = e.title,
                    o = i.substring(0, Math.min(i.length, 40)),
                    l = 12 / r,
                    c = [1.1 * n.measureText(o).width, l].map(function (e) {
                      return e + 0.5 * l
                    }),
                    a = Math.min((3 * (r - b.labelScale)) / b.labelScale, 1),
                    d = function () {
                      return 1 === b.labels || r <= b.labelScale
                        ? M
                        : L[e.id] || $[e.id]
                        ? Math.max(a, M)
                        : 1 * a * (-1 * (0.5 * M - 1))
                    }
                  if (b.labelBackgroundColor && b.labelBackgroundOpacity) {
                    var u = d() * b.labelBackgroundOpacity,
                      h = te(oe, u)
                    ;(n.fillStyle = h),
                      n.fillRect.apply(n, [e.x - c[0] / 2, e.y - c[1] / 2].concat((0, s.Z)(c)))
                  }
                  var g = d()
                  ;(n.textAlign = 'center'), (n.textBaseline = 'middle')
                  var x = te(ie, g)
                  ;(n.fillStyle = x),
                    (n.font = ''.concat(l, 'px Sans-Serif')),
                    n.fillText(o, e.x, e.y)
                }
              }
            },
            nodeCanvasObjectMode: function () {
              return 'after'
            },
            linkDirectionalParticles: b.particles ? b.particlesNumber : void 0,
            linkDirectionalArrowLength: b.arrows ? b.arrowsLength : void 0,
            linkDirectionalArrowRelPos: b.arrowsPos,
            linkDirectionalArrowColor: b.arrowsColor
              ? function (e) {
                  return Y(b.arrowsColor)
                }
              : void 0,
            linkColor: function (e) {
              var n = 'object' === typeof e.source ? e.source.id : e.source,
                r = 'object' === typeof e.target ? e.target.id : e.target,
                t = pe(e, E.current),
                i = pe(e, J.current)
              return (function (e, n, r) {
                if (!b.linkHighlight && !b.linkColorScheme && !r) {
                  var t = re(e, n)
                  return Y(t)
                }
                if (!r && !b.linkColorScheme) {
                  var i = re(e, n)
                  return Y(i)
                }
                if (!r) return Y(b.linkColorScheme)
                if (!b.linkHighlight && !b.linkColorScheme) {
                  var o = re(e, n)
                  return Y(o)
                }
                return b.linkHighlight
                  ? b.linkColorScheme
                    ? G[b.linkColorScheme][b.linkHighlight](M)
                    : G[re(e, n)][b.linkHighlight](M)
                  : Y(b.linkColorScheme)
              })(n, r, t || i)
            },
            linkWidth: function (e) {
              var n = pe(e, E.current),
                r = pe(e, J.current)
              return n || r ? b.linkWidth * (1 + M * (b.highlightLinkSize - 1)) : b.linkWidth
            },
            linkDirectionalParticleWidth: b.particlesWidth,
            d3AlphaDecay: r.alphaDecay,
            d3AlphaMin: r.alphaMin,
            d3VelocityDecay: r.velocityDecay,
            onNodeClick: function (e, n) {
              var r = n.timeStamp - F.current < 400
              return (F.current = n.timeStamp), H(r ? 'double' : 'click', e)
            },
            onBackgroundClick: function () {
              T(null),
                0 !== v.nodeIds.length &&
                  y(function (e) {
                    return de(de({}, e), {}, { nodeIds: [] })
                  })
            },
            onNodeHover: function (e) {
              b.highlight && (R || (K(), W(0)), T(e))
            },
            onNodeRightClick: function (e) {
              H('right', e)
            },
          }
        return (0, l.jsx)('div', {
          children: c
            ? (0, l.jsx)(
                ge,
                de(
                  de({ ref: n }, le),
                  {},
                  {
                    nodeThreeObjectExtend: !0,
                    backgroundColor: D.colors.white,
                    nodeOpacity: b.nodeOpacity,
                    nodeResolution: b.nodeResolution,
                    linkOpacity: b.linkOpacity,
                    nodeThreeObject: function (e) {
                      if (b.labels && (!(b.labels < 3) || L[e.id])) {
                        var n = new se.Z(e.title.substring(0, 40))
                        return (
                          (n.color = Y(b.labelTextColor)),
                          (n.backgroundColor = Y(b.labelBackgroundColor)),
                          (n.padding = 2),
                          (n.textHeight = 8),
                          n
                        )
                      }
                    },
                  },
                ),
              )
            : (0, l.jsx)(he, de({ ref: n }, le)),
        })
      })
      function pe(e, n) {
        return (
          e.source.id === (null === n || void 0 === n ? void 0 : n.id) ||
          e.target.id === (null === n || void 0 === n ? void 0 : n.id)
        )
      }
    },
    5301: function (e, n, r) {
      ;(window.__NEXT_P = window.__NEXT_P || []).push([
        '/',
        function () {
          return r(374)
        },
      ])
    },
  },
  function (e) {
    e.O(0, [774, 737, 446, 906, 888, 179], function () {
      return (n = 5301), e((e.s = n))
      var n
    })
    var n = e.O()
    _N_E = n
  },
])