@aiquants/menu-bar 1.13.1 → 1.15.0

package/dist/index.es.js

@@ -1,150 +1,150 @@
-import fe, { useMemo as Z, useState as Y, useRef as E, useEffect as A, useCallback as y, useLayoutEffect as me } from "react";
-import { Link as he, Lock as pe, Download as xe, BarChart as be, Table as ge, FileText as G, Pin as ve, PinOff as ye } from "lucide-react";
-import { useLocation as ke, Link as re } from "react-router-dom";
-var P = { exports: {} }, R = {};
-var J;
+import pe, { useMemo as ee, useState as D, useRef as T, useEffect as Y, useCallback as w, useLayoutEffect as he } from "react";
+import { Pin as ie, PinOff as ce, Link as xe, Lock as be, Download as ge, BarChart as ve, Table as ye, FileText as ne } from "lucide-react";
+import { useLocation as ke, Link as ue } from "react-router-dom";
+var q = { exports: {} }, I = {};
+var re;
 function we() {
-  if (J) return R;
-  J = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  function s(l, c, d) {
+  if (re) return I;
+  re = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function a(l, c, i) {
     var u = null;
-    if (d !== void 0 && (u = "" + d), c.key !== void 0 && (u = "" + c.key), "key" in c) {
-      d = {};
+    if (i !== void 0 && (u = "" + i), c.key !== void 0 && (u = "" + c.key), "key" in c) {
+      i = {};
       for (var h in c)
-        h !== "key" && (d[h] = c[h]);
-    } else d = c;
-    return c = d.ref, {
-      $$typeof: t,
+        h !== "key" && (i[h] = c[h]);
+    } else i = c;
+    return c = i.ref, {
+      $$typeof: r,
       type: l,
       key: u,
       ref: c !== void 0 ? c : null,
-      props: d
+      props: i
     };
   }
-  return R.Fragment = n, R.jsx = s, R.jsxs = s, R;
+  return I.Fragment = t, I.jsx = a, I.jsxs = a, I;
 }
-var C = {};
-var B;
+var M = {};
+var te;
 function je() {
-  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(e) {
+  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === ce ? null : e.displayName || e.name || null;
+        return e.$$typeof === _ ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case N:
+        case S:
           return "Fragment";
-        case b:
-          return "Profiler";
         case j:
+          return "Profiler";
+        case O:
           return "StrictMode";
-        case se:
+        case F:
           return "Suspense";
-        case ae:
+        case W:
           return "SuspenseList";
-        case ie:
+        case E:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case T:
+          case N:
             return "Portal";
-          case ne:
+          case z:
             return e.displayName || "Context";
-          case S:
+          case $:
             return (e._context.displayName || "Context") + ".Consumer";
-          case oe:
+          case R:
             var o = e.render;
             return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case le:
-            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
-          case M:
+          case P:
+            return o = e.displayName || null, o !== null ? o : r(e.type) || "Memo";
+          case y:
             o = e._payload, e = e._init;
             try {
-              return t(e(o));
+              return r(e(o));
             } catch {
             }
         }
       return null;
     }
-    function n(e) {
+    function t(e) {
       return "" + e;
     }
-    function s(e) {
+    function a(e) {
       try {
-        n(e);
+        t(e);
         var o = !1;
       } catch {
         o = !0;
       }
       if (o) {
         o = console;
-        var m = o.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return m.call(
+        var p = o.error, x = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return p.call(
           o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
-        ), n(e);
+          x
+        ), t(e);
       }
     }
     function l(e) {
-      if (e === N) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === M)
+      if (e === S) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === y)
         return "<...>";
       try {
-        var o = t(e);
+        var o = r(e);
         return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function c() {
-      var e = L.A;
+      var e = A.A;
       return e === null ? null : e.getOwner();
     }
-    function d() {
+    function i() {
       return Error("react-stack-top-frame");
     }
     function u(e) {
-      if (z.call(e, "key")) {
+      if (Z.call(e, "key")) {
         var o = Object.getOwnPropertyDescriptor(e, "key").get;
         if (o && o.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
     function h(e, o) {
-      function m() {
-        F || (F = !0, console.error(
+      function p() {
+        G || (G = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           o
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: m,
+      p.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: p,
         configurable: !0
       });
     }
-    function x() {
-      var e = t(this.type);
-      return W[e] || (W[e] = !0, console.error(
+    function g() {
+      var e = r(this.type);
+      return B[e] || (B[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function i(e, o, m, g, O, q) {
-      var v = m.ref;
+    function d(e, o, p, x, L, H) {
+      var b = p.ref;
       return e = {
-        $$typeof: k,
+        $$typeof: m,
         type: e,
         key: o,
-        props: m,
-        _owner: g
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
+        props: p,
+        _owner: x
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: x
+        get: g
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -159,324 +159,367 @@ function je() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: L
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
+        value: H
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function p(e, o, m, g, O, q) {
-      var v = o.children;
-      if (v !== void 0)
-        if (g)
-          if (ue(v)) {
-            for (g = 0; g < v.length; g++)
-              a(v[g]);
-            Object.freeze && Object.freeze(v);
+    function f(e, o, p, x, L, H) {
+      var b = o.children;
+      if (b !== void 0)
+        if (x)
+          if (fe(b)) {
+            for (x = 0; x < b.length; x++)
+              k(b[x]);
+            Object.freeze && Object.freeze(b);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else a(v);
-      if (z.call(o, "key")) {
-        v = t(e);
-        var _ = Object.keys(o).filter(function(de) {
-          return de !== "key";
+        else k(b);
+      if (Z.call(o, "key")) {
+        b = r(e);
+        var C = Object.keys(o).filter(function(me) {
+          return me !== "key";
         });
-        g = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", V[v + g] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        x = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", K[b + x] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          g,
-          v,
-          _,
-          v
-        ), V[v + g] = !0);
+          x,
+          b,
+          C,
+          b
+        ), K[b + x] = !0);
       }
-      if (v = null, m !== void 0 && (s(m), v = "" + m), u(o) && (s(o.key), v = "" + o.key), "key" in o) {
-        m = {};
-        for (var D in o)
-          D !== "key" && (m[D] = o[D]);
-      } else m = o;
-      return v && h(
-        m,
+      if (b = null, p !== void 0 && (a(p), b = "" + p), u(o) && (a(o.key), b = "" + o.key), "key" in o) {
+        p = {};
+        for (var J in o)
+          J !== "key" && (p[J] = o[J]);
+      } else p = o;
+      return b && h(
+        p,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), i(
+      ), d(
         e,
-        v,
-        m,
+        b,
+        p,
         c(),
-        O,
-        q
+        L,
+        H
       );
     }
-    function a(e) {
-      f(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === M && (e._payload.status === "fulfilled" ? f(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function k(e) {
+      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === y && (e._payload.status === "fulfilled" ? v(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function f(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === k;
+    function v(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === m;
     }
-    var w = fe, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), T = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), b = /* @__PURE__ */ Symbol.for("react.profiler"), S = /* @__PURE__ */ Symbol.for("react.consumer"), ne = /* @__PURE__ */ Symbol.for("react.context"), oe = /* @__PURE__ */ Symbol.for("react.forward_ref"), se = /* @__PURE__ */ Symbol.for("react.suspense"), ae = /* @__PURE__ */ Symbol.for("react.suspense_list"), le = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), ce = /* @__PURE__ */ Symbol.for("react.client.reference"), L = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ue = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var s = pe, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), $ = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), W = /* @__PURE__ */ Symbol.for("react.suspense_list"), P = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), _ = /* @__PURE__ */ Symbol.for("react.client.reference"), A = s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, fe = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    w = {
+    s = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var F, W = {}, U = w.react_stack_bottom_frame.bind(
-      w,
-      d
-    )(), H = I(l(d)), V = {};
-    C.Fragment = N, C.jsx = function(e, o, m) {
-      var g = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return p(
+    var G, B = {}, Q = s.react_stack_bottom_frame.bind(
+      s,
+      i
+    )(), X = U(l(i)), K = {};
+    M.Fragment = S, M.jsx = function(e, o, p) {
+      var x = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return f(
         e,
         o,
-        m,
+        p,
         !1,
-        g ? Error("react-stack-top-frame") : U,
-        g ? I(l(e)) : H
+        x ? Error("react-stack-top-frame") : Q,
+        x ? U(l(e)) : X
       );
-    }, C.jsxs = function(e, o, m) {
-      var g = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return p(
+    }, M.jsxs = function(e, o, p) {
+      var x = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return f(
         e,
         o,
-        m,
+        p,
         !0,
-        g ? Error("react-stack-top-frame") : U,
-        g ? I(l(e)) : H
+        x ? Error("react-stack-top-frame") : Q,
+        x ? U(l(e)) : X
       );
     };
-  })()), C;
+  })()), M;
 }
-var Q;
+var se;
 function Ee() {
-  return Q || (Q = 1, process.env.NODE_ENV === "production" ? P.exports = we() : P.exports = je()), P.exports;
+  return se || (se = 1, process.env.NODE_ENV === "production" ? q.exports = we() : q.exports = je()), q.exports;
 }
-var r = Ee();
-const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", _e = ({ to: t, className: n, children: s }) => /* @__PURE__ */ r.jsx("a", { href: t, className: n, children: s }), qe = (t) => {
-  const { user: n, LinkComponent: s = _e } = t;
-  return /* @__PURE__ */ r.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: n ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex flex-row", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-photo m-1 h-14 w-14 p-0.5", children: /* @__PURE__ */ r.jsx("img", { className: "object-contain", src: n.photo || Ne, "aria-label": "profile photo" }) }),
-      /* @__PURE__ */ r.jsxs("div", { className: "mx-1 flex flex-col", children: [
-        /* @__PURE__ */ r.jsx(s, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィールを編集" }),
-        /* @__PURE__ */ r.jsx(s, { className: "aiquants-session-link rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィール" }),
-        /* @__PURE__ */ r.jsx(s, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "https://myaccount.google.com/", children: "Google Account" })
+var n = Ee();
+const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2NiZDVlMSI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00eiIvPjwvc3ZnPg==", Se = ({ to: r, className: t, children: a }) => /* @__PURE__ */ n.jsx("a", { href: r, className: t, children: a }), qe = (r) => {
+  const { user: t, LinkComponent: a = Se } = r;
+  return /* @__PURE__ */ n.jsx("div", { className: "max-h-20 max-w-52", children: /* @__PURE__ */ n.jsx("div", { className: "flex grow flex-col", children: t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsxs("div", { className: "flex flex-row", children: [
+      /* @__PURE__ */ n.jsx("div", { className: "aiquants-session-photo m-1 h-14 w-14 p-0.5", children: /* @__PURE__ */ n.jsx("img", { className: "object-contain", src: t.photo || Ne, "aria-label": "profile photo" }) }),
+      /* @__PURE__ */ n.jsxs("div", { className: "mx-1 flex flex-col", children: [
+        /* @__PURE__ */ n.jsx(a, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィールを編集" }),
+        /* @__PURE__ */ n.jsx(a, { className: "aiquants-session-link rounded-lg px-2 text-center text-xs", to: "/", children: "プロフィール" }),
+        /* @__PURE__ */ n.jsx(a, { className: "aiquants-session-link my-1 rounded-lg px-2 text-center text-xs", to: "https://myaccount.google.com/", children: "Google Account" })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs", children: n.displayName })
-  ] }) : /* @__PURE__ */ r.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-9/12 rounded-r-lg py-0.5 pl-1 text-xs", children: "ログインはこちら" }) }) });
-}, te = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), Te = {
-  report: G,
-  slip: G,
-  table: ge,
-  chart: be,
-  download: xe,
-  lock: pe,
-  href: he
-}, Re = ({ mark: t, children: n }) => {
-  const s = t ? Te[t] : void 0;
-  return s ? /* @__PURE__ */ r.jsxs("div", { className: "flex flex-nowrap items-center", children: [
-    /* @__PURE__ */ r.jsx(s, { className: "h-4 w-4" }),
-    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: n })
-  ] }) : /* @__PURE__ */ r.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: n });
-}, $ = (t, n) => n ? {
+    /* @__PURE__ */ n.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-full rounded-r-lg px-2 py-0.5 text-xs", children: t.displayName })
+  ] }) : /* @__PURE__ */ n.jsx("div", { className: "aiquants-session-info mb-1 min-h-[1em] w-9/12 rounded-r-lg py-0.5 pl-1 text-xs", children: "ログインはこちら" }) }) });
+}, de = new RegExp(/(^https?:\/\/)|(\.(html|htm)?$)/), Te = {
+  report: ne,
+  slip: ne,
+  table: ye,
+  chart: ve,
+  download: ge,
+  lock: be,
+  href: xe
+}, _e = ({ mark: r, children: t }) => {
+  const a = r ? Te[r] : void 0;
+  return a ? /* @__PURE__ */ n.jsxs("div", { className: "flex flex-nowrap items-center", children: [
+    /* @__PURE__ */ n.jsx(a, { className: "h-4 w-4" }),
+    /* @__PURE__ */ n.jsx("div", { className: "aiquants-menu-link mx-1 hover:underline", children: t })
+  ] }) : /* @__PURE__ */ n.jsx("span", { className: "mx-1 text-sky-600 hover:underline dark:text-sky-400", children: t });
+}, V = (r, t) => t ? {
   menu: {
-    id: t.id,
-    title: t.title,
-    href: t.href
+    id: r.id,
+    title: r.title,
+    href: r.href
   },
   submenu: {
-    subid: n.subid,
-    title: n.title,
-    href: n.href,
-    mark: n.mark,
-    new: n.new
+    subid: t.subid,
+    title: t.title,
+    href: t.href,
+    mark: t.mark,
+    new: t.new
   }
 } : {
   menu: {
-    id: t.id,
-    title: t.title,
-    href: t.href
+    id: r.id,
+    title: r.title,
+    href: r.href
   }
-}, Ce = ({ item: t, parentMenu: n, onMenuSelected: s }) => {
-  if (t.href === "separator")
-    return /* @__PURE__ */ r.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
-  const l = /* @__PURE__ */ r.jsx(Re, { mark: t.mark, children: t.title }), c = {
+}, Re = ({ item: r, parentMenu: t, onMenuSelected: a }) => {
+  if (r.href === "separator")
+    return /* @__PURE__ */ n.jsx("hr", { className: "aiquants-menu-separator mx-2 my-1 h-px" });
+  const l = /* @__PURE__ */ n.jsx(_e, { mark: r.mark, children: r.title }), c = {
     onClick: () => {
-      s && s($(n, t));
+      a && a(V(t, r));
     }
   };
-  return t.new ? /* @__PURE__ */ r.jsx("a", { href: t.href, rel: "noopener noreferrer", target: "_blank", ...c, children: l }) : te.test(t.href) ? /* @__PURE__ */ r.jsx("a", { href: t.href, ...c, children: l }) : /* @__PURE__ */ r.jsx(re, { to: t.href, ...c, children: l });
-}, X = (t) => t ? t.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", K = (t, n) => {
-  const s = n !== "/" && n.endsWith("/") ? n.slice(0, -1) : n;
-  for (const l of t) {
-    if (X(l.href) === s)
+  return r.new ? /* @__PURE__ */ n.jsx("a", { href: r.href, rel: "noopener noreferrer", target: "_blank", ...c, children: l }) : de.test(r.href) ? /* @__PURE__ */ n.jsx("a", { href: r.href, ...c, children: l }) : /* @__PURE__ */ n.jsx(ue, { to: r.href, ...c, children: l });
+}, oe = (r) => r ? r.split(/[?#]/)[0].replace(/(?!^\/)\/$/, "") : "", ae = (r, t) => {
+  const a = t !== "/" && t.endsWith("/") ? t.slice(0, -1) : t;
+  for (const l of r) {
+    if (oe(l.href) === a)
       return l.id;
     if (l.submenu) {
       for (const c of l.submenu)
-        if (X(c.href) === s)
+        if (oe(c.href) === a)
           return l.id;
     }
   }
   return null;
-}, Se = (t) => {
-  const { menuList: n, onMenuSelected: s } = t;
-  let l = "";
+}, Pe = (r) => {
+  const { menuList: t, onMenuSelected: a, pinnedSubmenuIds: l = [], onToggleSubmenuPin: c } = r;
+  let i = "";
   try {
-    l = ke().pathname;
+    i = ke().pathname;
   } catch {
-    typeof window < "u" && (l = window.location.pathname);
+    typeof window < "u" && (i = window.location.pathname);
   }
-  const c = Z(() => K(n, l), [n, l]), [d, u] = Y(c), h = E(l), x = E(c !== null);
-  A(() => {
-    if (h.current !== l && (h.current = l, x.current = !1), !x.current) {
-      const a = K(n, l);
-      a !== null && (u(a), x.current = !0);
+  const u = ee(() => ae(t, i), [t, i]), [h, g] = D(u), d = T(i), f = T(u !== null);
+  Y(() => {
+    if (d.current !== i && (d.current = i, f.current = !1), !f.current) {
+      const s = ae(t, i);
+      s !== null && (g(s), f.current = !0);
     }
-  }, [l, n]);
-  const i = y((a) => {
-    u((f) => f === a ? null : a);
-  }, []), p = Z(() => /* @__PURE__ */ r.jsx(r.Fragment, { children: n.map((a) => /* @__PURE__ */ r.jsx("div", { children: a.href ? /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-list-item relative mb-1 ml-1 h-full rounded-l-2xl p-2 align-middle text-sm before:-mt-1 before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']", children: te.test(a.href) ? /* @__PURE__ */ r.jsx(
+  }, [i, t]);
+  const k = w(
+    (s) => {
+      l.includes(s) || g((N) => N === s ? null : s);
+    },
+    [l]
+  ), v = ee(() => /* @__PURE__ */ n.jsx(n.Fragment, { children: t.map((s) => /* @__PURE__ */ n.jsx("div", { children: s.href ? /* @__PURE__ */ n.jsx("div", { className: "aiquants-menu-list-item relative mb-1 ml-1 h-full rounded-l-2xl p-2 align-middle text-sm before:-mt-1 before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']", children: de.test(s.href) ? /* @__PURE__ */ n.jsx(
     "a",
     {
-      href: a.href,
+      href: s.href,
       onClick: () => {
-        s && s($(a));
+        a && a(V(s));
       },
-      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: a.title })
+      children: /* @__PURE__ */ n.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
     }
-  ) : /* @__PURE__ */ r.jsx(
-    re,
+  ) : /* @__PURE__ */ n.jsx(
+    ue,
     {
-      to: a.href,
+      to: s.href,
       onClick: () => {
-        s && s($(a));
+        a && a(V(s));
       },
-      children: /* @__PURE__ */ r.jsx("span", { className: "aiquants-menu-link hover:underline", children: a.title })
+      children: /* @__PURE__ */ n.jsx("span", { className: "aiquants-menu-link hover:underline", children: s.title })
     }
-  ) }) : /* @__PURE__ */ r.jsxs("details", { className: "menu-accordion-details", open: a.id === d, children: [
-    /* @__PURE__ */ r.jsx(
+  ) }) : /* @__PURE__ */ n.jsxs("details", { className: "aiquants-menu-accordion-details", open: s.id === h || l.includes(s.id), children: [
+    /* @__PURE__ */ n.jsxs(
       "summary",
       {
-        className: "aiquants-menu-list-item menu-accordion-summary relative mb-1 ml-1 h-full list-none rounded-l-2xl p-2 align-middle text-sm outline-none before:-mt-1 before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:align-middle before:content-['']",
-        onClick: (f) => {
-          f.preventDefault(), i(a.id);
+        className: "aiquants-menu-list-item aiquants-menu-accordion-summary relative mb-1 ml-1 h-full list-none rounded-l-2xl p-2 text-sm outline-none before:mr-2 before:inline-block before:h-4 before:w-4 before:rounded-full before:content-['']",
+        onClick: (m) => {
+          m.preventDefault(), k(s.id);
         },
-        onKeyDown: (f) => {
-          (f.key === "Enter" || f.key === " ") && (f.preventDefault(), i(a.id));
+        onKeyDown: (m) => {
+          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), k(s.id));
         },
-        children: /* @__PURE__ */ r.jsx("span", { children: a.title })
+        children: [
+          /* @__PURE__ */ n.jsx("span", { children: s.title }),
+          /* @__PURE__ */ n.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (m) => {
+                m.stopPropagation(), m.preventDefault(), c && c(s.id);
+              },
+              className: `aiquants-submenu-pin-button ${l.includes(s.id) ? "pinned" : ""}`,
+              title: l.includes(s.id) ? "ピン留め解除" : "ピン留め",
+              children: l.includes(s.id) ? /* @__PURE__ */ n.jsx(ie, { size: 14 }) : /* @__PURE__ */ n.jsx(ce, { size: 14 })
+            }
+          )
+        ]
       }
     ),
-    /* @__PURE__ */ r.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md", children: a.submenu.map((f) => /* @__PURE__ */ r.jsx("div", { className: "menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ r.jsx(Ce, { item: f, parentMenu: a, onMenuSelected: s }) }, f.subid)) })
-  ] }) }, a.id)) }), [n, s, d, i]);
-  return /* @__PURE__ */ r.jsx("div", { className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: p });
-}, Oe = (t) => {
-  const { menuList: n, menuHeader: s, open: l, onMenuSelected: c, onClickSignout: d, theme: u, toggleTheme: h, isPinned: x, onTogglePin: i } = t;
-  return /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[250px] select-none flex-col transition-transform duration-500 ${l ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`, children: [
-    /* @__PURE__ */ r.jsx("div", { className: "flex h-[100px] flex-col", children: s }),
-    /* @__PURE__ */ r.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ r.jsx(Se, { menuList: n, onMenuSelected: c }) }),
-    /* @__PURE__ */ r.jsx("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ n.jsx("div", { className: "aiquants-menu-submenu pointer-events-auto my-1 mr-1 ml-4 rounded p-2 shadow-md", children: s.submenu.map((m) => /* @__PURE__ */ n.jsx("div", { className: "aiquants-menu-accordion-container block w-full whitespace-nowrap text-sm", children: /* @__PURE__ */ n.jsx(Re, { item: m, parentMenu: s, onMenuSelected: a }) }, m.subid)) })
+  ] }) }, s.id)) }), [t, a, h, k, l]);
+  return /* @__PURE__ */ n.jsx("div", { className: "hidden-scrollbar h-0 grow overflow-y-scroll", children: v });
+}, Ce = (r) => {
+  const { menuList: t, menuHeader: a, open: l, onMenuSelected: c, onClickSignout: i, theme: u, toggleTheme: h, isPinned: g, onTogglePin: d, pinnedSubmenuIds: f, onToggleSubmenuPin: k } = r;
+  return /* @__PURE__ */ n.jsxs("div", { className: `aiquants-menu-content fixed top-0 right-0 z-2147483642 flex min-h-dvh w-[250px] select-none flex-col transition-transform duration-500 ${l ? "aiquants-menu-translate-x-0" : "aiquants-menu-translate-x-250"}`, children: [
+    /* @__PURE__ */ n.jsx("div", { className: "flex h-[100px] flex-col", children: a }),
+    /* @__PURE__ */ n.jsx("div", { className: "flex grow flex-col", children: /* @__PURE__ */ n.jsx(Pe, { menuList: t, onMenuSelected: c, pinnedSubmenuIds: f, onToggleSubmenuPin: k }) }),
+    /* @__PURE__ */ n.jsx("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ n.jsx(
         "button",
         {
           type: "button",
-          onClick: i,
-          className: `flex items-center justify-center rounded-md px-3 py-2 text-white text-xs shadow-sm transition-colors duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${x ? "bg-amber-500/90 hover:bg-amber-600" : "border border-white/15 bg-white/10 hover:bg-white/20"}`,
-          title: x ? "ピン留め解除" : "ピン留め",
-          children: x ? /* @__PURE__ */ r.jsx(ve, { size: 14 }) : /* @__PURE__ */ r.jsx(ye, { size: 14 })
+          onClick: d,
+          className: `flex items-center justify-center rounded-md px-3 py-2 text-white text-xs shadow-sm transition-colors duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-300/60 ${g ? "bg-amber-500/90 hover:bg-amber-600" : "border border-white/15 bg-white/10 hover:bg-white/20"}`,
+          title: g ? "ピン留め解除" : "ピン留め",
+          children: g ? /* @__PURE__ */ n.jsx(ie, { size: 14 }) : /* @__PURE__ */ n.jsx(ce, { size: 14 })
         }
       ),
-      /* @__PURE__ */ r.jsxs(
+      /* @__PURE__ */ n.jsxs(
         "button",
         {
           type: "button",
           onClick: h,
           className: "group relative flex flex-1 items-center gap-2 rounded-lg border border-white/15 bg-white/10 px-3 py-2 font-medium text-white text-xs shadow-sm backdrop-blur-sm transition-all duration-300 hover:border-white/25 hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/40 focus-visible:ring-offset-0 dark:border-gray-600/40 dark:bg-gray-800/80 dark:hover:border-gray-500/60 dark:hover:bg-gray-700",
           children: [
-            /* @__PURE__ */ r.jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-all duration-300 group-hover:scale-110 group-hover:bg-white/30 dark:bg-gray-600/60 dark:group-hover:bg-gray-500/70", children: /* @__PURE__ */ r.jsx("span", { className: "text-sm transition-transform duration-300 group-hover:scale-110", children: u === "dark" ? "🌞" : "🌙" }) }),
-            /* @__PURE__ */ r.jsx("span", { className: "text-white transition-colors duration-300 group-hover:text-white/90 dark:text-gray-200 dark:group-hover:text-white", children: u === "dark" ? "Light" : "Dark" }),
-            /* @__PURE__ */ r.jsx("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-r from-transparent via-white/5 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100 dark:via-gray-400/10" })
+            /* @__PURE__ */ n.jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-white/20 backdrop-blur-sm transition-all duration-300 group-hover:scale-110 group-hover:bg-white/30 dark:bg-gray-600/60 dark:group-hover:bg-gray-500/70", children: /* @__PURE__ */ n.jsx("span", { className: "text-sm transition-transform duration-300 group-hover:scale-110", children: u === "dark" ? "🌞" : "🌙" }) }),
+            /* @__PURE__ */ n.jsx("span", { className: "text-white transition-colors duration-300 group-hover:text-white/90 dark:text-gray-200 dark:group-hover:text-white", children: u === "dark" ? "Light" : "Dark" }),
+            /* @__PURE__ */ n.jsx("div", { className: "absolute inset-0 rounded-lg bg-gradient-to-r from-transparent via-white/5 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100 dark:via-gray-400/10" })
           ]
         }
       ),
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ n.jsx(
         "button",
         {
           type: "button",
           className: "aiquants-signout-button flex items-center justify-center rounded-md bg-red-500/90 px-3 py-2 font-medium text-white text-xs shadow-sm transition-colors duration-300 hover:bg-red-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-300/60",
-          onClick: d,
+          onClick: i,
           children: "サインアウト"
         }
       )
     ] }) })
   ] });
-}, Pe = (t) => {
-  const { isOverlay: n, onOverlayClick: s } = t;
-  return /* @__PURE__ */ r.jsx("button", { type: "button", className: `fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${n ? "opacity-100" : "pointer-events-none opacity-0"}`, onClick: s });
-}, Ae = (t) => {
-  const { open: n, onMenuOpen: s, onMenuClose: l, theme: c } = t, d = E(n), u = E(null), h = E(null), x = E(null), i = E(null), p = E(null), a = y(() => {
-    if (u.current && h.current && x.current && i.current && p.current) {
-      const b = c === "dark" ? "#fff" : "#000";
-      u.current.style.backgroundColor = b, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", h.current.style.opacity = "1", h.current.style.backgroundColor = b, x.current.style.opacity = "1", x.current.style.backgroundColor = b, i.current.style.backgroundColor = b, i.current.style.width = "100%", i.current.style.height = "3px", i.current.style.transform = "", p.current.style.color = b, p.current.classList.remove("after:content-['close']"), p.current.classList.remove("after:ml-0.5"), p.current.classList.add("after:content-['menu']"), p.current.classList.add("after:-ml-0.5"), d.current = !0;
+}, Oe = (r) => {
+  const { isOverlay: t, onOverlayClick: a } = r;
+  return /* @__PURE__ */ n.jsx("button", { type: "button", className: `fixed inset-0 z-2147483640 cursor-default bg-black/50 transition-opacity duration-500 ${t ? "opacity-100" : "pointer-events-none opacity-0"}`, onClick: a });
+}, Ae = (r) => {
+  const { open: t, onMenuOpen: a, onMenuClose: l, theme: c } = r, i = T(t), u = T(null), h = T(null), g = T(null), d = T(null), f = T(null), k = w(() => {
+    if (u.current && h.current && g.current && d.current && f.current) {
+      const j = c === "dark" ? "#fff" : "#000";
+      u.current.style.backgroundColor = j, u.current.style.width = "100%", u.current.style.height = "3px", u.current.style.transform = "", h.current.style.opacity = "1", h.current.style.backgroundColor = j, g.current.style.opacity = "1", g.current.style.backgroundColor = j, d.current.style.backgroundColor = j, d.current.style.width = "100%", d.current.style.height = "3px", d.current.style.transform = "", f.current.style.color = j, f.current.classList.remove("after:content-['close']"), f.current.classList.remove("after:ml-0.5"), f.current.classList.add("after:content-['menu']"), f.current.classList.add("after:-ml-0.5"), i.current = !0;
     }
-  }, [c]), f = y(() => {
-    u.current && h.current && x.current && i.current && p.current && (u.current.style.backgroundColor = "#fff", u.current.style.width = "32px", u.current.style.height = "4px", u.current.style.transform = "translateY(9px) rotate(-45deg)", h.current.style.opacity = "0", x.current.style.opacity = "0", i.current.style.backgroundColor = "#fff", i.current.style.width = "32px", i.current.style.height = "4px", i.current.style.transform = "translateY(-9px) rotate(45deg)", p.current.style.color = "#fff", p.current.classList.remove("after:content-['menu']"), p.current.classList.remove("after:-ml-0.5"), p.current.classList.add("after:content-['close']"), p.current.classList.add("after:ml-0.5"), d.current = !1);
-  }, []), w = y(() => {
-    a(), l && l();
-  }, [a, l]), k = y(() => {
-    f(), s && s();
-  }, [f, s]), T = y(() => {
-    d.current ? k() : w();
-  }, [w, k]), N = y((b) => {
-    b.currentTarget.blur();
-  }, []), j = y((b) => {
-    b.preventDefault();
+  }, [c]), v = w(() => {
+    u.current && h.current && g.current && d.current && f.current && (u.current.style.backgroundColor = "#fff", u.current.style.width = "32px", u.current.style.height = "4px", u.current.style.transform = "translateY(9px) rotate(-45deg)", h.current.style.opacity = "0", g.current.style.opacity = "0", d.current.style.backgroundColor = "#fff", d.current.style.width = "32px", d.current.style.height = "4px", d.current.style.transform = "translateY(-9px) rotate(45deg)", f.current.style.color = "#fff", f.current.classList.remove("after:content-['menu']"), f.current.classList.remove("after:-ml-0.5"), f.current.classList.add("after:content-['close']"), f.current.classList.add("after:ml-0.5"), i.current = !1);
+  }, []), s = w(() => {
+    k(), l && l();
+  }, [k, l]), m = w(() => {
+    v(), a && a();
+  }, [v, a]), N = w(() => {
+    i.current ? m() : s();
+  }, [s, m]), S = w((j) => {
+    j.currentTarget.blur();
+  }, []), O = w((j) => {
+    j.preventDefault();
   }, []);
-  return A(() => {
-    n ? a() : f();
-  }, [n, a, f]), /* @__PURE__ */ r.jsxs("button", { type: "button", className: "aiquants-menu-switch fixed z-2147483647 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: T, onFocus: N, onMouseDown: j, tabIndex: -1, children: [
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none", ref: u }),
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none", ref: h }),
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none", ref: x }),
-    /* @__PURE__ */ r.jsx("span", { className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none", ref: i }),
-    /* @__PURE__ */ r.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: p })
+  return Y(() => {
+    t ? k() : v();
+  }, [t, k, v]), /* @__PURE__ */ n.jsxs("button", { type: "button", className: "aiquants-menu-switch fixed z-2147483647 inline-block h-[27px] w-[27px] cursor-pointer align-middle outline-hidden", onClick: N, onFocus: S, onMouseDown: O, tabIndex: -1, children: [
+    /* @__PURE__ */ n.jsx("span", { className: "absolute top-0 left-0 box-border inline-block h-[3px] w-full select-none", ref: u }),
+    /* @__PURE__ */ n.jsx("span", { className: "absolute top-1.5 left-0 box-border inline-block h-[3px] w-full select-none", ref: h }),
+    /* @__PURE__ */ n.jsx("span", { className: "absolute top-3 left-0 box-border inline-block h-[3px] w-full select-none", ref: g }),
+    /* @__PURE__ */ n.jsx("span", { className: "absolute top-[18px] left-0 box-border inline-block h-[3px] w-full select-none", ref: d }),
+    /* @__PURE__ */ n.jsx("div", { className: "absolute w-full text-xs after:mt-2 after:block", ref: f })
   ] });
-}, ee = typeof window < "u" ? me : A, De = (t) => {
-  const { menuList: n, menuHeader: s, onClickSignout: l, isMenuhide: c, theme: d, toggleTheme: u, onMenuNavigate: h, onPinChange: x } = t, [i, p] = Y(() => {
+}, le = typeof window < "u" ? he : Y, De = (r) => {
+  const { menuList: t, menuHeader: a, onClickSignout: l, isMenuhide: c, theme: i, toggleTheme: u, onMenuNavigate: h, onPinChange: g, pinnedSubmenuIds: d, initialPinnedSubmenuIds: f, onSubmenuPinChange: k } = r, [v, s] = D(() => {
     try {
       return localStorage.getItem("aiquants-menu-pinned") === "true";
     } catch {
       return !1;
     }
-  }), [a, f] = Y(i);
-  ee(() => {
-    const b = i ? "250px" : "0px";
-    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", b), x?.(i);
-  }, [i, x]), ee(() => () => {
+  }), [m, N] = D(v), [S, O] = D(() => {
+    if (f)
+      return f;
+    try {
+      const y = localStorage.getItem("aiquants-submenu-pinned");
+      if (y) {
+        const E = JSON.parse(y);
+        if (Array.isArray(E))
+          return E.filter((_) => typeof _ == "number");
+      }
+    } catch {
+    }
+    return [];
+  }), j = d !== void 0 ? d : S, $ = w(
+    (y) => {
+      const E = d !== void 0 ? d : S, _ = E.includes(y) ? E.filter((A) => A !== y) : [...E, y];
+      if (d === void 0) {
+        O(_);
+        try {
+          localStorage.setItem("aiquants-submenu-pinned", JSON.stringify(_));
+        } catch {
+        }
+      }
+      k && k(_);
+    },
+    [d, S, k]
+  );
+  le(() => {
+    const y = v ? "250px" : "0px";
+    document.documentElement.style.setProperty("--aiquants-menu-pinned-width", y), g?.(v);
+  }, [v, g]), le(() => () => {
     document.documentElement.style.setProperty("--aiquants-menu-pinned-width", "0px");
   }, []);
-  const w = y(() => {
-    f(!0);
-  }, []), k = y(() => {
-    f(!1), p(!1);
+  const z = w(() => {
+    N(!0);
+  }, []), R = w(() => {
+    N(!1), s(!1);
     try {
       localStorage.removeItem("aiquants-menu-pinned");
     } catch {
     }
-  }, []), T = y(() => {
-    p((b) => {
-      const S = !b;
-      if (S)
+  }, []), F = w(() => {
+    s((y) => {
+      const E = !y;
+      if (E)
         try {
           localStorage.setItem("aiquants-menu-pinned", "true");
         } catch {
@@ -486,30 +529,45 @@ const Ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMj
           localStorage.removeItem("aiquants-menu-pinned");
         } catch {
         }
-      return S;
+      return E;
     });
-  }, []), N = y(
-    (b) => {
-      h && h(b), i || f(!1);
+  }, []), W = w(
+    (y) => {
+      h && h(y), v || N(!1);
     },
-    [h, i]
-  ), j = y(
-    (b) => {
-      if (b.key === "Escape")
-        return k(), !1;
+    [h, v]
+  ), P = w(
+    (y) => {
+      if (y.key === "Escape")
+        return R(), !1;
     },
-    [k]
+    [R]
   );
-  return A(() => (a ? window.addEventListener("keydown", j, { passive: !0 }) : window.removeEventListener("keydown", j), () => {
-    window.removeEventListener("keydown", j);
-  }), [a, j]), c ? null : /* @__PURE__ */ r.jsxs("div", { className: `aiquants-menu-bar ${d}`, children: [
-    /* @__PURE__ */ r.jsx(Ae, { onMenuClose: k, onMenuOpen: w, open: !a, theme: d }),
-    /* @__PURE__ */ r.jsx(Oe, { menuList: n, menuHeader: s, onClickSignout: l, onMenuSelected: N, open: a, theme: d, toggleTheme: u, isPinned: i, onTogglePin: T }),
-    /* @__PURE__ */ r.jsx(Pe, { isOverlay: a && !i, onOverlayClick: k })
+  return Y(() => (m ? window.addEventListener("keydown", P, { passive: !0 }) : window.removeEventListener("keydown", P), () => {
+    window.removeEventListener("keydown", P);
+  }), [m, P]), c ? null : /* @__PURE__ */ n.jsxs("div", { className: `aiquants-menu-bar ${i}`, children: [
+    /* @__PURE__ */ n.jsx(Ae, { onMenuClose: R, onMenuOpen: z, open: !m, theme: i }),
+    /* @__PURE__ */ n.jsx(
+      Ce,
+      {
+        menuList: t,
+        menuHeader: a,
+        onClickSignout: l,
+        onMenuSelected: W,
+        open: m,
+        theme: i,
+        toggleTheme: u,
+        isPinned: v,
+        onTogglePin: F,
+        pinnedSubmenuIds: j,
+        onToggleSubmenuPin: $
+      }
+    ),
+    /* @__PURE__ */ n.jsx(Oe, { isOverlay: m && !v, onOverlayClick: R })
   ] });
 };
 export {
-  _e as DefaultLink,
+  Se as DefaultLink,
   De as MenuBar,
   qe as SessionInfo
 };