@choubo/kerthus-web-admin-shell 0.1.0 → 0.3.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { inject as le, defineComponent as k, h as O, computed as I, reactive as oe, onUnmounted as Q, watch as U, openBlock as a, createBlock as P, unref as y, normalizeClass as N, withCtx as j, createElementBlock as o, Fragment as x, renderList as M, toDisplayString as d, createCommentVNode as p, ref as S, createElementVNode as s, createVNode as $, onMounted as Y, withKeys as J, createTextVNode as z, provide as ve, toRef as pe, renderSlot as B, Teleport as ge, withModifiers as H, withDirectives as K, vModelText as V, nextTick as se, normalizeStyle as ie, resolveDynamicComponent as he, createSlots as fe } from "vue";
-import { Menu as Z, Switch as ye, Select as ke, InputNumber as _e, Drawer as we } from "ant-design-vue";
-import { Icon as w, Dropdown as re } from "@choubo/kerthus-web-vue-ui";
-import { useFrontendRuntime as q } from "@choubo/kerthus-web-vue-runtime";
-const ne = {
+import { inject as Ae, defineComponent as P, h as le, computed as E, reactive as Te, onUnmounted as ne, watch as Z, openBlock as t, createBlock as z, unref as f, normalizeClass as U, withCtx as re, createElementBlock as l, Fragment as F, renderList as K, toDisplayString as m, createCommentVNode as b, ref as M, createElementVNode as r, createVNode as x, onMounted as ie, withKeys as be, createTextVNode as Q, provide as Qe, toRef as Xe, renderSlot as T, Teleport as Pe, withModifiers as ee, withDirectives as Y, vModelText as J, nextTick as Be, normalizeStyle as he, createSlots as Ge, toRaw as Ye, resolveDynamicComponent as Je } from "vue";
+import { Menu as we, Switch as Ze, Select as et, InputNumber as tt, Drawer as at } from "ant-design-vue";
+import { Icon as L, Dropdown as Fe } from "@choubo/kerthus-web-vue-ui";
+import { useFrontendRuntime as te, applyAdminAppearance as nt } from "@choubo/kerthus-web-vue-runtime";
+const Me = {
   "en-US": {
     navigation: "Navigation",
     closeNavigation: "Close navigation",
@@ -62,10 +62,10 @@ const ne = {
     reject: "拒绝"
   }
 };
-function Wn(e, c) {
-  return (e === "zh-CN" ? ne["zh-CN"] : ne["en-US"])[c];
+function mo(e, d) {
+  return (e === "zh-CN" ? Me["zh-CN"] : Me["en-US"])[d];
 }
-const On = {
+const vo = {
   "en-US": {
     layout: {
       footer: {
@@ -431,65 +431,65 @@ const On = {
       }
     }
   }
-}, de = Symbol("admin-menu");
-function Hn(e) {
+}, Ee = Symbol("admin-menu");
+function go(e) {
   return {
-    install(c) {
-      c.provide(de, e);
+    install(d) {
+      d.provide(Ee, e);
     }
   };
 }
-function ce() {
-  const e = le(de);
+function Se() {
+  const e = Ae(Ee);
   if (!e)
     throw new Error("Admin menu port is not installed");
   return e;
 }
-function ee(e, c) {
-  for (const t of e) {
-    if (t.path === c)
-      return [t.path];
-    const i = ee(t.children ?? [], c);
-    if (i.length)
-      return [t.path, ...i];
+function ue(e, d) {
+  for (const a of e) {
+    if (a.path === d)
+      return [a.path];
+    const o = ue(a.children ?? [], d);
+    if (o.length)
+      return [a.path, ...o];
   }
   return [];
 }
-const ue = k({
+const Ie = P({
   name: "AdminMenuNode",
   props: {
     item: { type: Object, required: !0 }
   },
   setup(e) {
-    const { ports: c } = q();
+    const { ports: d } = te();
     return () => {
-      var r, n;
-      const t = e.item;
-      if ((r = t.meta) != null && r.hideMenu)
+      var u, i;
+      const a = e.item;
+      if ((u = a.meta) != null && u.hideMenu)
         return null;
-      const i = () => {
-        var u, b;
-        return O("span", { class: "dsea-basic-menu-item-content" }, [
-          t.icon ? O(w, { icon: t.icon, size: 18, class: "dsea-basic-menu-item-content-wrapper__icon" }) : null,
-          c.locale.translate(t.name),
-          (u = t.tag) != null && u.content || (b = t.tag) != null && b.dot ? O("span", {
-            class: ["dsea-simple-menu-tag", `dsea-simple-menu-tag--${t.tag.type ?? "error"}`, {
-              "dsea-simple-menu-tag--dot": t.tag.dot
+      const o = () => {
+        var n, c;
+        return le("span", { class: "dsea-basic-menu-item-content" }, [
+          a.icon ? le(L, { icon: a.icon, size: 18, class: "dsea-basic-menu-item-content-wrapper__icon" }) : null,
+          d.locale.translate(a.name),
+          (n = a.tag) != null && n.content || (c = a.tag) != null && c.dot ? le("span", {
+            class: ["dsea-simple-menu-tag", `dsea-simple-menu-tag--${a.tag.type ?? "error"}`, {
+              "dsea-simple-menu-tag--dot": a.tag.dot
             }]
-          }, t.tag.dot ? "" : t.tag.content) : null
+          }, a.tag.dot ? "" : a.tag.content) : null
         ]);
-      }, l = (n = t.meta) != null && n.hideChildrenInMenu ? [] : t.children ?? [];
-      return l.length ? O(Z.SubMenu, {
-        key: t.path,
+      }, s = (i = a.meta) != null && i.hideChildrenInMenu ? [] : a.children ?? [];
+      return s.length ? le(we.SubMenu, {
+        key: a.path,
         popupClassName: "app-top-menu-popup",
-        disabled: t.disabled
+        disabled: a.disabled
       }, {
-        title: i,
-        default: () => l.map((u) => O(ue, { key: u.path, item: u }))
-      }) : O(Z.Item, { key: t.path, disabled: t.disabled }, { default: i });
+        title: o,
+        default: () => s.map((n) => le(Ie, { key: n.path, item: n }))
+      }) : le(we.Item, { key: a.path, disabled: a.disabled }, { default: o });
     };
   }
-}), te = /* @__PURE__ */ k({
+}), oe = /* @__PURE__ */ P({
   __name: "BasicMenu",
   props: {
     items: { default: () => [] },
@@ -501,96 +501,98 @@ const ue = k({
     isHorizontal: { type: Boolean },
     accordion: { type: Boolean, default: !0 },
     collapse: { type: Boolean },
+    split: { type: Boolean },
+    topMenuAlign: {},
     beforeClickFn: {}
   },
   emits: ["menuClick"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, l = ce(), r = I(() => t.collapse ?? l.settings.collapsed.value), n = oe({
+  setup(e, { emit: d }) {
+    const a = e, o = d, s = Se(), u = E(() => a.collapse ?? s.settings.collapsed.value), i = E(() => a.split ?? s.settings.split.value), n = Te({
       defaultSelectedKeys: [],
       selectedKeys: [],
       openKeys: [],
       collapsedOpenKeys: []
-    }), u = I(() => r.value && !l.settings.mixSidebar.value ? n.collapsedOpenKeys : n.openKeys), b = I(() => {
-      const T = t.type === "top" && t.mode === "horizontal" || t.isHorizontal && l.settings.split.value;
+    }), c = E(() => u.value && !s.settings.mixSidebar.value ? n.collapsedOpenKeys : n.openKeys), y = E(() => {
+      const $ = a.type === "top" && a.mode === "horizontal" || a.isHorizontal && i.value;
       return [
         "dsea-basic-menu",
-        `justify-${t.isHorizontal && l.settings.split.value ? "start" : l.settings.topMenuAlign.value}`,
+        `justify-${a.isHorizontal && i.value ? "start" : a.topMenuAlign ?? s.settings.topMenuAlign.value}`,
         {
-          "dsea-basic-menu__second": !t.isHorizontal && l.settings.split.value,
-          "dsea-basic-menu__sidebar-hor": T
+          "dsea-basic-menu__second": !a.isHorizontal && i.value,
+          "dsea-basic-menu__sidebar-hor": $
         }
       ];
     });
-    let g = !1, v = 0;
-    async function m(T) {
-      var C, E;
-      if (T.name === l.redirectRouteName)
+    let h = !1, p = 0;
+    async function N($) {
+      var B, V;
+      if (s.redirectRouteName && $.name === s.redirectRouteName)
         return;
-      if (g) {
-        g = !1;
+      if (h) {
+        h = !1;
         return;
       }
-      const f = ((C = T.meta) == null ? void 0 : C.currentActiveMenu) || T.path, h = ++v, _ = ee(t.items, f);
-      if (t.isHorizontal && l.settings.split.value) {
-        const R = await ((E = l.getCurrentParentPath) == null ? void 0 : E.call(l, f));
-        if (h !== v)
+      const v = ((B = $.meta) == null ? void 0 : B.currentActiveMenu) || $.path, k = ++p, C = ue(a.items, v);
+      if (a.isHorizontal && i.value) {
+        const G = await ((V = s.getCurrentParentPath) == null ? void 0 : V.call(s, v));
+        if (k !== p)
           return;
-        n.selectedKeys = [R || _[0] || f];
+        n.selectedKeys = [G || C[0] || v];
       } else
-        n.selectedKeys = _.length ? _ : [f];
-      L(f);
+        n.selectedKeys = C.length ? C : [v];
+      A(v);
     }
-    function L(T) {
-      if (t.mode === "horizontal")
+    function A($) {
+      if (a.mode === "horizontal")
         return;
-      const f = ee(t.items, T);
-      n.openKeys = t.accordion ? f : [.../* @__PURE__ */ new Set([...n.openKeys, ...f])];
+      const v = ue(a.items, $);
+      n.openKeys = a.accordion ? v : [.../* @__PURE__ */ new Set([...n.openKeys, ...v])];
     }
-    function F(T) {
-      const f = T.map(String);
-      if (t.mode === "horizontal" || !t.accordion || l.settings.mixSidebar.value) {
-        n.openKeys = f;
+    function O($) {
+      const v = $.map(String);
+      if (a.mode === "horizontal" || !a.accordion || s.settings.mixSidebar.value) {
+        n.openKeys = v;
         return;
       }
-      if (r.value) {
-        n.collapsedOpenKeys = f;
+      if (u.value) {
+        n.collapsedOpenKeys = v;
         return;
       }
-      const h = t.items.filter((C) => {
-        var E;
-        return (E = C.children) == null ? void 0 : E.length;
-      }).map((C) => C.path), _ = f.find((C) => !n.openKeys.includes(C));
-      n.openKeys = _ && h.includes(_) ? [_] : f;
-    }
-    async function D(T) {
-      const f = String(T.key);
-      t.beforeClickFn && !await t.beforeClickFn(f) || (i("menuClick", f), g = !0, n.selectedKeys = [f]);
-    }
-    const W = l.onRouteChange(m);
-    return Q(W), U(() => t.items, () => m(l.currentRoute.value)), m(l.currentRoute.value), (T, f) => (a(), P(y(Z), {
+      const k = a.items.filter((B) => {
+        var V;
+        return (V = B.children) == null ? void 0 : V.length;
+      }).map((B) => B.path), C = v.find((B) => !n.openKeys.includes(B));
+      n.openKeys = C && k.includes(C) ? [C] : v;
+    }
+    async function D($) {
+      const v = String($.key);
+      a.beforeClickFn && !await a.beforeClickFn(v) || (o("menuClick", v), h = !0, n.selectedKeys = [v]);
+    }
+    const j = s.onRouteChange(N);
+    return ne(j), Z(() => a.items, () => N(s.currentRoute.value)), N(s.currentRoute.value), ($, v) => (t(), z(f(we), {
       selectedKeys: n.selectedKeys,
       defaultSelectedKeys: n.defaultSelectedKeys,
       mode: e.mode,
-      openKeys: u.value,
+      openKeys: c.value,
       inlineIndent: e.inlineIndent,
       theme: e.theme,
-      inlineCollapsed: e.mode === "inline" && !e.mixSider && r.value,
-      class: N(b.value),
+      inlineCollapsed: e.mode === "inline" && !e.mixSider && u.value,
+      class: U(y.value),
       subMenuOpenDelay: 0.2,
-      onOpenChange: F,
+      onOpenChange: O,
       onClick: D
     }, {
-      default: j(() => [
-        (a(!0), o(x, null, M(e.items, (h) => (a(), P(y(ue), {
-          key: h.path,
-          item: h
+      default: re(() => [
+        (t(!0), l(F, null, K(e.items, (k) => (t(), z(f(Ie), {
+          key: k.path,
+          item: k
         }, null, 8, ["item"]))), 128))
       ]),
       _: 1
     }, 8, ["selectedKeys", "defaultSelectedKeys", "mode", "openKeys", "inlineIndent", "theme", "inlineCollapsed", "class"]));
   }
 });
-const jn = /* @__PURE__ */ k({
+const bo = /* @__PURE__ */ P({
   __name: "SimpleMenu",
   props: {
     items: { default: () => [] },
@@ -603,12 +605,12 @@ const jn = /* @__PURE__ */ k({
     beforeClickFn: {}
   },
   emits: ["menuClick"],
-  setup(e, { emit: c }) {
-    const t = e, i = c;
-    async function l(r) {
-      return /^https?:\/\//i.test(r) ? (window.open(r, "_blank", "noopener,noreferrer"), !1) : t.beforeClickFn ? t.beforeClickFn(r) : !0;
+  setup(e, { emit: d }) {
+    const a = e, o = d;
+    async function s(u) {
+      return /^https?:\/\//i.test(u) ? (window.open(u, "_blank", "noopener,noreferrer"), !1) : a.beforeClickFn ? a.beforeClickFn(u) : !0;
     }
-    return (r, n) => (a(), P(te, {
+    return (u, i) => (t(), z(oe, {
       class: "dsea-simple-menu",
       items: e.items,
       mode: "inline",
@@ -616,11 +618,11 @@ const jn = /* @__PURE__ */ k({
       collapse: e.collapse,
       mixSider: e.mixSider,
       accordion: e.accordion,
-      beforeClickFn: l,
-      onMenuClick: n[0] || (n[0] = (u) => i("menuClick", u))
+      beforeClickFn: s,
+      onMenuClick: i[0] || (i[0] = (n) => o("menuClick", n))
     }, null, 8, ["items", "theme", "collapse", "mixSider", "accordion"]));
   }
-}), Qn = /* @__PURE__ */ k({
+}), ho = /* @__PURE__ */ P({
   __name: "SimpleMenuTag",
   props: {
     item: {},
@@ -628,18 +630,18 @@ const jn = /* @__PURE__ */ k({
     collapseParent: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (c, t) => {
-      var i, l;
-      return (i = e.item.tag) != null && i.content || (l = e.item.tag) != null && l.dot ? (a(), o("span", {
+    return (d, a) => {
+      var o, s;
+      return (o = e.item.tag) != null && o.content || (s = e.item.tag) != null && s.dot ? (t(), l("span", {
         key: 0,
-        class: N(["dsea-simple-menu-tag", [`dsea-simple-menu-tag--${e.item.tag.type ?? "error"}`, {
+        class: U(["dsea-simple-menu-tag", [`dsea-simple-menu-tag--${e.item.tag.type ?? "error"}`, {
           "dsea-simple-menu-tag--dot": e.dot || e.item.tag.dot,
           "dsea-simple-menu-tag--collapse": e.collapseParent
         }]])
-      }, d(e.dot || e.item.tag.dot || e.collapseParent ? "" : e.item.tag.content), 3)) : p("", !0);
+      }, m(e.dot || e.item.tag.dot || e.collapseParent ? "" : e.item.tag.content), 3)) : b("", !0);
     };
   }
-}), $e = ["src", "alt"], Le = /* @__PURE__ */ k({
+}), lt = ["src", "alt"], ot = /* @__PURE__ */ P({
   __name: "AppLogo",
   props: {
     theme: {},
@@ -648,35 +650,35 @@ const jn = /* @__PURE__ */ k({
     collapsedShowTitle: { type: Boolean }
   },
   setup(e) {
-    const { ports: c } = q(), t = I(() => c.appConfig.getTitle()), i = I(() => {
-      var r, n;
-      return (n = (r = c.appConfig).getLogo) == null ? void 0 : n.call(r);
+    const { ports: d } = te(), a = E(() => d.appConfig.getTitle()), o = E(() => {
+      var u, i;
+      return (i = (u = d.appConfig).getLogo) == null ? void 0 : i.call(u);
     });
-    function l() {
-      c.navigation.go(c.navigation.getHome());
+    function s() {
+      d.navigation.go(d.navigation.getHome());
     }
-    return (r, n) => (a(), o("div", {
-      class: N(["dsea-app-logo anticon", [e.theme, { "collapsed-show-title": e.collapsedShowTitle }]]),
-      onClick: l
+    return (u, i) => (t(), l("div", {
+      class: U(["dsea-app-logo anticon", [e.theme, { "collapsed-show-title": e.collapsedShowTitle }]]),
+      onClick: s
     }, [
-      i.value ? (a(), o("img", {
+      o.value ? (t(), l("img", {
         key: 0,
-        src: i.value,
-        alt: t.value
-      }, null, 8, $e)) : p("", !0),
-      e.showTitle ? (a(), o("div", {
+        src: o.value,
+        alt: a.value
+      }, null, 8, lt)) : b("", !0),
+      e.showTitle ? (t(), l("div", {
         key: 1,
-        class: N(["dsea-app-logo__title ml-2 truncate md:opacity-100", { "xs:opacity-0": !e.alwaysShowTitle }])
-      }, d(t.value), 3)) : p("", !0)
+        class: U(["dsea-app-logo__title ml-2 truncate md:opacity-100", { "xs:opacity-0": !e.alwaysShowTitle }])
+      }, m(a.value), 3)) : b("", !0)
     ], 2));
   }
 });
-const A = (e, c) => {
-  const t = e.__vccOpts || e;
-  for (const [i, l] of c)
-    t[i] = l;
-  return t;
-}, Ce = /* @__PURE__ */ A(Le, [["__scopeId", "data-v-f9695ead"]]), Se = { class: "dsea-app-locale-picker" }, xe = { key: 0 }, Gn = /* @__PURE__ */ k({
+const W = (e, d) => {
+  const a = e.__vccOpts || e;
+  for (const [o, s] of d)
+    a[o] = s;
+  return a;
+}, ve = /* @__PURE__ */ W(ot, [["__scopeId", "data-v-f9695ead"]]), it = { class: "dsea-app-locale-picker" }, st = { key: 0 }, rt = /* @__PURE__ */ P({
   __name: "AppLocalePicker",
   props: {
     locales: {},
@@ -685,114 +687,115 @@ const A = (e, c) => {
     reload: { type: Boolean }
   },
   setup(e) {
-    const c = e, { ports: t } = q(), i = S(c.locale ?? t.locale.getLocale()), l = I(() => {
-      var n;
-      return ((n = c.locales.find((u) => u.event === i.value)) == null ? void 0 : n.text) ?? "";
+    const d = e, { ports: a } = te(), o = M(d.locale ?? a.locale.getLocale()), s = E(() => {
+      var i;
+      return ((i = d.locales.find((n) => n.event === o.value)) == null ? void 0 : i.text) ?? "";
     });
-    U(() => c.locale, (n) => {
-      n && (i.value = n);
+    Z(() => d.locale, (i) => {
+      i && (o.value = i);
     });
-    async function r(n) {
-      n.event !== i.value && (await t.locale.setLocale(n.event), i.value = n.event, c.reload && location.reload());
+    async function u(i) {
+      i.event !== o.value && (await a.locale.setLocale(i.event), o.value = i.event, d.reload && location.reload());
     }
-    return (n, u) => (a(), P(y(re), {
+    return (i, n) => (t(), z(f(Fe), {
       placement: "bottom",
       trigger: ["click"],
       dropMenuList: e.locales,
-      selectedKeys: [i.value],
+      selectedKeys: [o.value],
       overlayClassName: "app-locale-picker-overlay",
-      onMenuEvent: r
+      onMenuEvent: u
     }, {
-      default: j(() => [
-        s("span", Se, [
-          $(y(w), { icon: "ion:language" }),
-          e.showText ? (a(), o("span", xe, d(l.value), 1)) : p("", !0)
+      default: re(() => [
+        r("span", it, [
+          x(f(L), { icon: "ion:language" }),
+          e.showText ? (t(), l("span", st, m(s.value), 1)) : b("", !0)
         ])
       ]),
       _: 1
     }, 8, ["dropMenuList", "selectedKeys"]));
   }
 });
-const Ae = ["aria-label"], Me = /* @__PURE__ */ k({
+const ut = ["aria-label"], dt = /* @__PURE__ */ P({
   __name: "AppDarkModeToggle",
   props: {
     darkMode: { type: Boolean },
     visible: { type: Boolean, default: !0 }
   },
   emits: ["update:darkMode"],
-  setup(e, { emit: c }) {
-    const t = c;
-    return (i, l) => e.visible ? (a(), o("button", {
+  setup(e, { emit: d }) {
+    const a = d;
+    return (o, s) => e.visible ? (t(), l("button", {
       key: 0,
       type: "button",
-      class: N(["dsea-dark-switch", { "dsea-dark-switch--dark": e.darkMode }]),
+      class: U(["dsea-dark-switch", { "dsea-dark-switch--dark": e.darkMode }]),
       "aria-label": e.darkMode ? "Switch to light mode" : "Switch to dark mode",
-      onClick: l[0] || (l[0] = (r) => t("update:darkMode", !e.darkMode))
+      onClick: s[0] || (s[0] = (u) => a("update:darkMode", !e.darkMode))
     }, [
-      l[1] || (l[1] = s("span", { class: "dsea-dark-switch-inner" }, null, -1)),
-      $(y(w), {
+      s[1] || (s[1] = r("span", { class: "dsea-dark-switch-inner" }, null, -1)),
+      x(f(L), {
         icon: "lucide:sun",
         size: 14
       }),
-      $(y(w), {
+      x(f(L), {
         icon: "lucide:moon",
         size: 14
       })
-    ], 10, Ae)) : p("", !0);
+    ], 10, ut)) : b("", !0);
   }
 });
-const Xn = /* @__PURE__ */ A(Me, [["__scopeId", "data-v-bc7f2cad"]]), Te = ["aria-label", "title", "aria-pressed"], Be = /* @__PURE__ */ k({
+const po = /* @__PURE__ */ W(dt, [["__scopeId", "data-v-bc7f2cad"]]), ct = ["aria-label", "title", "aria-pressed"], mt = /* @__PURE__ */ P({
   __name: "AdminFullscreenButton",
   props: {
     enterLabel: { default: "Enter fullscreen" },
     exitLabel: { default: "Exit fullscreen" }
   },
   setup(e) {
-    const c = S(!1);
-    function t() {
-      c.value = !!document.fullscreenElement;
+    const d = M(!1);
+    function a() {
+      d.value = !!document.fullscreenElement;
     }
-    async function i() {
-      document.fullscreenElement ? await document.exitFullscreen() : await document.documentElement.requestFullscreen(), t();
+    async function o() {
+      document.fullscreenElement ? await document.exitFullscreen() : await document.documentElement.requestFullscreen(), a();
     }
-    return Y(() => {
-      t(), document.addEventListener("fullscreenchange", t);
-    }), Q(() => document.removeEventListener("fullscreenchange", t)), (l, r) => (a(), o("button", {
+    return ie(() => {
+      a(), document.addEventListener("fullscreenchange", a);
+    }), ne(() => document.removeEventListener("fullscreenchange", a)), (s, u) => (t(), l("button", {
       type: "button",
       class: "dsea-icon-command",
-      "aria-label": c.value ? e.exitLabel : e.enterLabel,
-      title: c.value ? e.exitLabel : e.enterLabel,
-      "aria-pressed": c.value,
-      onClick: i
+      "aria-label": d.value ? e.exitLabel : e.enterLabel,
+      title: d.value ? e.exitLabel : e.enterLabel,
+      "aria-pressed": d.value,
+      onClick: o
     }, [
-      $(y(w), {
-        icon: c.value ? "lucide:minimize" : "lucide:maximize",
+      x(f(L), {
+        icon: d.value ? "lucide:minimize" : "lucide:maximize",
         size: 18
       }, null, 8, ["icon"])
-    ], 8, Te));
+    ], 8, ct));
   }
 });
-const Yn = /* @__PURE__ */ A(Be, [["__scopeId", "data-v-1787f599"]]);
-function X(e) {
+const vt = /* @__PURE__ */ W(mt, [["__scopeId", "data-v-1787f599"]]);
+new TextEncoder().encode("kerthus-web-shared-auth-v2-key!!");
+function ge(e) {
   if (typeof e != "string")
     return "";
-  const c = e.trim();
-  if (!/^https?:\/\/[^/]/i.test(c) || /^https?:\/\/[^/?#]*@/i.test(c) || /[\s\\\u0000-\u001f\u007f]/.test(c))
+  const d = e.trim();
+  if (!/^https?:\/\/[^/]/i.test(d) || /^https?:\/\/[^/?#]*@/i.test(d) || /[\s\\\u0000-\u001f\u007f]/.test(d))
     return "";
   try {
-    const t = new URL(c);
-    return !["http:", "https:"].includes(t.protocol) || !t.hostname || t.username || t.password ? "" : c;
+    const a = new URL(d);
+    return !["http:", "https:"].includes(a.protocol) || !a.hostname || a.username || a.password ? "" : d;
   } catch {
     return "";
   }
 }
-const Pe = ["aria-label", "title"], Ie = { class: "dsea-app-switcher__panel" }, Ee = {
+const gt = ["aria-label", "title"], bt = { class: "dsea-app-switcher__panel" }, ht = {
   key: 0,
   role: "status"
-}, Fe = {
+}, pt = {
   key: 1,
   role: "alert"
-}, Ne = { key: 2 }, ze = { key: 3 }, De = ["href"], Ke = ["src"], Ve = { key: 0 }, Re = ["title"], Ue = ["disabled", "aria-current", "onClick"], qe = ["src"], We = { key: 0 }, Oe = /* @__PURE__ */ k({
+}, ft = { key: 2 }, yt = { key: 3 }, kt = ["href"], wt = ["src"], St = { key: 0 }, _t = ["title"], $t = ["disabled", "aria-current", "onClick"], Ct = ["src"], xt = { key: 0 }, Lt = /* @__PURE__ */ P({
   __name: "AdminAppSwitcher",
   props: {
     apps: {},
@@ -806,120 +809,120 @@ const Pe = ["aria-label", "title"], Ie = { class: "dsea-app-switcher__panel" },
     confirmSwitch: {}
   },
   emits: ["open", "switch", "error"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, l = S(), r = S();
-    function n() {
-      l.value && (l.value.open = !1);
-    }
-    function u(g) {
-      g.target.open && i("open");
-    }
-    async function b(g) {
-      var v;
-      if (!(r.value || g.id === t.currentId)) {
-        r.value = g.id;
+  setup(e, { emit: d }) {
+    const a = e, o = d, s = M(), u = M();
+    function i() {
+      s.value && (s.value.open = !1);
+    }
+    function n(y) {
+      y.target.open && o("open");
+    }
+    async function c(y) {
+      var h;
+      if (!(u.value || y.id === a.currentId)) {
+        u.value = y.id;
         try {
-          if (await ((v = t.confirmSwitch) == null ? void 0 : v.call(t, g)) === !1)
+          if (await ((h = a.confirmSwitch) == null ? void 0 : h.call(a, y)) === !1)
             return;
-          i("switch", g), n();
-        } catch (m) {
-          i("error", m);
+          o("switch", y), i();
+        } catch (p) {
+          o("error", p);
         } finally {
-          r.value = void 0;
+          u.value = void 0;
         }
       }
     }
-    return (g, v) => (a(), o("details", {
+    return (y, h) => (t(), l("details", {
       ref_key: "menu",
-      ref: l,
+      ref: s,
       class: "dsea-app-switcher",
-      onToggle: u,
-      onKeydown: J(n, ["esc"])
+      onToggle: n,
+      onKeydown: be(i, ["esc"])
     }, [
-      s("summary", {
+      r("summary", {
         "aria-label": e.label,
         title: e.label
       }, [
-        $(y(w), {
+        x(f(L), {
           icon: "lucide:layout-grid",
           size: 18
         })
-      ], 8, Pe),
-      s("div", Ie, [
-        e.loading ? (a(), o("p", Ee, d(e.loadingLabel), 1)) : e.error ? (a(), o("p", Fe, d(e.error), 1)) : e.apps.length ? (a(), o("ul", ze, [
-          (a(!0), o(x, null, M(e.apps, (m) => (a(), o("li", {
-            key: m.id
+      ], 8, gt),
+      r("div", bt, [
+        e.loading ? (t(), l("p", ht, m(e.loadingLabel), 1)) : e.error ? (t(), l("p", pt, m(e.error), 1)) : e.apps.length ? (t(), l("ul", yt, [
+          (t(!0), l(F, null, K(e.apps, (p) => (t(), l("li", {
+            key: p.id
           }, [
-            m.url && y(X)(m.url) ? (a(), o("a", {
+            p.url && f(ge)(p.url) ? (t(), l("a", {
               key: 0,
-              href: y(X)(m.url),
+              href: f(ge)(p.url),
               target: "_blank",
               rel: "noopener noreferrer",
               referrerpolicy: "no-referrer",
-              onClick: n
+              onClick: i
             }, [
-              m.icon ? (a(), o("img", {
+              p.icon ? (t(), l("img", {
                 key: 0,
-                src: m.icon,
+                src: p.icon,
                 alt: ""
-              }, null, 8, Ke)) : p("", !0),
-              s("span", null, [
-                z(d(m.name), 1),
-                m.description ? (a(), o("small", Ve, d(m.description), 1)) : p("", !0)
+              }, null, 8, wt)) : b("", !0),
+              r("span", null, [
+                Q(m(p.name), 1),
+                p.description ? (t(), l("small", St, m(p.description), 1)) : b("", !0)
               ]),
-              $(y(w), {
+              x(f(L), {
                 icon: "lucide:external-link",
                 size: 14
               })
-            ], 8, De)) : m.url ? (a(), o("button", {
+            ], 8, kt)) : p.url ? (t(), l("button", {
               key: 1,
               type: "button",
               disabled: "",
               title: e.invalidUrlLabel
             }, [
-              s("span", null, [
-                z(d(m.name), 1),
-                s("small", null, d(e.invalidUrlLabel), 1)
+              r("span", null, [
+                Q(m(p.name), 1),
+                r("small", null, m(e.invalidUrlLabel), 1)
               ])
-            ], 8, Re)) : (a(), o("button", {
+            ], 8, _t)) : (t(), l("button", {
               key: 2,
               type: "button",
-              disabled: m.id === e.currentId || r.value === m.id,
-              "aria-current": m.id === e.currentId ? "page" : void 0,
-              onClick: (L) => b(m)
+              disabled: p.id === e.currentId || u.value === p.id,
+              "aria-current": p.id === e.currentId ? "page" : void 0,
+              onClick: (N) => c(p)
             }, [
-              m.icon ? (a(), o("img", {
+              p.icon ? (t(), l("img", {
                 key: 0,
-                src: m.icon,
+                src: p.icon,
                 alt: ""
-              }, null, 8, qe)) : p("", !0),
-              s("span", null, [
-                z(d(m.name), 1),
-                m.description ? (a(), o("small", We, d(m.description), 1)) : p("", !0)
+              }, null, 8, Ct)) : b("", !0),
+              r("span", null, [
+                Q(m(p.name), 1),
+                p.description ? (t(), l("small", xt, m(p.description), 1)) : b("", !0)
               ]),
-              m.id === e.currentId ? (a(), P(y(w), {
+              p.id === e.currentId ? (t(), z(f(L), {
                 key: 1,
                 icon: "lucide:check",
                 size: 16
-              })) : p("", !0)
-            ], 8, Ue))
+              })) : b("", !0)
+            ], 8, $t))
           ]))), 128))
-        ])) : (a(), o("p", Ne, d(e.emptyLabel), 1))
+        ])) : (t(), l("p", ft, m(e.emptyLabel), 1))
       ])
     ], 544));
   }
 });
-const Jn = /* @__PURE__ */ A(Oe, [["__scopeId", "data-v-29d987c2"]]), me = Symbol("app-provider");
-function be(e) {
-  return ve(me, e), e;
+const Mt = /* @__PURE__ */ W(Lt, [["__scopeId", "data-v-29d987c2"]]), Ne = Symbol("app-provider");
+function ze(e) {
+  return Qe(Ne, e), e;
 }
-function Zn() {
-  const e = le(me);
+function fo() {
+  const e = Ae(Ne);
   if (!e)
     throw new Error("AppProvider is missing");
   return e;
 }
-const el = /* @__PURE__ */ k({
+const yo = /* @__PURE__ */ P({
   __name: "AppProvider",
   props: {
     prefixCls: { default: "dsea" },
@@ -927,163 +930,166 @@ const el = /* @__PURE__ */ k({
     onMobileChange: {}
   },
   setup(e) {
-    const c = e, t = S(!1);
-    be({ prefixCls: pe(c, "prefixCls"), isMobile: t });
-    function i() {
-      var r;
-      const l = window.innerWidth < c.mobileBreakpoint;
-      l !== t.value && (t.value = l, (r = c.onMobileChange) == null || r.call(c, l));
+    const d = e, a = M(!1);
+    ze({ prefixCls: Xe(d, "prefixCls"), isMobile: a });
+    function o() {
+      var u;
+      const s = window.innerWidth < d.mobileBreakpoint;
+      s !== a.value && (a.value = s, (u = d.onMobileChange) == null || u.call(d, s));
     }
-    return Y(() => {
-      i(), window.addEventListener("resize", i);
-    }), Q(() => window.removeEventListener("resize", i)), (l, r) => B(l.$slots, "default");
+    return ie(() => {
+      o(), window.addEventListener("resize", o);
+    }), ne(() => window.removeEventListener("resize", o)), (s, u) => T(s.$slots, "default");
   }
-}), He = ["aria-label"], je = ["aria-label"], Qe = { class: "dsea-app-search-input-row" }, Ge = ["placeholder", "aria-label"], Xe = ["aria-label"], Ye = ["data-index", "aria-selected", "onMouseenter", "onClick"], Je = {
+}), At = ["aria-label"], Tt = ["aria-label"], Pt = { class: "dsea-app-search-input-row" }, Bt = ["placeholder", "aria-label"], Ft = ["aria-label"], Et = ["data-index", "aria-selected", "onMouseenter", "onClick"], It = {
   key: 1,
   class: "dsea-app-search-empty"
-}, Ze = /* @__PURE__ */ k({
+}, Nt = /* @__PURE__ */ P({
   __name: "AppSearch",
+  props: {
+    menuItems: {}
+  },
   setup(e) {
-    const { ports: c } = q(), t = ce(), i = (f) => c.locale.translate(f), l = S(!1), r = S(""), n = S([]), u = S(0), b = S(), g = S();
-    function v(f, h = "") {
-      return f.flatMap((_) => {
-        var G, ae;
-        if ((G = _.meta) != null && G.hideMenu)
+    const d = e, { ports: a } = te(), o = Se(), s = (v) => a.locale.translate(v), u = M(!1), i = M(""), n = M([]), c = M(0), y = M(), h = M();
+    function p(v, k = "") {
+      return v.flatMap((C) => {
+        var de, ce;
+        if ((de = C.meta) != null && de.hideMenu)
           return [];
-        const C = i(_.name), E = h ? `${h} > ${C}` : C, R = (ae = _.meta) != null && ae.hideChildrenInMenu ? [] : _.children ?? [];
-        return R.length ? v(R, E) : [{ label: E, path: _.path, icon: _.icon }];
+        const B = s(C.name), V = k ? `${k} > ${B}` : B, G = (ce = C.meta) != null && ce.hideChildrenInMenu ? [] : C.children ?? [];
+        return G.length ? p(G, V) : [{ label: V, path: C.path, icon: C.icon }];
       });
     }
-    function m(f, h) {
-      const _ = f.toLocaleLowerCase();
-      let C = 0;
-      for (const E of h.toLocaleLowerCase()) {
-        if (C = _.indexOf(E, C), C < 0)
+    function N(v, k) {
+      const C = v.toLocaleLowerCase();
+      let B = 0;
+      for (const V of k.toLocaleLowerCase()) {
+        if (B = C.indexOf(V, B), B < 0)
           return !1;
-        C += 1;
+        B += 1;
       }
       return !0;
     }
-    const L = I(() => {
-      const f = r.value.trim();
-      return f ? v(n.value).filter((h) => m(h.label, f)) : [];
+    const A = E(() => {
+      const v = i.value.trim();
+      return v ? p(n.value).filter((k) => N(k.label, v)) : [];
     });
-    U(L, () => {
-      u.value = 0;
+    Z(A, () => {
+      c.value = 0;
     });
-    async function F() {
-      var f, h;
-      l.value = !0, n.value = await ((f = t.getItems) == null ? void 0 : f.call(t)) ?? [], l.value && (await se(), (h = b.value) == null || h.focus());
+    async function O() {
+      var v, k;
+      u.value = !0, n.value = d.menuItems ?? await ((v = o.getItems) == null ? void 0 : v.call(o)) ?? [], u.value && (await Be(), (k = y.value) == null || k.focus());
     }
     function D() {
-      l.value = !1, r.value = "";
+      u.value = !1, i.value = "";
     }
-    function W(f) {
-      D(), c.navigation.go(f.path);
+    function j(v) {
+      D(), a.navigation.go(v.path);
     }
-    function T(f) {
-      var h, _;
-      if (l.value)
-        if (f.key === "Escape")
+    function $(v) {
+      var k, C;
+      if (u.value)
+        if (v.key === "Escape")
           D();
-        else if (f.key === "ArrowDown" || f.key === "ArrowUp") {
-          if (f.preventDefault(), !L.value.length)
+        else if (v.key === "ArrowDown" || v.key === "ArrowUp") {
+          if (v.preventDefault(), !A.value.length)
             return;
-          const C = f.key === "ArrowDown" ? 1 : -1;
-          u.value = (u.value + C + L.value.length) % L.value.length, (_ = (h = g.value) == null ? void 0 : h.querySelector(`[data-index="${u.value}"]`)) == null || _.scrollIntoView({ block: "nearest" });
+          const B = v.key === "ArrowDown" ? 1 : -1;
+          c.value = (c.value + B + A.value.length) % A.value.length, (C = (k = h.value) == null ? void 0 : k.querySelector(`[data-index="${c.value}"]`)) == null || C.scrollIntoView({ block: "nearest" });
         } else
-          f.key === "Enter" && L.value[u.value] && (f.preventDefault(), W(L.value[u.value]));
+          v.key === "Enter" && A.value[c.value] && (v.preventDefault(), j(A.value[c.value]));
     }
-    return Y(() => window.addEventListener("keydown", T)), Q(() => window.removeEventListener("keydown", T)), (f, h) => (a(), o(x, null, [
-      s("button", {
+    return ie(() => window.addEventListener("keydown", $)), ne(() => window.removeEventListener("keydown", $)), (v, k) => (t(), l(F, null, [
+      r("button", {
         type: "button",
         class: "dsea-app-search-trigger",
-        "aria-label": i("common.searchText"),
-        onClick: F
+        "aria-label": s("common.searchText"),
+        onClick: O
       }, [
-        $(y(w), {
+        x(f(L), {
           icon: "ant-design:search-outlined",
           size: 18
         })
-      ], 8, He),
-      (a(), P(ge, { to: "body" }, [
-        l.value ? (a(), o("div", {
+      ], 8, At),
+      (t(), z(Pe, { to: "body" }, [
+        u.value ? (t(), l("div", {
           key: 0,
           class: "dsea-app-search-backdrop",
-          onClick: H(D, ["self"])
+          onClick: ee(D, ["self"])
         }, [
-          s("section", {
+          r("section", {
             class: "dsea-app-search-modal",
             role: "dialog",
             "aria-modal": "true",
-            "aria-label": i("common.searchText")
+            "aria-label": s("common.searchText")
           }, [
-            s("div", Qe, [
-              $(y(w), {
+            r("div", Pt, [
+              x(f(L), {
                 icon: "ant-design:search-outlined",
                 size: 18
               }),
-              K(s("input", {
+              Y(r("input", {
                 ref_key: "inputEl",
-                ref: b,
-                "onUpdate:modelValue": h[0] || (h[0] = (_) => r.value = _),
+                ref: y,
+                "onUpdate:modelValue": k[0] || (k[0] = (C) => i.value = C),
                 type: "search",
-                placeholder: i("common.searchText"),
-                "aria-label": i("common.searchText")
-              }, null, 8, Ge), [
-                [V, r.value]
+                placeholder: s("common.searchText"),
+                "aria-label": s("common.searchText")
+              }, null, 8, Bt), [
+                [J, i.value]
               ]),
-              s("button", {
+              r("button", {
                 type: "button",
                 class: "dsea-app-search-close",
-                "aria-label": i("common.cancelText"),
+                "aria-label": s("common.cancelText"),
                 onClick: D
               }, [
-                $(y(w), {
+                x(f(L), {
                   icon: "lucide:x",
                   size: 18
                 })
-              ], 8, Xe)
+              ], 8, Ft)
             ]),
-            L.value.length ? (a(), o("ul", {
+            A.value.length ? (t(), l("ul", {
               key: 0,
               ref_key: "resultList",
-              ref: g,
+              ref: h,
               class: "dsea-app-search-results",
               role: "listbox"
             }, [
-              (a(!0), o(x, null, M(L.value, (_, C) => (a(), o("li", {
-                key: _.path,
-                "data-index": C,
+              (t(!0), l(F, null, K(A.value, (C, B) => (t(), l("li", {
+                key: C.path,
+                "data-index": B,
                 role: "option",
-                "aria-selected": C === u.value,
-                class: N({ active: C === u.value }),
-                onMouseenter: (E) => u.value = C,
-                onClick: (E) => W(_)
+                "aria-selected": B === c.value,
+                class: U({ active: B === c.value }),
+                onMouseenter: (V) => c.value = B,
+                onClick: (V) => j(C)
               }, [
-                _.icon ? (a(), P(y(w), {
+                C.icon ? (t(), z(f(L), {
                   key: 0,
-                  icon: _.icon,
+                  icon: C.icon,
                   size: 18
-                }, null, 8, ["icon"])) : p("", !0),
-                s("span", null, d(_.label), 1),
-                C === u.value ? (a(), P(y(w), {
+                }, null, 8, ["icon"])) : b("", !0),
+                r("span", null, m(C.label), 1),
+                B === c.value ? (t(), z(f(L), {
                   key: 1,
                   icon: "ant-design:enter-outlined",
                   size: 16
-                })) : p("", !0)
-              ], 42, Ye))), 128))
-            ], 512)) : r.value.trim() ? (a(), o("div", Je, d(i("component.app.searchNotData")), 1)) : p("", !0)
-          ], 8, je)
-        ])) : p("", !0)
+                })) : b("", !0)
+              ], 42, Et))), 128))
+            ], 512)) : i.value.trim() ? (t(), l("div", It, m(s("component.app.searchNotData")), 1)) : b("", !0)
+          ], 8, Tt)
+        ])) : b("", !0)
       ]))
     ], 64));
   }
 });
-const tl = /* @__PURE__ */ A(Ze, [["__scopeId", "data-v-2b474f9e"]]), et = ["aria-label"], tt = ["src", "alt"], at = {
+const zt = /* @__PURE__ */ W(Nt, [["__scopeId", "data-v-9d504bc3"]]), Dt = ["aria-label"], Rt = ["src", "alt"], Kt = {
   key: 1,
   class: "dsea-user-menu__initial"
-}, nt = { class: "dsea-user-menu__name" }, lt = { role: "menu" }, ot = ["onClick"], st = /* @__PURE__ */ k({
+}, Wt = { class: "dsea-user-menu__name" }, Ot = { role: "menu" }, Vt = ["onClick"], Ut = /* @__PURE__ */ P({
   __name: "AdminUserMenu",
   props: {
     name: {},
@@ -1092,64 +1098,64 @@ const tl = /* @__PURE__ */ A(Ze, [["__scopeId", "data-v-2b474f9e"]]), et = ["ari
     items: {}
   },
   emits: ["select"],
-  setup(e, { emit: c }) {
-    const t = c, i = S();
-    function l(n) {
-      n.currentTarget.open = !1;
+  setup(e, { emit: d }) {
+    const a = d, o = M();
+    function s(i) {
+      i.currentTarget.open = !1;
     }
-    function r(n) {
-      t("select", n), i.value && (i.value.open = !1);
+    function u(i) {
+      a("select", i), o.value && (o.value.open = !1);
     }
-    return (n, u) => (a(), o("details", {
+    return (i, n) => (t(), l("details", {
       ref_key: "menu",
-      ref: i,
+      ref: o,
       class: "dsea-user-menu",
-      onKeydown: J(l, ["esc"])
+      onKeydown: be(s, ["esc"])
     }, [
-      s("summary", { "aria-label": e.label }, [
-        e.avatar ? (a(), o("img", {
+      r("summary", { "aria-label": e.label }, [
+        e.avatar ? (t(), l("img", {
           key: 0,
           src: e.avatar,
           alt: e.name
-        }, null, 8, tt)) : (a(), o("span", at, d(e.name.slice(0, 1).toUpperCase()), 1)),
-        s("span", nt, d(e.name), 1),
-        $(y(w), {
+        }, null, 8, Rt)) : (t(), l("span", Kt, m(e.name.slice(0, 1).toUpperCase()), 1)),
+        r("span", Wt, m(e.name), 1),
+        x(f(L), {
           icon: "lucide:chevron-down",
           size: 14
         })
-      ], 8, et),
-      s("ul", lt, [
-        (a(!0), o(x, null, M(e.items, (b) => (a(), o("li", {
-          key: b.key,
+      ], 8, Dt),
+      r("ul", Ot, [
+        (t(!0), l(F, null, K(e.items, (c) => (t(), l("li", {
+          key: c.key,
           role: "none"
         }, [
-          s("button", {
+          r("button", {
             type: "button",
             role: "menuitem",
-            onClick: (g) => r(b.key)
+            onClick: (y) => u(c.key)
           }, [
-            b.icon ? (a(), P(y(w), {
+            c.icon ? (t(), z(f(L), {
               key: 0,
-              icon: b.icon,
+              icon: c.icon,
               size: 16
-            }, null, 8, ["icon"])) : p("", !0),
-            z(" " + d(b.label), 1)
-          ], 8, ot)
+            }, null, 8, ["icon"])) : b("", !0),
+            Q(" " + m(c.label), 1)
+          ], 8, Vt)
         ]))), 128))
       ])
     ], 544));
   }
 });
-const al = /* @__PURE__ */ A(st, [["__scopeId", "data-v-d193d9f3"]]), it = ["aria-label"], rt = {
+const qt = /* @__PURE__ */ W(Ut, [["__scopeId", "data-v-d193d9f3"]]), Ht = ["aria-label"], jt = {
   key: 0,
   class: "dsea-notifications__count"
-}, dt = ["aria-label"], ct = {
+}, Qt = ["aria-label"], Xt = {
   class: "dsea-notifications__tabs",
   role: "tablist"
-}, ut = ["aria-selected", "onClick"], mt = { key: 0 }, bt = ["onClick"], vt = { key: 0 }, pt = { key: 1 }, gt = {
+}, Gt = ["aria-selected", "onClick"], Yt = { key: 0 }, Jt = ["onClick"], Zt = { key: 0 }, ea = { key: 1 }, ta = {
   key: 1,
   class: "dsea-notifications__empty"
-}, ht = /* @__PURE__ */ k({
+}, aa = /* @__PURE__ */ P({
   __name: "AdminNotificationCenter",
   props: {
     items: {},
@@ -1159,80 +1165,80 @@ const al = /* @__PURE__ */ A(st, [["__scopeId", "data-v-d193d9f3"]]), it = ["ari
     markAllLabel: { default: "Mark all as read" }
   },
   emits: ["open", "markAllRead"],
-  setup(e, { emit: c }) {
-    var b;
-    const t = e, i = c, l = S(((b = t.categories[0]) == null ? void 0 : b.key) ?? "");
-    U(() => t.categories, (g) => {
-      var v;
-      g.some((m) => m.key === l.value) || (l.value = ((v = g[0]) == null ? void 0 : v.key) ?? "");
+  setup(e, { emit: d }) {
+    var c;
+    const a = e, o = d, s = M(((c = a.categories[0]) == null ? void 0 : c.key) ?? "");
+    Z(() => a.categories, (y) => {
+      var h;
+      y.some((p) => p.key === s.value) || (s.value = ((h = y[0]) == null ? void 0 : h.key) ?? "");
     });
-    const r = I(() => t.items.filter((g) => !g.read).length), n = I(() => t.items.filter((g) => g.category === l.value));
-    function u(g) {
-      g.currentTarget.open = !1;
+    const u = E(() => a.items.filter((y) => !y.read).length), i = E(() => a.items.filter((y) => y.category === s.value));
+    function n(y) {
+      y.currentTarget.open = !1;
     }
-    return (g, v) => (a(), o("details", {
+    return (y, h) => (t(), l("details", {
       class: "dsea-notifications",
-      onKeydown: J(u, ["esc"])
+      onKeydown: be(n, ["esc"])
     }, [
-      s("summary", { "aria-label": e.label }, [
-        $(y(w), {
+      r("summary", { "aria-label": e.label }, [
+        x(f(L), {
           icon: "lucide:bell",
           size: 18
         }),
-        r.value ? (a(), o("span", rt, d(r.value > 99 ? "99+" : r.value), 1)) : p("", !0)
-      ], 8, it),
-      s("section", {
+        u.value ? (t(), l("span", jt, m(u.value > 99 ? "99+" : u.value), 1)) : b("", !0)
+      ], 8, Ht),
+      r("section", {
         class: "dsea-notifications__panel",
         "aria-label": e.label
       }, [
-        s("header", null, d(e.label), 1),
-        s("div", ct, [
-          (a(!0), o(x, null, M(e.categories, (m) => (a(), o("button", {
-            key: m.key,
+        r("header", null, m(e.label), 1),
+        r("div", Xt, [
+          (t(!0), l(F, null, K(e.categories, (p) => (t(), l("button", {
+            key: p.key,
             type: "button",
             role: "tab",
-            "aria-selected": l.value === m.key,
-            onClick: (L) => l.value = m.key
-          }, d(m.label), 9, ut))), 128))
+            "aria-selected": s.value === p.key,
+            onClick: (N) => s.value = p.key
+          }, m(p.label), 9, Gt))), 128))
         ]),
-        n.value.length ? (a(), o("ul", mt, [
-          (a(!0), o(x, null, M(n.value, (m) => (a(), o("li", {
-            key: m.id,
-            class: N({ "is-read": m.read })
+        i.value.length ? (t(), l("ul", Yt, [
+          (t(!0), l(F, null, K(i.value, (p) => (t(), l("li", {
+            key: p.id,
+            class: U({ "is-read": p.read })
           }, [
-            s("button", {
+            r("button", {
               type: "button",
-              onClick: (L) => i("open", m)
+              onClick: (N) => o("open", p)
             }, [
-              s("strong", null, d(m.title), 1),
-              m.description ? (a(), o("span", vt, d(m.description), 1)) : p("", !0),
-              m.time ? (a(), o("small", pt, d(m.time), 1)) : p("", !0)
-            ], 8, bt)
+              r("strong", null, m(p.title), 1),
+              p.description ? (t(), l("span", Zt, m(p.description), 1)) : b("", !0),
+              p.time ? (t(), l("small", ea, m(p.time), 1)) : b("", !0)
+            ], 8, Jt)
           ], 2))), 128))
-        ])) : (a(), o("p", gt, d(e.emptyLabel), 1)),
-        r.value ? (a(), o("button", {
+        ])) : (t(), l("p", ta, m(e.emptyLabel), 1)),
+        u.value ? (t(), l("button", {
           key: 2,
           type: "button",
           class: "dsea-notifications__mark",
-          onClick: v[0] || (v[0] = (m) => i("markAllRead"))
-        }, d(e.markAllLabel), 1)) : p("", !0)
-      ], 8, dt)
+          onClick: h[0] || (h[0] = (p) => o("markAllRead"))
+        }, m(e.markAllLabel), 1)) : b("", !0)
+      ], 8, Qt)
     ], 32));
   }
 });
-const nl = /* @__PURE__ */ A(ht, [["__scopeId", "data-v-c5c5a82f"]]), ft = ["aria-hidden", "inert"], yt = { class: "dsea-admin-layout__brand" }, kt = ["aria-label"], _t = {
+const na = /* @__PURE__ */ W(aa, [["__scopeId", "data-v-c5c5a82f"]]), la = ["aria-hidden", "inert"], oa = { class: "dsea-admin-layout__brand" }, ia = ["aria-label"], sa = {
   key: 0,
   class: "dsea-admin-layout__sidebar-footer"
-}, wt = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax"], $t = ["aria-label"], Lt = { class: "dsea-admin-layout__main" }, Ct = {
+}, ra = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax"], ua = ["aria-label"], da = { class: "dsea-admin-layout__main" }, ca = {
   key: 0,
   class: "dsea-admin-layout__header"
-}, St = ["aria-label", "aria-expanded"], xt = ["aria-label"], At = { class: "dsea-admin-layout__header-actions" }, Mt = {
+}, ma = ["aria-label", "aria-expanded"], va = ["aria-label"], ga = { class: "dsea-admin-layout__header-actions" }, ba = {
   key: 1,
   class: "dsea-admin-layout__tabs"
-}, Tt = { class: "dsea-admin-layout__content" }, Bt = {
+}, ha = { class: "dsea-admin-layout__content" }, pa = {
   key: 2,
   class: "dsea-admin-layout__footer"
-}, ll = /* @__PURE__ */ k({
+}, ko = /* @__PURE__ */ P({
   __name: "AdminLayout",
   props: {
     menus: { default: () => [] },
@@ -1256,86 +1262,86 @@ const nl = /* @__PURE__ */ A(ht, [["__scopeId", "data-v-c5c5a82f"]]), ft = ["ari
     resizeLabel: { default: "Resize sidebar" }
   },
   emits: ["update:collapsed", "menuClick", "update:sidebarWidth"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, { ports: l } = q(), r = S(!1), n = S(!1), u = I(() => t.showSidebar && t.mode !== "top" && !t.fullContent);
-    let b;
-    function g(h) {
-      return Math.min(t.maxSidebarWidth, Math.max(t.minSidebarWidth, h));
-    }
-    function v(h) {
-      if (h.button !== 0)
+  setup(e, { emit: d }) {
+    const a = e, o = d, { ports: s } = te(), u = M(!1), i = M(!1), n = E(() => a.showSidebar && a.mode !== "top" && !a.fullContent);
+    let c;
+    function y(v) {
+      return Math.min(a.maxSidebarWidth, Math.max(a.minSidebarWidth, v));
+    }
+    function h(v) {
+      if (v.button !== 0)
         return;
-      b == null || b();
-      const _ = h.clientX, C = t.sidebarWidth, E = (G) => i("update:sidebarWidth", g(C + G.clientX - _)), R = () => b == null ? void 0 : b();
-      window.addEventListener("pointermove", E), window.addEventListener("pointerup", R), window.addEventListener("pointercancel", R), b = () => {
-        window.removeEventListener("pointermove", E), window.removeEventListener("pointerup", R), window.removeEventListener("pointercancel", R), b = void 0;
+      c == null || c();
+      const k = v.clientX, C = a.sidebarWidth, B = (G) => o("update:sidebarWidth", y(C + G.clientX - k)), V = () => c == null ? void 0 : c();
+      window.addEventListener("pointermove", B), window.addEventListener("pointerup", V), window.addEventListener("pointercancel", V), c = () => {
+        window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", V), window.removeEventListener("pointercancel", V), c = void 0;
       };
     }
-    function m(h) {
-      h.key !== "ArrowLeft" && h.key !== "ArrowRight" || (h.preventDefault(), i("update:sidebarWidth", g(t.sidebarWidth + (h.key === "ArrowRight" ? 10 : -10))));
+    function p(v) {
+      v.key !== "ArrowLeft" && v.key !== "ArrowRight" || (v.preventDefault(), o("update:sidebarWidth", y(a.sidebarWidth + (v.key === "ArrowRight" ? 10 : -10))));
     }
-    be({ prefixCls: S("dsea"), isMobile: r });
-    const L = I(() => ({
-      "--dsea-sidebar-width": `${t.sidebarWidth}px`,
-      "--dsea-collapsed-width": `${t.collapsedWidth}px`,
-      "--dsea-header-height": `${t.headerHeight}px`
+    ze({ prefixCls: M("dsea"), isMobile: u });
+    const N = E(() => ({
+      "--dsea-sidebar-width": `${a.sidebarWidth}px`,
+      "--dsea-collapsed-width": `${a.collapsedWidth}px`,
+      "--dsea-header-height": `${a.headerHeight}px`
     }));
-    function F() {
-      const h = window.innerWidth < t.mobileBreakpoint;
-      h !== r.value && (r.value = h, n.value = !1);
+    function A() {
+      const v = window.innerWidth < a.mobileBreakpoint;
+      v !== u.value && (u.value = v, i.value = !1);
+    }
+    function O() {
+      i.value = !1;
     }
     function D() {
-      n.value = !1;
-    }
-    function W() {
-      r.value ? n.value = !n.value : i("update:collapsed", !t.collapsed);
-    }
-    function T(h) {
-      i("menuClick", h), D(), l.navigation.go(h);
-    }
-    function f(h) {
-      h.key === "Escape" && n.value && D();
-    }
-    return U(() => t.mobileBreakpoint, F), U(() => t.fullContent, () => {
-      n.value = !1;
-    }), Y(() => {
-      F(), window.addEventListener("resize", F), window.addEventListener("keydown", f);
-    }), Q(() => {
-      b == null || b(), window.removeEventListener("resize", F), window.removeEventListener("keydown", f);
-    }), (h, _) => (a(), o("div", {
-      class: N(["dsea-admin-layout", { "dsea-admin-layout--mobile": r.value, "dsea-admin-layout--collapsed": e.collapsed, "dsea-admin-layout--no-sidebar": !u.value }]),
-      style: ie(L.value)
+      u.value ? i.value = !i.value : o("update:collapsed", !a.collapsed);
+    }
+    function j(v) {
+      o("menuClick", v), O(), s.navigation.go(v);
+    }
+    function $(v) {
+      v.key === "Escape" && i.value && O();
+    }
+    return Z(() => a.mobileBreakpoint, A), Z(() => a.fullContent, () => {
+      i.value = !1;
+    }), ie(() => {
+      A(), window.addEventListener("resize", A), window.addEventListener("keydown", $);
+    }), ne(() => {
+      c == null || c(), window.removeEventListener("resize", A), window.removeEventListener("keydown", $);
+    }), (v, k) => (t(), l("div", {
+      class: U(["dsea-admin-layout", { "dsea-admin-layout--mobile": u.value, "dsea-admin-layout--collapsed": e.collapsed, "dsea-admin-layout--no-sidebar": !n.value }]),
+      style: he(N.value)
     }, [
-      u.value ? (a(), o("aside", {
+      n.value ? (t(), l("aside", {
         key: 0,
-        class: N(["dsea-admin-layout__sidebar", { "dsea-admin-layout__sidebar--open": n.value }]),
-        "aria-hidden": r.value && !n.value,
-        inert: r.value && !n.value
+        class: U(["dsea-admin-layout__sidebar", { "dsea-admin-layout__sidebar--open": i.value }]),
+        "aria-hidden": u.value && !i.value,
+        inert: u.value && !i.value
       }, [
-        s("div", yt, [
-          B(h.$slots, "brand", {}, () => [
-            $(Ce, {
-              "show-title": !e.collapsed || r.value
+        r("div", oa, [
+          T(v.$slots, "brand", {}, () => [
+            x(ve, {
+              "show-title": !e.collapsed || u.value
             }, null, 8, ["show-title"])
           ])
         ]),
-        s("nav", {
+        r("nav", {
           class: "dsea-admin-layout__navigation",
           "aria-label": e.navigationLabel
         }, [
-          B(h.$slots, "navigation", {}, () => [
-            $(te, {
+          T(v.$slots, "navigation", {}, () => [
+            x(oe, {
               items: e.menus,
-              collapse: e.collapsed && !r.value,
+              collapse: e.collapsed && !u.value,
               theme: e.menuTheme,
-              onMenuClick: T
+              onMenuClick: j
             }, null, 8, ["items", "collapse", "theme"])
           ])
-        ], 8, kt),
-        h.$slots.sidebarFooter ? (a(), o("div", _t, [
-          B(h.$slots, "sidebarFooter")
-        ])) : p("", !0),
-        e.resizableSidebar && !r.value && !e.collapsed ? (a(), o("div", {
+        ], 8, ia),
+        v.$slots.sidebarFooter ? (t(), l("div", sa, [
+          T(v.$slots, "sidebarFooter")
+        ])) : b("", !0),
+        e.resizableSidebar && !u.value && !e.collapsed ? (t(), l("div", {
           key: 1,
           class: "dsea-admin-layout__resize",
           role: "separator",
@@ -1345,104 +1351,1140 @@ const nl = /* @__PURE__ */ A(ht, [["__scopeId", "data-v-c5c5a82f"]]), ft = ["ari
           "aria-valuenow": e.sidebarWidth,
           "aria-valuemin": e.minSidebarWidth,
           "aria-valuemax": e.maxSidebarWidth,
-          onPointerdown: v,
-          onKeydown: m
-        }, null, 40, wt)) : p("", !0)
-      ], 10, ft)) : p("", !0),
-      u.value && r.value && n.value ? (a(), o("button", {
+          onPointerdown: h,
+          onKeydown: p
+        }, null, 40, ra)) : b("", !0)
+      ], 10, la)) : b("", !0),
+      n.value && u.value && i.value ? (t(), l("button", {
         key: 1,
         type: "button",
         class: "dsea-admin-layout__scrim",
         "aria-label": e.closeNavigationLabel,
-        onClick: D
-      }, null, 8, $t)) : p("", !0),
-      s("div", Lt, [
-        e.fullContent ? p("", !0) : (a(), o("header", Ct, [
-          u.value ? (a(), o("button", {
+        onClick: O
+      }, null, 8, ua)) : b("", !0),
+      r("div", da, [
+        e.fullContent ? b("", !0) : (t(), l("header", ca, [
+          n.value ? (t(), l("button", {
             key: 0,
             type: "button",
             class: "dsea-admin-layout__toggle",
             "aria-label": e.navigationLabel,
-            "aria-expanded": r.value ? n.value : !e.collapsed,
-            onClick: W
+            "aria-expanded": u.value ? i.value : !e.collapsed,
+            onClick: D
           }, [
-            $(y(w), {
-              icon: r.value && n.value ? "lucide:x" : "lucide:menu",
+            x(f(L), {
+              icon: u.value && i.value ? "lucide:x" : "lucide:menu",
               size: 20
             }, null, 8, ["icon"])
-          ], 8, St)) : p("", !0),
-          B(h.$slots, "header"),
-          e.mode !== "sidebar" ? (a(), o("nav", {
+          ], 8, ma)) : b("", !0),
+          T(v.$slots, "header"),
+          e.mode !== "sidebar" ? (t(), l("nav", {
             key: 1,
             class: "dsea-admin-layout__top-navigation",
             "aria-label": e.topNavigationLabel
           }, [
-            B(h.$slots, "topNavigation", {}, () => [
-              $(te, {
+            T(v.$slots, "topNavigation", {}, () => [
+              x(oe, {
                 items: e.mode === "top" ? e.menus : e.topMenus,
                 mode: "horizontal",
                 type: "top",
                 theme: e.topMenuTheme,
-                onMenuClick: T
+                onMenuClick: j
               }, null, 8, ["items", "theme"])
             ])
-          ], 8, xt)) : p("", !0),
-          s("div", At, [
-            B(h.$slots, "headerActions")
+          ], 8, va)) : b("", !0),
+          r("div", ga, [
+            T(v.$slots, "headerActions")
           ])
         ])),
-        !e.fullContent && h.$slots.tabs ? (a(), o("div", Mt, [
-          B(h.$slots, "tabs")
-        ])) : p("", !0),
-        s("main", Tt, [
-          B(h.$slots, "default")
+        !e.fullContent && v.$slots.tabs ? (t(), l("div", ba, [
+          T(v.$slots, "tabs")
+        ])) : b("", !0),
+        r("main", ha, [
+          T(v.$slots, "default")
         ]),
-        !e.fullContent && h.$slots.footer ? (a(), o("footer", Bt, [
-          B(h.$slots, "footer")
-        ])) : p("", !0)
+        !e.fullContent && v.$slots.footer ? (t(), l("footer", pa, [
+          T(v.$slots, "footer")
+        ])) : b("", !0)
       ])
     ], 6));
   }
 });
-const Pt = ["aria-label"], It = {
+const fa = ["aria-label"], ya = {
   key: 0,
   class: "dsea-breadcrumb__separator",
   "aria-hidden": "true"
-}, Et = ["onClick"], Ft = ["aria-current"], Nt = /* @__PURE__ */ k({
+}, ka = ["onClick"], wa = ["aria-current"], Sa = /* @__PURE__ */ P({
   __name: "AdminBreadcrumb",
   props: {
     items: {},
     label: {}
   },
   setup(e) {
-    const { ports: c } = q();
-    function t(i) {
-      c.navigation.go(i);
+    const { ports: d } = te();
+    function a(o) {
+      d.navigation.go(o);
     }
-    return (i, l) => e.items.length ? (a(), o("nav", {
+    return (o, s) => e.items.length ? (t(), l("nav", {
       key: 0,
       class: "dsea-breadcrumb",
       "aria-label": e.label
     }, [
-      s("ol", null, [
-        (a(!0), o(x, null, M(e.items, (r, n) => (a(), o("li", {
-          key: r.path || n
+      r("ol", null, [
+        (t(!0), l(F, null, K(e.items, (u, i) => (t(), l("li", {
+          key: u.path || i
         }, [
-          n ? (a(), o("span", It, "/")) : p("", !0),
-          r.path && n < e.items.length - 1 ? (a(), o("button", {
+          i ? (t(), l("span", ya, "/")) : b("", !0),
+          u.path && i < e.items.length - 1 ? (t(), l("button", {
             key: 1,
             type: "button",
-            onClick: (u) => t(r.path)
-          }, d(r.title), 9, Et)) : (a(), o("span", {
+            onClick: (n) => a(u.path)
+          }, m(u.title), 9, ka)) : (t(), l("span", {
             key: 2,
-            "aria-current": n === e.items.length - 1 ? "page" : void 0
-          }, d(r.title), 9, Ft))
+            "aria-current": i === e.items.length - 1 ? "page" : void 0
+          }, m(u.title), 9, wa))
         ]))), 128))
       ])
-    ], 8, Pt)) : p("", !0);
+    ], 8, fa)) : b("", !0);
+  }
+});
+const _a = /* @__PURE__ */ W(Sa, [["__scopeId", "data-v-49bfd66c"]]), $a = { class: "dsea-admin-tabs" }, Ca = {
+  class: "dsea-admin-tabs__list",
+  role: "tablist"
+}, xa = ["draggable", "onDragstart", "onDrop", "onContextmenu"], La = ["aria-selected", "onClick"], Ma = ["aria-label", "onClick"], Aa = {
+  key: 0,
+  class: "dsea-admin-tabs__tools"
+}, Ta = ["aria-label"], Pa = ["aria-label"], Ba = ["aria-label"], Fa = ["onClick"], Ea = /* @__PURE__ */ P({
+  __name: "AdminTabs",
+  props: {
+    tabs: {},
+    activeKey: {},
+    labels: {},
+    navigateOnSelect: { type: Boolean, default: !0 },
+    showRedo: { type: Boolean, default: !0 },
+    showQuick: { type: Boolean, default: !0 },
+    showFold: { type: Boolean, default: !1 },
+    canDrag: { type: Boolean, default: !1 }
+  },
+  emits: ["select", "close", "refresh", "closeAction", "fold", "reorder"],
+  setup(e, { emit: d }) {
+    const a = e, o = d, { ports: s } = te(), u = M(""), i = M(null), n = E(() => [
+      { event: "left", text: a.labels.closeLeft },
+      { event: "right", text: a.labels.closeRight },
+      { event: "others", text: a.labels.closeOthers },
+      { event: "all", text: a.labels.closeAll }
+    ]);
+    function c($) {
+      i.value = null, o("select", $), a.navigateOnSelect && s.navigation.go($);
+    }
+    function y($) {
+      o("close", $);
+    }
+    function h($) {
+      $ && o("closeAction", $.event, a.activeKey);
+    }
+    function p($) {
+      a.canDrag && $.dataTransfer && ($.dataTransfer.dropEffect = "move");
+    }
+    function N($) {
+      if (!a.canDrag || !u.value || u.value === $)
+        return;
+      const v = a.tabs.map((B) => B.key), k = v.indexOf(u.value), C = v.indexOf($);
+      k < 0 || C < 0 || (v.splice(C, 0, v.splice(k, 1)[0]), o("reorder", v), u.value = "");
+    }
+    function A($, v) {
+      i.value = {
+        key: $,
+        x: Math.max(0, Math.min(v.clientX, window.innerWidth - 180)),
+        y: Math.max(0, Math.min(v.clientY, window.innerHeight - 180))
+      };
+    }
+    function O($) {
+      i.value && (o("closeAction", $, i.value.key), i.value = null);
+    }
+    function D($) {
+      var v, k;
+      (k = (v = $.target) == null ? void 0 : v.closest) != null && k.call(v, ".dsea-admin-tabs__context") || (i.value = null);
+    }
+    function j($) {
+      $.key === "Escape" && (i.value = null);
+    }
+    return ie(() => {
+      window.addEventListener("pointerdown", D), window.addEventListener("keydown", j), window.addEventListener("resize", D), window.addEventListener("scroll", D, !0);
+    }), ne(() => {
+      window.removeEventListener("pointerdown", D), window.removeEventListener("keydown", j), window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0);
+    }), ($, v) => (t(), l(F, null, [
+      r("div", $a, [
+        r("div", Ca, [
+          (t(!0), l(F, null, K(e.tabs, (k) => (t(), l("div", {
+            key: k.key,
+            class: U(["dsea-admin-tabs__item", { "dsea-admin-tabs__item--active": k.key === e.activeKey }]),
+            draggable: e.canDrag,
+            onDragstart: (C) => u.value = k.key,
+            onDragend: v[0] || (v[0] = (C) => u.value = ""),
+            onDragover: ee(p, ["prevent"]),
+            onDrop: ee((C) => N(k.key), ["prevent"]),
+            onContextmenu: ee((C) => A(k.key, C), ["prevent"])
+          }, [
+            r("button", {
+              type: "button",
+              role: "tab",
+              "aria-selected": k.key === e.activeKey,
+              class: "dsea-admin-tabs__select",
+              onClick: (C) => c(k.key)
+            }, [
+              k.icon ? (t(), z(f(L), {
+                key: 0,
+                icon: k.icon,
+                size: 14
+              }, null, 8, ["icon"])) : b("", !0),
+              r("span", null, m(k.label), 1)
+            ], 8, La),
+            k.affix ? b("", !0) : (t(), l("button", {
+              key: 0,
+              type: "button",
+              class: "dsea-admin-tabs__close",
+              "aria-label": `${e.labels.close}: ${k.label}`,
+              onClick: (C) => y(k.key)
+            }, [
+              x(f(L), {
+                icon: "lucide:x",
+                size: 14
+              })
+            ], 8, Ma))
+          ], 42, xa))), 128))
+        ]),
+        e.tabs.length ? (t(), l("div", Aa, [
+          e.showRedo ? (t(), l("button", {
+            key: 0,
+            type: "button",
+            "aria-label": e.labels.refresh,
+            onClick: v[1] || (v[1] = (k) => o("refresh", e.activeKey))
+          }, [
+            x(f(L), {
+              icon: "lucide:refresh-cw",
+              size: 16
+            })
+          ], 8, Ta)) : b("", !0),
+          e.showQuick ? (t(), z(f(Fe), {
+            key: 1,
+            "drop-menu-list": n.value,
+            trigger: ["click"],
+            onMenuEvent: h
+          }, {
+            default: re(() => [
+              r("button", {
+                type: "button",
+                "aria-label": e.labels.actions
+              }, [
+                x(f(L), {
+                  icon: "lucide:chevron-down",
+                  size: 16
+                })
+              ], 8, Pa)
+            ]),
+            _: 1
+          }, 8, ["drop-menu-list"])) : b("", !0),
+          e.showFold ? (t(), l("button", {
+            key: 2,
+            type: "button",
+            "aria-label": e.labels.fold || "Toggle full content",
+            onClick: v[2] || (v[2] = (k) => o("fold"))
+          }, [
+            x(f(L), {
+              icon: "lucide:maximize",
+              size: 16
+            })
+          ], 8, Ba)) : b("", !0)
+        ])) : b("", !0)
+      ]),
+      (t(), z(Pe, { to: "body" }, [
+        i.value ? (t(), l("div", {
+          key: 0,
+          class: "dsea-admin-tabs__context",
+          role: "menu",
+          style: he({ left: `${i.value.x}px`, top: `${i.value.y}px` })
+        }, [
+          (t(!0), l(F, null, K(n.value, (k) => (t(), l("button", {
+            key: k.event,
+            type: "button",
+            role: "menuitem",
+            onClick: (C) => O(k.event)
+          }, m(k.text), 9, Fa))), 128))
+        ], 4)) : b("", !0)
+      ]))
+    ], 64));
+  }
+});
+const Ia = { class: "dsea-settings-panel" }, Na = ["for"], za = { key: 1 }, Da = ["aria-label"], Ra = ["aria-label", "aria-pressed", "disabled", "onClick"], Ka = ["aria-label"], Wa = ["aria-pressed", "disabled", "onClick"], Oa = /* @__PURE__ */ P({
+  __name: "SettingsPanel",
+  props: {
+    sections: {}
+  },
+  emits: ["change"],
+  setup(e, { emit: d }) {
+    const a = d;
+    function o(n, c) {
+      a("change", n, c);
+    }
+    function s(n, c) {
+      typeof c == "boolean" && o(n, c);
+    }
+    function u(n, c) {
+      (typeof c == "string" || typeof c == "number") && o(n, c);
+    }
+    function i(n, c) {
+      typeof c == "number" && Number.isFinite(c) && o(n, c);
+    }
+    return (n, c) => (t(), l("div", Ia, [
+      (t(!0), l(F, null, K(e.sections, (y) => (t(), l("section", {
+        key: y.title,
+        class: "dsea-settings-panel__section"
+      }, [
+        r("h3", null, m(y.title), 1),
+        (t(!0), l(F, null, K(y.items, (h) => (t(), l("div", {
+          key: h.key,
+          class: U(["dsea-settings-panel__row", { "dsea-settings-panel__row--stacked": h.type === "color" || h.type === "mode" }])
+        }, [
+          h.type === "switch" || h.type === "select" || h.type === "number" ? (t(), l("label", {
+            key: 0,
+            for: h.key
+          }, m(h.label), 9, Na)) : (t(), l("span", za, m(h.label), 1)),
+          h.type === "switch" ? (t(), z(f(Ze), {
+            key: 2,
+            id: h.key,
+            checked: h.value,
+            disabled: h.disabled,
+            onChange: (p) => s(h.key, p)
+          }, null, 8, ["id", "checked", "disabled", "onChange"])) : h.type === "select" ? (t(), z(f(et), {
+            key: 3,
+            id: h.key,
+            value: h.value,
+            options: h.options,
+            disabled: h.disabled,
+            class: "dsea-settings-panel__select",
+            onChange: (p) => u(h.key, p)
+          }, null, 8, ["id", "value", "options", "disabled", "onChange"])) : h.type === "number" ? (t(), z(f(tt), {
+            key: 4,
+            id: h.key,
+            value: h.value,
+            min: h.min,
+            max: h.max,
+            step: h.step,
+            disabled: h.disabled,
+            class: "dsea-settings-panel__number",
+            onChange: (p) => i(h.key, p)
+          }, null, 8, ["id", "value", "min", "max", "step", "disabled", "onChange"])) : h.type === "color" ? (t(), l("div", {
+            key: 5,
+            class: "dsea-settings-panel__colors",
+            role: "group",
+            "aria-label": h.label
+          }, [
+            (t(!0), l(F, null, K(h.colors, (p) => (t(), l("button", {
+              key: p,
+              type: "button",
+              class: U(["dsea-settings-panel__swatch", { "dsea-settings-panel__swatch--active": h.value === p }]),
+              style: he({ backgroundColor: p }),
+              "aria-label": p,
+              "aria-pressed": h.value === p,
+              disabled: h.disabled,
+              onClick: (N) => o(h.key, p)
+            }, [
+              h.value === p ? (t(), z(f(L), {
+                key: 0,
+                icon: "lucide:check",
+                size: 14
+              })) : b("", !0)
+            ], 14, Ra))), 128))
+          ], 8, Da)) : h.type === "mode" ? (t(), l("div", {
+            key: 6,
+            class: "dsea-settings-panel__modes",
+            role: "group",
+            "aria-label": h.label
+          }, [
+            (t(!0), l(F, null, K(h.options, (p) => (t(), l("button", {
+              key: p.value,
+              type: "button",
+              class: U({ active: h.value === p.value }),
+              "aria-pressed": h.value === p.value,
+              disabled: h.disabled,
+              onClick: (N) => o(h.key, p.value)
+            }, [
+              p.icon ? (t(), z(f(L), {
+                key: 0,
+                icon: p.icon,
+                size: 16
+              }, null, 8, ["icon"])) : b("", !0),
+              Q(" " + m(p.label), 1)
+            ], 10, Wa))), 128))
+          ], 8, Ka)) : b("", !0)
+        ], 2))), 128))
+      ]))), 128))
+    ]));
+  }
+});
+const Va = /* @__PURE__ */ P({
+  __name: "AdminSettingsDrawer",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    sections: {},
+    width: { default: 340 },
+    resetLabel: {}
+  },
+  emits: ["update:open", "change", "reset"],
+  setup(e, { emit: d }) {
+    const a = d;
+    return (o, s) => (t(), z(f(at), {
+      visible: e.open,
+      title: e.title,
+      placement: "right",
+      width: e.width,
+      onClose: s[2] || (s[2] = (u) => a("update:open", !1))
+    }, Ge({
+      default: re(() => [
+        x(Oa, {
+          sections: e.sections,
+          onChange: s[0] || (s[0] = (u, i) => a("change", u, i))
+        }, null, 8, ["sections"])
+      ]),
+      _: 2
+    }, [
+      o.$slots.footer || e.resetLabel ? {
+        name: "footer",
+        fn: re(() => [
+          T(o.$slots, "footer", {}, () => [
+            r("button", {
+              type: "button",
+              class: "dsea-settings-drawer__reset",
+              onClick: s[1] || (s[1] = (u) => a("reset"))
+            }, m(e.resetLabel), 1)
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["visible", "title", "width"]));
   }
 });
-const ol = /* @__PURE__ */ A(Nt, [["__scopeId", "data-v-49bfd66c"]]), zt = { class: "dsea-iframe-view" }, Dt = ["src", "title", "loading", "referrerpolicy"], Kt = /* @__PURE__ */ k({
+const ae = {
+  darkMode: "light",
+  themeColor: "#0960bd",
+  grayMode: !1,
+  colorWeak: !1,
+  fullContent: !1,
+  contentMode: "full",
+  showLogo: !0,
+  showFooter: !1,
+  showBreadCrumb: !0,
+  showBreadCrumbIcon: !0,
+  showSettingButton: !0,
+  headerSetting: {
+    show: !0,
+    fixed: !0,
+    theme: "light",
+    bgColor: "#ffffff",
+    showSearch: !0,
+    showNotice: !0,
+    showFullScreen: !0
+  },
+  menuSetting: {
+    type: "mix",
+    mode: "inline",
+    show: !0,
+    hidden: !1,
+    fixed: !0,
+    collapsed: !1,
+    collapsedShowTitle: !1,
+    menuWidth: 240,
+    bgColor: "#212121",
+    theme: "dark",
+    split: !0,
+    topMenuAlign: "center",
+    trigger: "FOOTER",
+    accordion: !0,
+    canDrag: !1,
+    mixSideTrigger: "click",
+    mixSideFixed: !1,
+    closeMixSidebarOnChange: !1
+  },
+  multiTabsSetting: {
+    show: !0,
+    canDrag: !0,
+    showQuick: !0,
+    showRedo: !0,
+    showFold: !0
+  }
+}, Ua = ["sidebar", "top-menu", "mix", "mix-sidebar"], ye = /^#[0-9a-f]{3}(?:[0-9a-f]{3})?$/i;
+function ke(e = {}) {
+  const d = {
+    ...ae,
+    ...e,
+    headerSetting: { ...ae.headerSetting, ...e.headerSetting },
+    menuSetting: { ...ae.menuSetting, ...e.menuSetting },
+    multiTabsSetting: { ...ae.multiTabsSetting, ...e.multiTabsSetting }
+  };
+  return Ua.includes(d.menuSetting.type) || (d.menuSetting.type = "mix"), d.menuSetting.type === "top-menu" ? d.menuSetting.mode = "horizontal" : d.menuSetting.mode = "inline", Number.isFinite(d.menuSetting.menuWidth) || (d.menuSetting.menuWidth = 240), d.menuSetting.menuWidth = Math.max(160, Math.min(420, d.menuSetting.menuWidth)), ye.test(d.themeColor) || (d.themeColor = ae.themeColor), ye.test(d.headerSetting.bgColor) || (d.headerSetting.bgColor = ae.headerSetting.bgColor), ye.test(d.menuSetting.bgColor) || (d.menuSetting.bgColor = ae.menuSetting.bgColor), d;
+}
+function qa(e, d = "admin-shell:classic-layout", a = {}) {
+  const o = e == null ? void 0 : e.read(d), s = M(ke({
+    ...a,
+    ...o,
+    headerSetting: { ...a.headerSetting, ...o == null ? void 0 : o.headerSetting },
+    menuSetting: { ...a.menuSetting, ...o == null ? void 0 : o.menuSetting },
+    multiTabsSetting: { ...a.multiTabsSetting, ...o == null ? void 0 : o.multiTabsSetting }
+  }));
+  function u(n) {
+    return s.value = ke({
+      ...s.value,
+      ...n,
+      headerSetting: { ...s.value.headerSetting, ...n.headerSetting },
+      menuSetting: { ...s.value.menuSetting, ...n.menuSetting },
+      multiTabsSetting: { ...s.value.multiTabsSetting, ...n.multiTabsSetting }
+    }), e == null || e.write(d, Ye(s.value)), s.value;
+  }
+  function i() {
+    return s.value = ke(a), e == null || e.remove(d), s.value;
+  }
+  return { settings: s, patch: u, reset: i };
+}
+function De(e) {
+  var d;
+  if (!(e.disabled || (d = e.meta) != null && d.hideMenu)) {
+    for (const a of e.children ?? []) {
+      const o = De(a);
+      if (o)
+        return o;
+    }
+    return e.path && !/[:*]/.test(e.path) ? e.path : void 0;
+  }
+}
+function Ha(e, d, a) {
+  var y;
+  const o = e.filter((h) => {
+    var p;
+    return !((p = h.meta) != null && p.hideMenu);
+  }), s = ue(o, d)[0] ?? ((y = o[0]) == null ? void 0 : y.path), u = o.find((h) => h.path === s), i = a.type === "mix" && a.split, n = a.type === "top-menu" || i ? o.map((h) => ({ ...h, children: [] })) : [], c = i ? (u == null ? void 0 : u.children) ?? [] : o;
+  return { rootPath: s, root: u, top: n, sidebar: c, split: i };
+}
+const ja = {
+  key: 0,
+  class: "dsea-classic-layout__header"
+}, Qa = { class: "dsea-classic-layout__header-left" }, Xa = {
+  key: 0,
+  class: "dsea-classic-layout__header-brand"
+}, Ga = ["aria-label", "aria-expanded"], Ya = ["aria-label"], Ja = { class: "dsea-classic-layout__header-actions" }, Za = ["aria-label", "title"], en = { class: "dsea-classic-layout__body" }, tn = ["aria-hidden", "inert"], an = { class: "dsea-classic-layout__rail" }, nn = {
+  key: 0,
+  class: "dsea-classic-layout__sidebar-brand"
+}, ln = ["title", "onClick", "onMouseenter"], on = { key: 1 }, sn = ["aria-label"], rn = { class: "dsea-classic-layout__mix-panel-header" }, un = ["aria-label", "aria-pressed"], dn = {
+  key: 0,
+  class: "dsea-classic-layout__sidebar-brand"
+}, cn = ["aria-label"], mn = ["aria-label"], vn = ["aria-label", "aria-valuenow"], gn = ["aria-label"], bn = { class: "dsea-classic-layout__workspace" }, hn = {
+  key: 0,
+  class: "dsea-classic-layout__tabs"
+}, pn = {
+  key: 1,
+  class: "dsea-classic-layout__footer"
+}, fn = ["aria-label", "title"], yn = { class: "dsea-classic-layout__content dsea-classic-layout__content--full" }, wo = /* @__PURE__ */ P({
+  __name: "ClassicAdminLayout",
+  props: {
+    menus: {},
+    tabs: { default: () => [] },
+    activeTab: { default: "" },
+    breadcrumbs: { default: () => [] },
+    headerPorts: {},
+    initialSettings: { default: () => ({}) },
+    settingsCache: {},
+    settingsKey: { default: "admin-shell:classic-layout" },
+    mobileBreakpoint: { default: 992 },
+    tabLabels: { default: () => ({
+      refresh: "Refresh",
+      actions: "Tab actions",
+      close: "Close",
+      closeLeft: "Close left",
+      closeRight: "Close right",
+      closeOthers: "Close others",
+      closeAll: "Close all"
+    }) }
+  },
+  emits: ["settingsChange", "menuClick", "tabSelect", "tabClose", "tabRefresh", "tabCloseAction", "tabReorder"],
+  setup(e, { emit: d }) {
+    var xe;
+    const a = e, o = d, { ports: s } = te(), u = Se(), i = qa(a.settingsCache ?? s.cache, a.settingsKey, a.initialSettings), n = i.settings, c = M(!1), y = M(!1), h = M(!1), p = M(((xe = u.currentRoute.value.meta) == null ? void 0 : xe.currentActiveMenu) || u.currentRoute.value.path), N = M(""), A = M(n.value.menuSetting.mixSideFixed), O = E(() => n.value.menuSetting.type), D = E(() => Ha(a.menus, p.value, n.value.menuSetting)), j = E(() => a.menus.find((g) => g.path === N.value)), $ = E(() => {
+      var g;
+      return ((g = j.value) == null ? void 0 : g.children) ?? [];
+    }), v = E(() => c.value ? a.menus : D.value.sidebar), k = E(() => n.value.menuSetting.show && !n.value.menuSetting.hidden && (c.value || O.value !== "top-menu" && (O.value !== "mix" || !D.value.split || D.value.sidebar.length > 0))), C = E(() => n.value.headerSetting.show && !n.value.fullContent), B = E(() => [
+      `dsea-classic-layout--${O.value}`,
+      {
+        "is-mobile": c.value,
+        "is-collapsed": n.value.menuSetting.collapsed,
+        "is-full-content": n.value.fullContent,
+        "has-fixed-header": n.value.headerSetting.fixed,
+        "has-sidebar": k.value,
+        "has-header": C.value,
+        "has-pinned-mix": O.value === "mix-sidebar" && n.value.menuSetting.mixSideFixed && A.value
+      }
+    ]), V = E(() => ({
+      "--classic-header-height": C.value ? "48px" : "0px",
+      "--classic-menu-width": `${n.value.menuSetting.menuWidth}px`,
+      "--classic-side-width": `${n.value.menuSetting.collapsed ? n.value.menuSetting.collapsedShowTitle ? 80 : 48 : n.value.menuSetting.menuWidth}px`,
+      "--classic-rail-width": `${n.value.menuSetting.collapsed ? 48 : 80}px`,
+      "--classic-header-bg": n.value.headerSetting.bgColor,
+      "--classic-sider-bg": n.value.menuSetting.bgColor,
+      "--classic-primary": n.value.themeColor
+    }));
+    function G(g) {
+      return s.locale.translate(g);
+    }
+    function de(g, w) {
+      const S = ue(g, w);
+      function _(I, R) {
+        for (const q of I) {
+          if (q.path === R)
+            return q;
+          const Le = _(q.children ?? [], R);
+          if (Le)
+            return Le;
+        }
+      }
+      return S.map((I) => {
+        const R = _(g, I);
+        return { title: G((R == null ? void 0 : R.name) ?? I), path: I };
+      });
+    }
+    const ce = E(() => a.breadcrumbs.length ? a.breadcrumbs : de(a.menus, p.value)), H = E(() => s.locale.getLocale().toLowerCase().startsWith("zh") ? {
+      navigation: "侧边导航",
+      topNavigation: "顶部导航",
+      toggleNavigation: "折叠导航",
+      closeNavigation: "关闭导航",
+      resizeNavigation: "调整导航宽度",
+      pinNavigation: "固定菜单",
+      breadcrumb: "面包屑",
+      settings: "偏好设置",
+      reset: "恢复默认",
+      restoreLayout: "退出全屏内容"
+    } : {
+      navigation: "Navigation",
+      topNavigation: "Top navigation",
+      toggleNavigation: "Toggle navigation",
+      closeNavigation: "Close navigation",
+      resizeNavigation: "Resize navigation",
+      pinNavigation: "Pin menu",
+      breadcrumb: "Breadcrumb",
+      settings: "Settings",
+      reset: "Reset defaults",
+      restoreLayout: "Restore layout"
+    }), Re = E(() => {
+      const g = n.value, w = s.locale.getLocale().toLowerCase().startsWith("zh"), S = (_, I) => w ? _ : I;
+      return [
+        { title: S("布局", "Layout"), items: [
+          {
+            key: "menuSetting.type",
+            type: "mode",
+            label: S("导航布局", "Navigation layout"),
+            value: g.menuSetting.type,
+            options: [
+              { value: "sidebar", label: S("左侧", "Sidebar"), icon: "lucide:panel-left" },
+              { value: "mix", label: S("混合", "Mixed"), icon: "lucide:panels-top-left" },
+              { value: "mix-sidebar", label: S("双栏", "Rail"), icon: "lucide:panel-left-dashed" },
+              { value: "top-menu", label: S("顶部", "Top"), icon: "lucide:panel-top" }
+            ]
+          },
+          {
+            key: "menuSetting.split",
+            type: "switch",
+            label: S("分割菜单", "Split menu"),
+            value: g.menuSetting.split,
+            disabled: g.menuSetting.type !== "mix"
+          },
+          { key: "menuSetting.collapsed", type: "switch", label: S("折叠侧栏", "Collapse sidebar"), value: g.menuSetting.collapsed },
+          { key: "menuSetting.fixed", type: "switch", label: S("固定侧栏", "Fixed sidebar"), value: g.menuSetting.fixed },
+          {
+            key: "menuSetting.menuWidth",
+            type: "number",
+            label: S("侧栏宽度", "Sidebar width"),
+            value: g.menuSetting.menuWidth,
+            min: 160,
+            max: 420,
+            step: 8
+          },
+          {
+            key: "menuSetting.topMenuAlign",
+            type: "select",
+            label: S("顶部菜单对齐", "Top menu alignment"),
+            value: g.menuSetting.topMenuAlign,
+            options: [
+              { value: "start", label: S("左", "Start") },
+              { value: "center", label: S("中", "Center") },
+              { value: "end", label: S("右", "End") }
+            ]
+          },
+          {
+            key: "menuSetting.mixSideFixed",
+            type: "switch",
+            label: S("固定双栏菜单", "Pin rail menu"),
+            value: g.menuSetting.mixSideFixed,
+            disabled: g.menuSetting.type !== "mix-sidebar"
+          },
+          {
+            key: "menuSetting.mixSideTrigger",
+            type: "select",
+            label: S("双栏触发", "Rail trigger"),
+            value: g.menuSetting.mixSideTrigger,
+            options: [{ value: "click", label: S("点击", "Click") }, { value: "hover", label: S("悬停", "Hover") }],
+            disabled: g.menuSetting.type !== "mix-sidebar"
+          }
+        ] },
+        { title: S("外观", "Appearance"), items: [
+          {
+            key: "themeColor",
+            type: "color",
+            label: S("主题色", "Primary color"),
+            value: g.themeColor,
+            colors: ["#0960bd", "#0084f4", "#009688", "#536dfe", "#ff5c93", "#ee4f12", "#0096c7", "#9c27b0", "#ff9800"]
+          },
+          {
+            key: "headerSetting.bgColor",
+            type: "color",
+            label: S("顶栏颜色", "Header color"),
+            value: g.headerSetting.bgColor,
+            colors: ["#ffffff", "#151515", "#009688", "#5172dc", "#018ffb", "#409eff", "#e74c3c", "#24292e", "#394664", "#001529"]
+          },
+          {
+            key: "menuSetting.bgColor",
+            type: "color",
+            label: S("侧栏颜色", "Sidebar color"),
+            value: g.menuSetting.bgColor,
+            colors: ["#001529", "#212121", "#273352", "#ffffff", "#191b24", "#304156", "#28333e", "#344058"]
+          },
+          { key: "darkMode", type: "switch", label: S("深色模式", "Dark mode"), value: g.darkMode === "dark" },
+          { key: "grayMode", type: "switch", label: S("灰度模式", "Grayscale"), value: g.grayMode },
+          { key: "colorWeak", type: "switch", label: S("色弱模式", "Color assist"), value: g.colorWeak }
+        ] },
+        { title: S("界面", "Interface"), items: [
+          { key: "headerSetting.show", type: "switch", label: S("显示顶栏", "Show header"), value: g.headerSetting.show },
+          { key: "headerSetting.fixed", type: "switch", label: S("固定顶栏", "Fixed header"), value: g.headerSetting.fixed },
+          { key: "headerSetting.showSearch", type: "switch", label: S("菜单搜索", "Menu search"), value: g.headerSetting.showSearch },
+          { key: "multiTabsSetting.show", type: "switch", label: S("显示标签页", "Show tabs"), value: g.multiTabsSetting.show },
+          { key: "multiTabsSetting.showQuick", type: "switch", label: S("标签快捷操作", "Tab actions"), value: g.multiTabsSetting.showQuick },
+          { key: "multiTabsSetting.showRedo", type: "switch", label: S("标签刷新", "Tab refresh"), value: g.multiTabsSetting.showRedo },
+          { key: "multiTabsSetting.showFold", type: "switch", label: S("内容全屏", "Content fullscreen"), value: g.multiTabsSetting.showFold },
+          { key: "showBreadCrumb", type: "switch", label: S("面包屑", "Breadcrumb"), value: g.showBreadCrumb },
+          { key: "showFooter", type: "switch", label: S("页脚", "Footer"), value: g.showFooter },
+          {
+            key: "contentMode",
+            type: "select",
+            label: S("内容宽度", "Content width"),
+            value: g.contentMode,
+            options: [{ value: "full", label: S("流式", "Fluid") }, { value: "fixed", label: S("固定", "Fixed") }]
+          }
+        ] }
+      ];
+    });
+    function se(g, w) {
+      if (g === "darkMode") {
+        o("settingsChange", i.patch({ darkMode: w ? "dark" : "light" }));
+        return;
+      }
+      const [S, _] = g.split(".");
+      if (S === "menuSetting" || S === "headerSetting" || S === "multiTabsSetting") {
+        const I = { [S]: { [_]: w } };
+        g === "menuSetting.bgColor" && (I.menuSetting.theme = w === "#ffffff" ? "light" : "dark"), g === "headerSetting.bgColor" && (I.headerSetting.theme = w === "#ffffff" ? "light" : "dark"), o("settingsChange", i.patch(I));
+      } else
+        o("settingsChange", i.patch({ [g]: w }));
+      g === "menuSetting.mixSideFixed" && (A.value = !!w);
+    }
+    function Ke() {
+      o("settingsChange", i.reset());
+    }
+    function pe() {
+      c.value ? y.value = !y.value : se("menuSetting.collapsed", !n.value.menuSetting.collapsed);
+    }
+    function _e() {
+      o("settingsChange", i.patch({ fullContent: !n.value.fullContent }));
+    }
+    function me(g) {
+      o("menuClick", g), y.value = !1, n.value.menuSetting.closeMixSidebarOnChange && !n.value.menuSetting.mixSideFixed && (A.value = !1), s.navigation.go(g);
+    }
+    function We(g) {
+      const w = a.menus.find((_) => _.path === g), S = w ? De(w) : g;
+      S && me(S);
+    }
+    function Oe(g) {
+      var w;
+      if (!((w = g.children) != null && w.length))
+        return me(g.path);
+      N.value === g.path && !n.value.menuSetting.mixSideFixed ? A.value = !A.value : A.value = !0, N.value = g.path;
+    }
+    function Ve(g) {
+      var w;
+      n.value.menuSetting.mixSideTrigger === "hover" && ((w = g.children) != null && w.length) && (N.value = g.path, A.value = !0);
+    }
+    function Ue(g, w) {
+      o("tabCloseAction", g, w);
+    }
+    function fe() {
+      c.value = window.innerWidth < a.mobileBreakpoint, y.value = !1;
+    }
+    function $e(g) {
+      g.key === "Escape" && (y.value = !1, n.value.menuSetting.mixSideFixed || (A.value = !1));
+    }
+    let X;
+    function qe(g) {
+      if (g.button !== 0)
+        return;
+      X == null || X();
+      const w = g.clientX, S = n.value.menuSetting.menuWidth, _ = (R) => se("menuSetting.menuWidth", S + R.clientX - w), I = () => X == null ? void 0 : X();
+      window.addEventListener("pointermove", _), window.addEventListener("pointerup", I), window.addEventListener("pointercancel", I), X = () => {
+        window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", I), window.removeEventListener("pointercancel", I), X = void 0;
+      };
+    }
+    function He(g) {
+      g.key !== "ArrowLeft" && g.key !== "ArrowRight" || (g.preventDefault(), se("menuSetting.menuWidth", n.value.menuSetting.menuWidth + (g.key === "ArrowRight" ? 10 : -10)));
+    }
+    function Ce() {
+      typeof document < "u" && nt({
+        theme: n.value.darkMode,
+        grayMode: n.value.grayMode,
+        colorWeak: n.value.colorWeak,
+        primaryColor: n.value.themeColor
+      }, document.documentElement);
+    }
+    Z(n, Ce, { deep: !0 }), Z(D, (g) => {
+      g.rootPath && (N.value = g.rootPath);
+    }, { immediate: !0 });
+    const je = u.onRouteChange((g) => {
+      var w;
+      p.value = ((w = g.meta) == null ? void 0 : w.currentActiveMenu) || g.path, n.value.menuSetting.closeMixSidebarOnChange && !n.value.menuSetting.mixSideFixed && (A.value = !1);
+    });
+    return ie(() => {
+      fe(), Ce(), window.addEventListener("resize", fe), window.addEventListener("keydown", $e);
+    }), ne(() => {
+      je(), X == null || X(), window.removeEventListener("resize", fe), window.removeEventListener("keydown", $e);
+    }), (g, w) => {
+      var S;
+      return t(), l("div", {
+        class: U(["dsea-classic-layout", B.value]),
+        style: he(V.value)
+      }, [
+        f(n).fullContent ? (t(), l(F, { key: 1 }, [
+          r("button", {
+            type: "button",
+            class: "dsea-classic-layout__restore",
+            "aria-label": H.value.restoreLayout,
+            title: H.value.restoreLayout,
+            onClick: _e
+          }, [
+            x(f(L), {
+              icon: "lucide:minimize",
+              size: 18
+            })
+          ], 8, fn),
+          r("main", yn, [
+            T(g.$slots, "default")
+          ])
+        ], 64)) : (t(), l(F, { key: 0 }, [
+          f(n).headerSetting.show ? (t(), l("header", ja, [
+            r("div", Qa, [
+              f(n).showLogo && (O.value !== "sidebar" || c.value) ? (t(), l("div", Xa, [
+                T(g.$slots, "brand", {}, () => [
+                  x(ve)
+                ])
+              ])) : b("", !0),
+              c.value || f(n).menuSetting.trigger === "HEADER" && k.value ? (t(), l("button", {
+                key: 1,
+                type: "button",
+                class: "dsea-classic-layout__icon-button",
+                "aria-label": H.value.toggleNavigation,
+                "aria-expanded": c.value ? y.value : !f(n).menuSetting.collapsed,
+                onClick: pe
+              }, [
+                x(f(L), {
+                  icon: c.value && y.value ? "lucide:x" : "lucide:menu",
+                  size: 19
+                }, null, 8, ["icon"])
+              ], 8, Ga)) : b("", !0),
+              !c.value && f(n).showBreadCrumb && !D.value.split && O.value !== "top-menu" ? (t(), z(_a, {
+                key: 2,
+                items: ce.value,
+                label: H.value.breadcrumb
+              }, null, 8, ["items", "label"])) : b("", !0)
+            ]),
+            !c.value && D.value.top.length ? (t(), l("nav", {
+              key: 0,
+              class: "dsea-classic-layout__top-menu",
+              "aria-label": H.value.topNavigation
+            }, [
+              x(oe, {
+                items: D.value.top,
+                mode: "horizontal",
+                type: "top",
+                "is-horizontal": "",
+                theme: f(n).headerSetting.theme,
+                split: D.value.split,
+                "top-menu-align": f(n).menuSetting.topMenuAlign,
+                onMenuClick: We
+              }, null, 8, ["items", "theme", "split", "top-menu-align"])
+            ], 8, Ya)) : b("", !0),
+            r("div", Ja, [
+              T(g.$slots, "search", {}, () => [
+                f(n).headerSetting.showSearch && !c.value ? (t(), z(zt, {
+                  key: 0,
+                  "menu-items": e.menus
+                }, null, 8, ["menu-items"])) : b("", !0)
+              ]),
+              T(g.$slots, "apps", {}, () => {
+                var _;
+                return [
+                  (_ = e.headerPorts) != null && _.apps && !c.value ? (t(), z(Mt, {
+                    key: 0,
+                    apps: e.headerPorts.apps.apps,
+                    "current-id": e.headerPorts.apps.currentId,
+                    loading: e.headerPorts.apps.loading,
+                    "confirm-switch": e.headerPorts.apps.confirmSwitch,
+                    onOpen: w[0] || (w[0] = (I) => {
+                      var R, q;
+                      return (q = (R = e.headerPorts.apps).onOpen) == null ? void 0 : q.call(R);
+                    }),
+                    onSwitch: w[1] || (w[1] = (I) => {
+                      var R, q;
+                      return (q = (R = e.headerPorts.apps).onSwitch) == null ? void 0 : q.call(R, I);
+                    })
+                  }, null, 8, ["apps", "current-id", "loading", "confirm-switch"])) : b("", !0)
+                ];
+              }),
+              T(g.$slots, "notifications", {}, () => {
+                var _;
+                return [
+                  (_ = e.headerPorts) != null && _.notifications && f(n).headerSetting.showNotice && !c.value ? (t(), z(na, {
+                    key: 0,
+                    items: e.headerPorts.notifications.items,
+                    categories: e.headerPorts.notifications.categories,
+                    onOpen: w[2] || (w[2] = (I) => {
+                      var R, q;
+                      return (q = (R = e.headerPorts.notifications).onOpen) == null ? void 0 : q.call(R, I);
+                    }),
+                    onMarkAllRead: w[3] || (w[3] = (I) => {
+                      var R, q;
+                      return (q = (R = e.headerPorts.notifications).onMarkAllRead) == null ? void 0 : q.call(R);
+                    })
+                  }, null, 8, ["items", "categories"])) : b("", !0)
+                ];
+              }),
+              T(g.$slots, "fullscreen", {}, () => [
+                f(n).headerSetting.showFullScreen && !c.value ? (t(), z(vt, { key: 0 })) : b("", !0)
+              ]),
+              T(g.$slots, "locale", {}, () => {
+                var _, I;
+                return [
+                  (I = (_ = e.headerPorts) == null ? void 0 : _.locales) != null && I.length ? (t(), z(rt, {
+                    key: 0,
+                    locales: e.headerPorts.locales,
+                    "show-text": !1
+                  }, null, 8, ["locales"])) : b("", !0)
+                ];
+              }),
+              T(g.$slots, "help"),
+              T(g.$slots, "user", {}, () => {
+                var _;
+                return [
+                  (_ = e.headerPorts) != null && _.user ? (t(), z(qt, {
+                    key: 0,
+                    name: e.headerPorts.user.name,
+                    avatar: e.headerPorts.user.avatar,
+                    items: e.headerPorts.user.items,
+                    onSelect: w[4] || (w[4] = (I) => {
+                      var R, q;
+                      return (q = (R = e.headerPorts.user).onSelect) == null ? void 0 : q.call(R, I);
+                    })
+                  }, null, 8, ["name", "avatar", "items"])) : b("", !0)
+                ];
+              }),
+              T(g.$slots, "headerActions"),
+              f(n).showSettingButton ? (t(), l("button", {
+                key: 0,
+                type: "button",
+                class: "dsea-classic-layout__icon-button",
+                "aria-label": H.value.settings,
+                title: H.value.settings,
+                onClick: w[5] || (w[5] = (_) => h.value = !0)
+              }, [
+                x(f(L), {
+                  icon: "lucide:settings",
+                  size: 18
+                })
+              ], 8, Za)) : b("", !0)
+            ])
+          ])) : b("", !0),
+          r("div", en, [
+            k.value ? (t(), l("aside", {
+              key: 0,
+              class: U(["dsea-classic-layout__sidebar", { "is-open": y.value, "is-fixed": f(n).menuSetting.fixed }]),
+              "aria-hidden": c.value && !y.value,
+              inert: c.value && !y.value
+            }, [
+              O.value === "mix-sidebar" && !c.value ? (t(), l(F, { key: 0 }, [
+                r("div", an, [
+                  f(n).showLogo ? (t(), l("div", nn, [
+                    T(g.$slots, "brand", {}, () => [
+                      x(ve, { "show-title": !1 })
+                    ])
+                  ])) : b("", !0),
+                  (t(!0), l(F, null, K(e.menus, (_) => (t(), l("button", {
+                    key: _.path,
+                    type: "button",
+                    class: U(["dsea-classic-layout__module", { "is-active": _.path === N.value }]),
+                    title: _.name,
+                    onClick: (I) => Oe(_),
+                    onMouseenter: (I) => Ve(_)
+                  }, [
+                    _.icon ? (t(), z(f(L), {
+                      key: 0,
+                      icon: _.icon,
+                      size: f(n).menuSetting.collapsed ? 16 : 20
+                    }, null, 8, ["icon", "size"])) : b("", !0),
+                    f(n).menuSetting.collapsed ? b("", !0) : (t(), l("span", on, m(G(_.name)), 1))
+                  ], 42, ln))), 128)),
+                  r("button", {
+                    type: "button",
+                    class: "dsea-classic-layout__rail-trigger",
+                    "aria-label": H.value.toggleNavigation,
+                    onClick: pe
+                  }, [
+                    x(f(L), {
+                      icon: f(n).menuSetting.collapsed ? "lucide:panel-left-open" : "lucide:panel-left-close",
+                      size: 16
+                    }, null, 8, ["icon"])
+                  ], 8, sn)
+                ]),
+                A.value && $.value.length ? (t(), l("div", {
+                  key: 0,
+                  class: U(["dsea-classic-layout__mix-panel", { "is-floating": !f(n).menuSetting.mixSideFixed }])
+                }, [
+                  r("div", rn, [
+                    r("span", null, m(G(((S = j.value) == null ? void 0 : S.name) || "")), 1),
+                    r("button", {
+                      type: "button",
+                      "aria-label": H.value.pinNavigation,
+                      "aria-pressed": f(n).menuSetting.mixSideFixed,
+                      onClick: w[6] || (w[6] = (_) => se("menuSetting.mixSideFixed", !f(n).menuSetting.mixSideFixed))
+                    }, [
+                      x(f(L), {
+                        icon: f(n).menuSetting.mixSideFixed ? "lucide:pin-off" : "lucide:pin",
+                        size: 16
+                      }, null, 8, ["icon"])
+                    ], 8, un)
+                  ]),
+                  x(oe, {
+                    items: $.value,
+                    theme: f(n).menuSetting.theme,
+                    accordion: f(n).menuSetting.accordion,
+                    split: !1,
+                    onMenuClick: me
+                  }, null, 8, ["items", "theme", "accordion"])
+                ], 2)) : b("", !0)
+              ], 64)) : (t(), l(F, { key: 1 }, [
+                f(n).showLogo && (O.value === "sidebar" || c.value) ? (t(), l("div", dn, [
+                  T(g.$slots, "brand", {}, () => [
+                    x(ve, {
+                      "show-title": !f(n).menuSetting.collapsed || c.value
+                    }, null, 8, ["show-title"])
+                  ])
+                ])) : b("", !0),
+                r("nav", {
+                  class: "dsea-classic-layout__side-menu",
+                  "aria-label": H.value.navigation
+                }, [
+                  T(g.$slots, "navigation", { items: v.value }, () => [
+                    x(oe, {
+                      items: v.value,
+                      collapse: f(n).menuSetting.collapsed && !c.value,
+                      theme: f(n).menuSetting.theme,
+                      accordion: f(n).menuSetting.accordion,
+                      split: D.value.split,
+                      onMenuClick: me
+                    }, null, 8, ["items", "collapse", "theme", "accordion", "split"])
+                  ])
+                ], 8, cn),
+                f(n).menuSetting.trigger === "FOOTER" && !c.value ? (t(), l("button", {
+                  key: 1,
+                  type: "button",
+                  class: "dsea-classic-layout__sidebar-trigger",
+                  "aria-label": H.value.toggleNavigation,
+                  onClick: pe
+                }, [
+                  x(f(L), {
+                    icon: f(n).menuSetting.collapsed ? "lucide:panel-left-open" : "lucide:panel-left-close",
+                    size: 16
+                  }, null, 8, ["icon"])
+                ], 8, mn)) : b("", !0)
+              ], 64)),
+              f(n).menuSetting.canDrag && !c.value && !f(n).menuSetting.collapsed && O.value !== "mix-sidebar" ? (t(), l("div", {
+                key: 2,
+                class: "dsea-classic-layout__resize",
+                role: "separator",
+                tabindex: "0",
+                "aria-orientation": "vertical",
+                "aria-label": H.value.resizeNavigation,
+                "aria-valuenow": f(n).menuSetting.menuWidth,
+                "aria-valuemin": "160",
+                "aria-valuemax": "420",
+                onPointerdown: qe,
+                onKeydown: He
+              }, null, 40, vn)) : b("", !0)
+            ], 10, tn)) : b("", !0),
+            c.value && y.value && k.value ? (t(), l("button", {
+              key: 1,
+              type: "button",
+              class: "dsea-classic-layout__scrim",
+              "aria-label": H.value.closeNavigation,
+              onClick: w[7] || (w[7] = (_) => y.value = !1)
+            }, null, 8, gn)) : b("", !0),
+            r("div", bn, [
+              f(n).multiTabsSetting.show ? (t(), l("div", hn, [
+                T(g.$slots, "tabs", {}, () => [
+                  x(Ea, {
+                    tabs: e.tabs,
+                    "active-key": e.activeTab,
+                    labels: e.tabLabels,
+                    "show-quick": f(n).multiTabsSetting.showQuick,
+                    "show-redo": f(n).multiTabsSetting.showRedo,
+                    "show-fold": f(n).multiTabsSetting.showFold,
+                    "can-drag": f(n).multiTabsSetting.canDrag,
+                    onSelect: w[8] || (w[8] = (_) => o("tabSelect", _)),
+                    onClose: w[9] || (w[9] = (_) => o("tabClose", _)),
+                    onRefresh: w[10] || (w[10] = (_) => o("tabRefresh", _)),
+                    onCloseAction: Ue,
+                    onReorder: w[11] || (w[11] = (_) => o("tabReorder", _)),
+                    onFold: _e
+                  }, null, 8, ["tabs", "active-key", "labels", "show-quick", "show-redo", "show-fold", "can-drag"])
+                ])
+              ])) : b("", !0),
+              r("main", {
+                class: U(["dsea-classic-layout__content", { "is-fixed": f(n).contentMode === "fixed" }])
+              }, [
+                T(g.$slots, "default")
+              ], 2),
+              f(n).showFooter && g.$slots.footer ? (t(), l("footer", pn, [
+                T(g.$slots, "footer")
+              ])) : b("", !0)
+            ])
+          ])
+        ], 64)),
+        f(n).showSettingButton ? (t(), z(Va, {
+          key: 2,
+          open: h.value,
+          "onUpdate:open": w[12] || (w[12] = (_) => h.value = _),
+          title: H.value.settings,
+          sections: Re.value,
+          "reset-label": H.value.reset,
+          onChange: se,
+          onReset: Ke
+        }, null, 8, ["open", "title", "sections", "reset-label"])) : b("", !0)
+      ], 6);
+    };
+  }
+});
+const kn = { class: "dsea-iframe-view" }, wn = ["src", "title", "loading", "referrerpolicy"], Sn = /* @__PURE__ */ P({
   __name: "AdminIframeView",
   props: {
     src: {},
@@ -1451,35 +2493,35 @@ const ol = /* @__PURE__ */ A(Nt, [["__scopeId", "data-v-49bfd66c"]]), zt = { cla
     referrerPolicy: { default: "strict-origin-when-cross-origin" }
   },
   emits: ["load"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, l = I(() => {
-      var n;
-      const r = ((n = t.src) == null ? void 0 : n.trim()) ?? "";
-      return X(r) || (r.startsWith("/") && !r.startsWith("//") && !/[\\\s\u0000-\u001f]/.test(r) ? r : "");
+  setup(e, { emit: d }) {
+    const a = e, o = d, s = E(() => {
+      var i;
+      const u = ((i = a.src) == null ? void 0 : i.trim()) ?? "";
+      return ge(u) || (u.startsWith("/") && !u.startsWith("//") && !/[\\\s\u0000-\u001f]/.test(u) ? u : "");
     });
-    return (r, n) => (a(), o("div", zt, [
-      l.value ? (a(), o("iframe", {
-        key: l.value,
-        src: l.value,
+    return (u, i) => (t(), l("div", kn, [
+      s.value ? (t(), l("iframe", {
+        key: s.value,
+        src: s.value,
         title: e.title,
         loading: e.loading,
         referrerpolicy: e.referrerPolicy,
-        onLoad: n[0] || (n[0] = (u) => i("load"))
-      }, null, 40, Dt)) : B(r.$slots, "invalid", {}, void 0, !0, 1)
+        onLoad: i[0] || (i[0] = (n) => o("load"))
+      }, null, 40, wn)) : T(u.$slots, "invalid", {}, void 0, !0, 1)
     ]));
   }
 });
-const sl = /* @__PURE__ */ A(Kt, [["__scopeId", "data-v-b964cc57"]]), Vt = { class: "dsea-login-view" }, Rt = { class: "dsea-login-view__identity" }, Ut = {
+const So = /* @__PURE__ */ W(Sn, [["__scopeId", "data-v-b964cc57"]]), _n = { class: "dsea-login-view" }, $n = { class: "dsea-login-view__identity" }, Cn = {
   key: 0,
   class: "dsea-login-view__subtitle"
-}, qt = ["for"], Wt = ["id", "disabled"], Ot = ["for"], Ht = ["id", "disabled"], jt = {
+}, xn = ["for"], Ln = ["id", "disabled"], Mn = ["for"], An = ["id", "disabled"], Tn = {
   key: 1,
   class: "dsea-login-view__error",
   role: "alert"
-}, Qt = ["disabled"], Gt = {
+}, Pn = ["disabled"], Bn = {
   key: 2,
   class: "dsea-login-view__footer"
-}, Xt = /* @__PURE__ */ k({
+}, Fn = /* @__PURE__ */ P({
   __name: "AdminLoginView",
   props: {
     title: {},
@@ -1493,71 +2535,71 @@ const sl = /* @__PURE__ */ A(Kt, [["__scopeId", "data-v-b964cc57"]]), Vt = { cla
     formId: { default: "admin-login" }
   },
   emits: ["submit"],
-  setup(e, { emit: c }) {
-    const t = c, i = S(""), l = S("");
-    function r() {
-      t("submit", { username: i.value, password: l.value });
+  setup(e, { emit: d }) {
+    const a = d, o = M(""), s = M("");
+    function u() {
+      a("submit", { username: o.value, password: s.value });
     }
-    return (n, u) => (a(), o("main", Vt, [
-      s("form", {
+    return (i, n) => (t(), l("main", _n, [
+      r("form", {
         class: "dsea-login-view__form",
-        onSubmit: H(r, ["prevent"])
+        onSubmit: ee(u, ["prevent"])
       }, [
-        s("div", Rt, [
-          B(n.$slots, "brand", {}, void 0, !0)
+        r("div", $n, [
+          T(i.$slots, "brand", {}, void 0, !0)
         ]),
-        s("h1", null, d(e.title), 1),
-        e.subtitle ? (a(), o("p", Ut, d(e.subtitle), 1)) : p("", !0),
-        s("label", {
+        r("h1", null, m(e.title), 1),
+        e.subtitle ? (t(), l("p", Cn, m(e.subtitle), 1)) : b("", !0),
+        r("label", {
           for: `${e.formId}-username`
-        }, d(e.usernameLabel), 9, qt),
-        K(s("input", {
+        }, m(e.usernameLabel), 9, xn),
+        Y(r("input", {
           id: `${e.formId}-username`,
-          "onUpdate:modelValue": u[0] || (u[0] = (b) => i.value = b),
+          "onUpdate:modelValue": n[0] || (n[0] = (c) => o.value = c),
           type: "text",
           name: "username",
           autocomplete: "username",
           required: "",
           disabled: e.loading
-        }, null, 8, Wt), [
+        }, null, 8, Ln), [
           [
-            V,
-            i.value,
+            J,
+            o.value,
             void 0,
             { trim: !0 }
           ]
         ]),
-        s("label", {
+        r("label", {
           for: `${e.formId}-password`
-        }, d(e.passwordLabel), 9, Ot),
-        K(s("input", {
+        }, m(e.passwordLabel), 9, Mn),
+        Y(r("input", {
           id: `${e.formId}-password`,
-          "onUpdate:modelValue": u[1] || (u[1] = (b) => l.value = b),
+          "onUpdate:modelValue": n[1] || (n[1] = (c) => s.value = c),
           type: "password",
           name: "password",
           autocomplete: "current-password",
           required: "",
           disabled: e.loading
-        }, null, 8, Ht), [
-          [V, l.value]
+        }, null, 8, An), [
+          [J, s.value]
         ]),
-        e.error ? (a(), o("p", jt, d(e.error), 1)) : p("", !0),
-        s("button", {
+        e.error ? (t(), l("p", Tn, m(e.error), 1)) : b("", !0),
+        r("button", {
           type: "submit",
           disabled: e.loading
-        }, d(e.loading ? e.loadingLabel : e.submitLabel), 9, Qt),
-        n.$slots.footer ? (a(), o("div", Gt, [
-          B(n.$slots, "footer", {}, void 0, !0)
-        ])) : p("", !0)
+        }, m(e.loading ? e.loadingLabel : e.submitLabel), 9, Pn),
+        i.$slots.footer ? (t(), l("div", Bn, [
+          T(i.$slots, "footer", {}, void 0, !0)
+        ])) : b("", !0)
       ], 32)
     ]));
   }
 });
-const il = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-65bdd32a"]]), Yt = { class: "dsea-lock-view" }, Jt = { key: 0 }, Zt = ["for"], ea = ["id", "disabled"], ta = {
+const _o = /* @__PURE__ */ W(Fn, [["__scopeId", "data-v-65bdd32a"]]), En = { class: "dsea-lock-view" }, In = { key: 0 }, Nn = ["for"], zn = ["id", "disabled"], Dn = {
   key: 1,
   class: "dsea-lock-view__error",
   role: "alert"
-}, aa = ["disabled"], na = /* @__PURE__ */ k({
+}, Rn = ["disabled"], Kn = /* @__PURE__ */ P({
   __name: "AdminLockView",
   props: {
     title: {},
@@ -1570,51 +2612,51 @@ const il = /* @__PURE__ */ A(Xt, [["__scopeId", "data-v-65bdd32a"]]), Yt = { cla
     formId: { default: "admin-lock" }
   },
   emits: ["unlock", "switchAccount"],
-  setup(e, { emit: c }) {
-    const t = c, i = S("");
-    function l() {
-      t("unlock", i.value);
+  setup(e, { emit: d }) {
+    const a = d, o = M("");
+    function s() {
+      a("unlock", o.value);
     }
-    return (r, n) => (a(), o("main", Yt, [
-      s("form", {
+    return (u, i) => (t(), l("main", En, [
+      r("form", {
         class: "dsea-lock-view__form",
-        onSubmit: H(l, ["prevent"])
+        onSubmit: ee(s, ["prevent"])
       }, [
-        B(r.$slots, "avatar", {}, void 0, !0),
-        s("h1", null, d(e.title), 1),
-        e.identity ? (a(), o("p", Jt, d(e.identity), 1)) : p("", !0),
-        s("label", {
+        T(u.$slots, "avatar", {}, void 0, !0),
+        r("h1", null, m(e.title), 1),
+        e.identity ? (t(), l("p", In, m(e.identity), 1)) : b("", !0),
+        r("label", {
           for: `${e.formId}-password`
-        }, d(e.passwordLabel), 9, Zt),
-        K(s("input", {
+        }, m(e.passwordLabel), 9, Nn),
+        Y(r("input", {
           id: `${e.formId}-password`,
-          "onUpdate:modelValue": n[0] || (n[0] = (u) => i.value = u),
+          "onUpdate:modelValue": i[0] || (i[0] = (n) => o.value = n),
           type: "password",
           autocomplete: "current-password",
           required: "",
           disabled: e.loading
-        }, null, 8, ea), [
-          [V, i.value]
+        }, null, 8, zn), [
+          [J, o.value]
         ]),
-        e.error ? (a(), o("p", ta, d(e.error), 1)) : p("", !0),
-        s("button", {
+        e.error ? (t(), l("p", Dn, m(e.error), 1)) : b("", !0),
+        r("button", {
           type: "submit",
           disabled: e.loading
-        }, d(e.unlockLabel), 9, aa),
-        e.switchLabel ? (a(), o("button", {
+        }, m(e.unlockLabel), 9, Rn),
+        e.switchLabel ? (t(), l("button", {
           key: 2,
           type: "button",
           class: "dsea-lock-view__switch",
-          onClick: n[1] || (n[1] = (u) => t("switchAccount"))
-        }, d(e.switchLabel), 1)) : p("", !0)
+          onClick: i[1] || (i[1] = (n) => a("switchAccount"))
+        }, m(e.switchLabel), 1)) : b("", !0)
       ], 32)
     ]));
   }
 });
-const rl = /* @__PURE__ */ A(na, [["__scopeId", "data-v-e70aeaca"]]), la = { class: "dsea-exception-view" }, oa = { class: "dsea-exception-view__content" }, sa = { class: "dsea-exception-view__status" }, ia = {
+const $o = /* @__PURE__ */ W(Kn, [["__scopeId", "data-v-e70aeaca"]]), Wn = { class: "dsea-exception-view" }, On = { class: "dsea-exception-view__content" }, Vn = { class: "dsea-exception-view__status" }, Un = {
   key: 0,
   class: "dsea-exception-view__description"
-}, ra = /* @__PURE__ */ k({
+}, qn = /* @__PURE__ */ P({
   __name: "AdminExceptionView",
   props: {
     status: {},
@@ -1623,27 +2665,27 @@ const rl = /* @__PURE__ */ A(na, [["__scopeId", "data-v-e70aeaca"]]), la = { cla
     actionLabel: {}
   },
   emits: ["action"],
-  setup(e, { emit: c }) {
-    const t = c;
-    return (i, l) => (a(), o("main", la, [
-      s("div", oa, [
-        s("p", sa, d(e.status), 1),
-        s("h1", null, d(e.title), 1),
-        e.description ? (a(), o("p", ia, d(e.description), 1)) : p("", !0),
-        e.actionLabel ? (a(), o("button", {
+  setup(e, { emit: d }) {
+    const a = d;
+    return (o, s) => (t(), l("main", Wn, [
+      r("div", On, [
+        r("p", Vn, m(e.status), 1),
+        r("h1", null, m(e.title), 1),
+        e.description ? (t(), l("p", Un, m(e.description), 1)) : b("", !0),
+        e.actionLabel ? (t(), l("button", {
           key: 1,
           type: "button",
-          onClick: l[0] || (l[0] = (r) => t("action"))
-        }, d(e.actionLabel), 1)) : p("", !0)
+          onClick: s[0] || (s[0] = (u) => a("action"))
+        }, m(e.actionLabel), 1)) : b("", !0)
       ])
     ]));
   }
 });
-const dl = /* @__PURE__ */ A(ra, [["__scopeId", "data-v-b9e53f59"]]), da = { class: "dsea-profile-tabs" }, ca = {
+const Co = /* @__PURE__ */ W(qn, [["__scopeId", "data-v-b9e53f59"]]), Hn = { class: "dsea-profile-tabs" }, jn = {
   key: 0,
   class: "dsea-profile-tabs__notice",
   role: "status"
-}, ua = { class: "dsea-profile-tabs__body" }, ma = ["aria-label"], ba = ["aria-current", "onClick"], va = ["aria-label"], pa = /* @__PURE__ */ k({
+}, Qn = { class: "dsea-profile-tabs__body" }, Xn = ["aria-label"], Gn = ["aria-current", "onClick"], Yn = ["aria-label"], Jn = /* @__PURE__ */ P({
   __name: "AdminProfileTabs",
   props: {
     tabs: {},
@@ -1652,38 +2694,38 @@ const dl = /* @__PURE__ */ A(ra, [["__scopeId", "data-v-b9e53f59"]]), da = { cla
     notice: {}
   },
   emits: ["update:activeKey"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, l = I(() => t.tabs.find((r) => r.key === t.activeKey));
-    return (r, n) => {
-      var u;
-      return a(), o("div", da, [
-        e.notice ? (a(), o("p", ca, d(e.notice), 1)) : p("", !0),
-        s("div", ua, [
-          s("nav", { "aria-label": e.label }, [
-            (a(!0), o(x, null, M(e.tabs, (b) => (a(), o("button", {
-              key: b.key,
+  setup(e, { emit: d }) {
+    const a = e, o = d, s = E(() => a.tabs.find((u) => u.key === a.activeKey));
+    return (u, i) => {
+      var n;
+      return t(), l("div", Hn, [
+        e.notice ? (t(), l("p", jn, m(e.notice), 1)) : b("", !0),
+        r("div", Qn, [
+          r("nav", { "aria-label": e.label }, [
+            (t(!0), l(F, null, K(e.tabs, (c) => (t(), l("button", {
+              key: c.key,
               type: "button",
-              "aria-current": b.key === e.activeKey ? "page" : void 0,
-              onClick: (g) => i("update:activeKey", b.key)
-            }, d(b.label), 9, ba))), 128))
-          ], 8, ma),
-          s("section", {
-            "aria-label": (u = l.value) == null ? void 0 : u.label
+              "aria-current": c.key === e.activeKey ? "page" : void 0,
+              onClick: (y) => o("update:activeKey", c.key)
+            }, m(c.label), 9, Gn))), 128))
+          ], 8, Xn),
+          r("section", {
+            "aria-label": (n = s.value) == null ? void 0 : n.label
           }, [
-            l.value ? (a(), P(he(l.value.component), { key: 0 })) : B(r.$slots, "default", {}, void 0, !0, 1)
-          ], 8, va)
+            s.value ? (t(), z(Je(s.value.component), { key: 0 })) : T(u.$slots, "default", {}, void 0, !0, 1)
+          ], 8, Yn)
         ])
       ]);
     };
   }
 });
-const cl = /* @__PURE__ */ A(pa, [["__scopeId", "data-v-55c2076e"]]), ga = { key: 0 }, ha = ["value"], fa = { key: 1 }, ya = {
+const xo = /* @__PURE__ */ W(Jn, [["__scopeId", "data-v-55c2076e"]]), Zn = { key: 0 }, el = ["value"], tl = { key: 1 }, al = {
   key: 2,
   class: "dsea-profile-form__avatar"
-}, ka = {
+}, nl = {
   key: 3,
   role: "alert"
-}, _a = ["disabled"], wa = /* @__PURE__ */ k({
+}, ll = ["disabled"], ol = /* @__PURE__ */ P({
   __name: "AdminProfileForm",
   props: {
     name: {},
@@ -1695,89 +2737,89 @@ const cl = /* @__PURE__ */ A(pa, [["__scopeId", "data-v-55c2076e"]]), ga = { key
     labels: { default: () => ({ name: "Name", email: "Email", phone: "Phone", currentPassword: "Current password", save: "Save changes", saving: "Saving" }) }
   },
   emits: ["submit"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, l = oe({ name: t.name, email: t.email, currentPassword: "" });
-    U(() => [t.name, t.email], () => {
-      l.name = t.name, l.email = t.email;
+  setup(e, { emit: d }) {
+    const a = e, o = d, s = Te({ name: a.name, email: a.email, currentPassword: "" });
+    Z(() => [a.name, a.email], () => {
+      s.name = a.name, s.email = a.email;
     });
-    function r() {
-      t.saving || (i("submit", {
-        name: l.name.trim(),
-        email: l.email.trim(),
-        ...t.requireCurrentPassword ? { currentPassword: l.currentPassword } : {}
-      }), l.currentPassword = "");
-    }
-    return (n, u) => (a(), o("form", {
+    function u() {
+      a.saving || (o("submit", {
+        name: s.name.trim(),
+        email: s.email.trim(),
+        ...a.requireCurrentPassword ? { currentPassword: s.currentPassword } : {}
+      }), s.currentPassword = "");
+    }
+    return (i, n) => (t(), l("form", {
       class: "dsea-profile-form",
-      onSubmit: H(r, ["prevent"])
+      onSubmit: ee(u, ["prevent"])
     }, [
-      s("label", null, [
-        z(d(e.labels.name), 1),
-        K(s("input", {
-          "onUpdate:modelValue": u[0] || (u[0] = (b) => l.name = b),
+      r("label", null, [
+        Q(m(e.labels.name), 1),
+        Y(r("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (c) => s.name = c),
           type: "text",
           required: "",
           maxlength: "100",
           autocomplete: "name"
         }, null, 512), [
           [
-            V,
-            l.name,
+            J,
+            s.name,
             void 0,
             { trim: !0 }
           ]
         ])
       ]),
-      s("label", null, [
-        z(d(e.labels.email), 1),
-        K(s("input", {
-          "onUpdate:modelValue": u[1] || (u[1] = (b) => l.email = b),
+      r("label", null, [
+        Q(m(e.labels.email), 1),
+        Y(r("input", {
+          "onUpdate:modelValue": n[1] || (n[1] = (c) => s.email = c),
           type: "email",
           autocomplete: "email"
         }, null, 512), [
           [
-            V,
-            l.email,
+            J,
+            s.email,
             void 0,
             { trim: !0 }
           ]
         ])
       ]),
-      e.phone !== void 0 ? (a(), o("label", ga, [
-        z(d(e.labels.phone), 1),
-        s("input", {
+      e.phone !== void 0 ? (t(), l("label", Zn, [
+        Q(m(e.labels.phone), 1),
+        r("input", {
           value: e.phone,
           type: "tel",
           disabled: "",
           autocomplete: "tel"
-        }, null, 8, ha)
-      ])) : p("", !0),
-      e.requireCurrentPassword ? (a(), o("label", fa, [
-        z(d(e.labels.currentPassword), 1),
-        K(s("input", {
-          "onUpdate:modelValue": u[2] || (u[2] = (b) => l.currentPassword = b),
+        }, null, 8, el)
+      ])) : b("", !0),
+      e.requireCurrentPassword ? (t(), l("label", tl, [
+        Q(m(e.labels.currentPassword), 1),
+        Y(r("input", {
+          "onUpdate:modelValue": n[2] || (n[2] = (c) => s.currentPassword = c),
           type: "password",
           required: "",
           autocomplete: "current-password"
         }, null, 512), [
-          [V, l.currentPassword]
+          [J, s.currentPassword]
         ])
-      ])) : p("", !0),
-      n.$slots.avatar ? (a(), o("div", ya, [
-        B(n.$slots, "avatar", {}, void 0, !0)
-      ])) : p("", !0),
-      e.error ? (a(), o("p", ka, d(e.error), 1)) : p("", !0),
-      s("button", {
+      ])) : b("", !0),
+      i.$slots.avatar ? (t(), l("div", al, [
+        T(i.$slots, "avatar", {}, void 0, !0)
+      ])) : b("", !0),
+      e.error ? (t(), l("p", nl, m(e.error), 1)) : b("", !0),
+      r("button", {
         type: "submit",
         disabled: e.saving
-      }, d(e.saving ? e.labels.saving : e.labels.save), 9, _a)
+      }, m(e.saving ? e.labels.saving : e.labels.save), 9, ll)
     ], 32));
   }
 });
-const ul = /* @__PURE__ */ A(wa, [["__scopeId", "data-v-4dc61808"]]), $a = {
+const Lo = /* @__PURE__ */ W(ol, [["__scopeId", "data-v-4dc61808"]]), il = {
   key: 0,
   role: "alert"
-}, La = ["disabled"], Ca = /* @__PURE__ */ k({
+}, sl = ["disabled"], rl = /* @__PURE__ */ P({
   __name: "AdminPasswordForm",
   props: {
     minBytes: { default: 10 },
@@ -1787,104 +2829,104 @@ const ul = /* @__PURE__ */ A(wa, [["__scopeId", "data-v-4dc61808"]]), $a = {
     labels: { default: () => ({ current: "Current password", next: "New password", confirm: "Confirm password", save: "Change password", saving: "Saving", mismatch: "Passwords do not match", length: "Password length is invalid" }) }
   },
   emits: ["submit"],
-  setup(e, { expose: c, emit: t }) {
-    const i = e, l = t, r = S(""), n = S(""), u = S(""), b = S("");
-    function g() {
-      if (i.saving)
+  setup(e, { expose: d, emit: a }) {
+    const o = e, s = a, u = M(""), i = M(""), n = M(""), c = M("");
+    function y() {
+      if (o.saving)
         return;
-      const m = new TextEncoder().encode(n.value).length;
-      if (m < i.minBytes || m > i.maxBytes) {
-        b.value = i.labels.length;
+      const p = new TextEncoder().encode(i.value).length;
+      if (p < o.minBytes || p > o.maxBytes) {
+        c.value = o.labels.length;
         return;
       }
-      if (n.value !== u.value) {
-        b.value = i.labels.mismatch;
+      if (i.value !== n.value) {
+        c.value = o.labels.mismatch;
         return;
       }
-      b.value = "", l("submit", { currentPassword: r.value, password: n.value });
+      c.value = "", s("submit", { currentPassword: u.value, password: i.value });
     }
-    function v() {
-      r.value = "", n.value = "", u.value = "", b.value = "";
+    function h() {
+      u.value = "", i.value = "", n.value = "", c.value = "";
     }
-    return c({ reset: v }), (m, L) => (a(), o("form", {
+    return d({ reset: h }), (p, N) => (t(), l("form", {
       class: "dsea-password-form",
-      onSubmit: H(g, ["prevent"])
+      onSubmit: ee(y, ["prevent"])
     }, [
-      s("label", null, [
-        z(d(e.labels.current), 1),
-        K(s("input", {
-          "onUpdate:modelValue": L[0] || (L[0] = (F) => r.value = F),
+      r("label", null, [
+        Q(m(e.labels.current), 1),
+        Y(r("input", {
+          "onUpdate:modelValue": N[0] || (N[0] = (A) => u.value = A),
           type: "password",
           required: "",
           autocomplete: "current-password"
         }, null, 512), [
-          [V, r.value]
+          [J, u.value]
         ])
       ]),
-      s("label", null, [
-        z(d(e.labels.next), 1),
-        K(s("input", {
-          "onUpdate:modelValue": L[1] || (L[1] = (F) => n.value = F),
+      r("label", null, [
+        Q(m(e.labels.next), 1),
+        Y(r("input", {
+          "onUpdate:modelValue": N[1] || (N[1] = (A) => i.value = A),
           type: "password",
           required: "",
           autocomplete: "new-password"
         }, null, 512), [
-          [V, n.value]
+          [J, i.value]
         ])
       ]),
-      s("label", null, [
-        z(d(e.labels.confirm), 1),
-        K(s("input", {
-          "onUpdate:modelValue": L[2] || (L[2] = (F) => u.value = F),
+      r("label", null, [
+        Q(m(e.labels.confirm), 1),
+        Y(r("input", {
+          "onUpdate:modelValue": N[2] || (N[2] = (A) => n.value = A),
           type: "password",
           required: "",
           autocomplete: "new-password"
         }, null, 512), [
-          [V, u.value]
+          [J, n.value]
         ])
       ]),
-      b.value || e.error ? (a(), o("p", $a, d(b.value || e.error), 1)) : p("", !0),
-      s("button", {
+      c.value || e.error ? (t(), l("p", il, m(c.value || e.error), 1)) : b("", !0),
+      r("button", {
         type: "submit",
         disabled: e.saving
-      }, d(e.saving ? e.labels.saving : e.labels.save), 9, La)
+      }, m(e.saving ? e.labels.saving : e.labels.save), 9, sl)
     ], 32));
   }
 });
-const ml = /* @__PURE__ */ A(Ca, [["__scopeId", "data-v-3eb63418"]]), Sa = ["aria-label"], xa = ["onClick"], Aa = /* @__PURE__ */ k({
+const Mo = /* @__PURE__ */ W(rl, [["__scopeId", "data-v-3eb63418"]]), ul = ["aria-label"], dl = ["onClick"], cl = /* @__PURE__ */ P({
   __name: "AdminSecuritySettings",
   props: {
     items: {},
     label: { default: "Security settings" }
   },
   emits: ["action"],
-  setup(e, { emit: c }) {
-    const t = c;
-    return (i, l) => (a(), o("section", {
+  setup(e, { emit: d }) {
+    const a = d;
+    return (o, s) => (t(), l("section", {
       class: "dsea-security-settings",
       "aria-label": e.label
     }, [
-      (a(!0), o(x, null, M(e.items, (r) => (a(), o("div", {
-        key: r.key,
+      (t(!0), l(F, null, K(e.items, (u) => (t(), l("div", {
+        key: u.key,
         class: "dsea-security-settings__row"
       }, [
-        s("div", null, [
-          s("strong", null, d(r.title), 1),
-          s("p", null, d(r.description), 1)
+        r("div", null, [
+          r("strong", null, m(u.title), 1),
+          r("p", null, m(u.description), 1)
         ]),
-        r.action ? (a(), o("button", {
+        u.action ? (t(), l("button", {
           key: 0,
           type: "button",
-          onClick: (n) => t("action", r.key)
-        }, d(r.action), 9, xa)) : p("", !0)
+          onClick: (i) => a("action", u.key)
+        }, m(u.action), 9, dl)) : b("", !0)
       ]))), 128))
-    ], 8, Sa));
+    ], 8, ul));
   }
 });
-const bl = /* @__PURE__ */ A(Aa, [["__scopeId", "data-v-9de763c2"]]), Ma = ["aria-label"], Ta = ["disabled"], Ba = { class: "dsea-error-log__table-wrap" }, Pa = { scope: "col" }, Ia = { scope: "col" }, Ea = { scope: "col" }, Fa = ["onClick"], Na = { key: 0 }, za = {
+const Ao = /* @__PURE__ */ W(cl, [["__scopeId", "data-v-9de763c2"]]), ml = ["aria-label"], vl = ["disabled"], gl = { class: "dsea-error-log__table-wrap" }, bl = { scope: "col" }, hl = { scope: "col" }, pl = { scope: "col" }, fl = ["onClick"], yl = { key: 0 }, kl = {
   colspan: "4",
   class: "dsea-error-log__empty"
-}, Da = ["aria-label"], Ka = ["aria-label"], Va = { key: 0 }, Ra = /* @__PURE__ */ k({
+}, wl = ["aria-label"], Sl = ["aria-label"], _l = { key: 0 }, $l = /* @__PURE__ */ P({
   __name: "AdminErrorLogView",
   props: {
     entries: {},
@@ -1898,97 +2940,97 @@ const bl = /* @__PURE__ */ A(Aa, [["__scopeId", "data-v-9de763c2"]]), Ma = ["ari
     emptyLabel: { default: "No errors" }
   },
   emits: ["clear"],
-  setup(e, { emit: c }) {
-    const t = c, i = S(null), l = S();
-    return U(i, async (r) => {
-      var n;
-      r && (await se(), (n = l.value) == null || n.focus());
-    }), (r, n) => (a(), o("section", {
+  setup(e, { emit: d }) {
+    const a = d, o = M(null), s = M();
+    return Z(o, async (u) => {
+      var i;
+      u && (await Be(), (i = s.value) == null || i.focus());
+    }), (u, i) => (t(), l("section", {
       class: "dsea-error-log",
       "aria-label": e.title
     }, [
-      s("header", null, [
-        s("h1", null, d(e.title), 1),
-        s("button", {
+      r("header", null, [
+        r("h1", null, m(e.title), 1),
+        r("button", {
           type: "button",
           disabled: !e.entries.length,
-          onClick: n[0] || (n[0] = (u) => t("clear"))
-        }, d(e.clearLabel), 9, Ta)
+          onClick: i[0] || (i[0] = (n) => a("clear"))
+        }, m(e.clearLabel), 9, vl)
       ]),
-      s("div", Ba, [
-        s("table", null, [
-          s("thead", null, [
-            s("tr", null, [
-              s("th", Pa, d(e.timeLabel), 1),
-              s("th", Ia, d(e.messageLabel), 1),
-              s("th", Ea, d(e.sourceLabel), 1),
-              n[4] || (n[4] = s("th", { scope: "col" }, null, -1))
+      r("div", gl, [
+        r("table", null, [
+          r("thead", null, [
+            r("tr", null, [
+              r("th", bl, m(e.timeLabel), 1),
+              r("th", hl, m(e.messageLabel), 1),
+              r("th", pl, m(e.sourceLabel), 1),
+              i[4] || (i[4] = r("th", { scope: "col" }, null, -1))
             ])
           ]),
-          s("tbody", null, [
-            (a(!0), o(x, null, M(e.entries, (u) => (a(), o("tr", {
-              key: u.id
+          r("tbody", null, [
+            (t(!0), l(F, null, K(e.entries, (n) => (t(), l("tr", {
+              key: n.id
             }, [
-              s("td", null, d(u.time), 1),
-              s("td", null, d(u.message), 1),
-              s("td", null, d(u.source), 1),
-              s("td", null, [
-                s("button", {
+              r("td", null, m(n.time), 1),
+              r("td", null, m(n.message), 1),
+              r("td", null, m(n.source), 1),
+              r("td", null, [
+                r("button", {
                   type: "button",
-                  onClick: (b) => i.value = u
-                }, d(e.detailsLabel), 9, Fa)
+                  onClick: (c) => o.value = n
+                }, m(e.detailsLabel), 9, fl)
               ])
             ]))), 128)),
-            e.entries.length ? p("", !0) : (a(), o("tr", Na, [
-              s("td", za, d(e.emptyLabel), 1)
+            e.entries.length ? b("", !0) : (t(), l("tr", yl, [
+              r("td", kl, m(e.emptyLabel), 1)
             ]))
           ])
         ])
       ]),
-      i.value ? (a(), o("div", {
+      o.value ? (t(), l("div", {
         key: 0,
         class: "dsea-error-log__backdrop",
-        onClick: n[3] || (n[3] = H((u) => i.value = null, ["self"]))
+        onClick: i[3] || (i[3] = ee((n) => o.value = null, ["self"]))
       }, [
-        s("section", {
+        r("section", {
           ref_key: "dialog",
-          ref: l,
+          ref: s,
           role: "dialog",
           "aria-modal": "true",
           "aria-label": e.detailsLabel,
           tabindex: "-1",
           class: "dsea-error-log__dialog",
-          onKeydown: n[2] || (n[2] = J((u) => i.value = null, ["esc"]))
+          onKeydown: i[2] || (i[2] = be((n) => o.value = null, ["esc"]))
         }, [
-          s("header", null, [
-            s("h2", null, d(i.value.message), 1),
-            s("button", {
+          r("header", null, [
+            r("h2", null, m(o.value.message), 1),
+            r("button", {
               type: "button",
               "aria-label": e.closeLabel,
-              onClick: n[1] || (n[1] = (u) => i.value = null)
+              onClick: i[1] || (i[1] = (n) => o.value = null)
             }, [
-              $(y(w), {
+              x(f(L), {
                 icon: "lucide:x",
                 size: 18
               })
-            ], 8, Ka)
+            ], 8, Sl)
           ]),
-          s("dl", null, [
-            s("dt", null, d(e.timeLabel), 1),
-            s("dd", null, d(i.value.time), 1),
-            s("dt", null, d(e.sourceLabel), 1),
-            s("dd", null, d(i.value.source), 1)
+          r("dl", null, [
+            r("dt", null, m(e.timeLabel), 1),
+            r("dd", null, m(o.value.time), 1),
+            r("dt", null, m(e.sourceLabel), 1),
+            r("dd", null, m(o.value.source), 1)
           ]),
-          i.value.details ? (a(), o("pre", Va, d(i.value.details), 1)) : p("", !0)
-        ], 40, Da)
-      ])) : p("", !0)
-    ], 8, Ma));
+          o.value.details ? (t(), l("pre", _l, m(o.value.details), 1)) : b("", !0)
+        ], 40, wl)
+      ])) : b("", !0)
+    ], 8, ml));
   }
 });
-const vl = /* @__PURE__ */ A(Ra, [["__scopeId", "data-v-c1b52346"]]), Ua = { class: "dsea-about-view" }, qa = { key: 0 }, Wa = { class: "dsea-about-view__info" }, Oa = ["href"], Ha = {
+const To = /* @__PURE__ */ W($l, [["__scopeId", "data-v-c1b52346"]]), Cl = { class: "dsea-about-view" }, xl = { key: 0 }, Ll = { class: "dsea-about-view__info" }, Ml = ["href"], Al = {
   key: 0,
   class: "dsea-about-view__dependencies"
-}, ja = /* @__PURE__ */ k({
+}, Tl = /* @__PURE__ */ P({
   __name: "AdminAboutView",
   props: {
     title: {},
@@ -2002,47 +3044,47 @@ const vl = /* @__PURE__ */ A(Ra, [["__scopeId", "data-v-c1b52346"]]), Ua = { cla
     dependenciesLabel: { default: "Dependencies" }
   },
   setup(e) {
-    const c = e, t = I(() => c.links.filter((l) => X(l.href))), i = I(() => Object.entries(c.dependencies).sort(([l], [r]) => l.localeCompare(r)));
-    return (l, r) => (a(), o("section", Ua, [
-      s("header", null, [
-        s("h1", null, d(e.title), 1),
-        e.description ? (a(), o("p", qa, d(e.description), 1)) : p("", !0)
+    const d = e, a = E(() => d.links.filter((s) => ge(s.href))), o = E(() => Object.entries(d.dependencies).sort(([s], [u]) => s.localeCompare(u)));
+    return (s, u) => (t(), l("section", Cl, [
+      r("header", null, [
+        r("h1", null, m(e.title), 1),
+        e.description ? (t(), l("p", xl, m(e.description), 1)) : b("", !0)
       ]),
-      s("dl", Wa, [
-        s("dt", null, d(e.versionLabel), 1),
-        s("dd", null, d(e.version), 1),
-        e.builtAt ? (a(), o(x, { key: 0 }, [
-          s("dt", null, d(e.builtAtLabel), 1),
-          s("dd", null, d(e.builtAt), 1)
-        ], 64)) : p("", !0),
-        (a(!0), o(x, null, M(t.value, (n) => (a(), o(x, {
-          key: n.label
+      r("dl", Ll, [
+        r("dt", null, m(e.versionLabel), 1),
+        r("dd", null, m(e.version), 1),
+        e.builtAt ? (t(), l(F, { key: 0 }, [
+          r("dt", null, m(e.builtAtLabel), 1),
+          r("dd", null, m(e.builtAt), 1)
+        ], 64)) : b("", !0),
+        (t(!0), l(F, null, K(a.value, (i) => (t(), l(F, {
+          key: i.label
         }, [
-          s("dt", null, d(n.label), 1),
-          s("dd", null, [
-            s("a", {
-              href: n.href,
+          r("dt", null, m(i.label), 1),
+          r("dd", null, [
+            r("a", {
+              href: i.href,
               target: "_blank",
               rel: "noopener noreferrer"
-            }, d(n.label), 9, Oa)
+            }, m(i.label), 9, Ml)
           ])
         ], 64))), 128))
       ]),
-      i.value.length ? (a(), o("section", Ha, [
-        s("h2", null, d(e.dependenciesLabel), 1),
-        s("dl", null, [
-          (a(!0), o(x, null, M(i.value, (n) => (a(), o(x, {
-            key: n[0]
+      o.value.length ? (t(), l("section", Al, [
+        r("h2", null, m(e.dependenciesLabel), 1),
+        r("dl", null, [
+          (t(!0), l(F, null, K(o.value, (i) => (t(), l(F, {
+            key: i[0]
           }, [
-            s("dt", null, d(n[0]), 1),
-            s("dd", null, d(n[1]), 1)
+            r("dt", null, m(i[0]), 1),
+            r("dd", null, m(i[1]), 1)
           ], 64))), 128))
         ])
-      ])) : p("", !0)
+      ])) : b("", !0)
     ]));
   }
 });
-const pl = /* @__PURE__ */ A(ja, [["__scopeId", "data-v-c800d903"]]), Qa = ["aria-label"], Ga = ["title"], Xa = ["aria-label", "onClick"], Ya = /* @__PURE__ */ k({
+const Po = /* @__PURE__ */ W(Tl, [["__scopeId", "data-v-c800d903"]]), Pl = ["aria-label"], Bl = ["title"], Fl = ["aria-label", "onClick"], El = /* @__PURE__ */ P({
   __name: "AgentAttachmentList",
   props: {
     attachments: {},
@@ -2050,47 +3092,47 @@ const pl = /* @__PURE__ */ A(ja, [["__scopeId", "data-v-c800d903"]]), Qa = ["ari
     removeLabel: { default: "Remove" }
   },
   emits: ["remove"],
-  setup(e, { emit: c }) {
-    const t = c;
-    function i(l) {
-      return l < 1024 ? `${l} B` : l < 1048576 ? `${(l / 1024).toFixed(1)} KB` : `${(l / 1048576).toFixed(1)} MB`;
+  setup(e, { emit: d }) {
+    const a = d;
+    function o(s) {
+      return s < 1024 ? `${s} B` : s < 1048576 ? `${(s / 1024).toFixed(1)} KB` : `${(s / 1048576).toFixed(1)} MB`;
     }
-    return (l, r) => e.attachments.length ? (a(), o("ul", {
+    return (s, u) => e.attachments.length ? (t(), l("ul", {
       key: 0,
       class: "dsea-agent-attachments",
       "aria-label": e.label
     }, [
-      (a(!0), o(x, null, M(e.attachments, (n) => (a(), o("li", {
-        key: n.id
+      (t(!0), l(F, null, K(e.attachments, (i) => (t(), l("li", {
+        key: i.id
       }, [
-        $(y(w), {
-          icon: n.status === "uploading" ? "lucide:loader-circle" : "lucide:paperclip",
+        x(f(L), {
+          icon: i.status === "uploading" ? "lucide:loader-circle" : "lucide:paperclip",
           size: 14
         }, null, 8, ["icon"]),
-        s("span", {
+        r("span", {
           class: "dsea-agent-attachments__name",
-          title: n.name
-        }, d(n.name), 9, Ga),
-        s("small", null, d(i(n.size)), 1),
-        n.status !== "uploading" ? (a(), o("button", {
+          title: i.name
+        }, m(i.name), 9, Bl),
+        r("small", null, m(o(i.size)), 1),
+        i.status !== "uploading" ? (t(), l("button", {
           key: 0,
           type: "button",
-          "aria-label": `${e.removeLabel}: ${n.name}`,
-          onClick: (u) => t("remove", n.id)
+          "aria-label": `${e.removeLabel}: ${i.name}`,
+          onClick: (n) => a("remove", i.id)
         }, [
-          $(y(w), {
+          x(f(L), {
             icon: "lucide:x",
             size: 14
           })
-        ], 8, Xa)) : p("", !0)
+        ], 8, Fl)) : b("", !0)
       ]))), 128))
-    ], 8, Qa)) : p("", !0);
+    ], 8, Pl)) : b("", !0);
   }
 });
-const Ja = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-23c5547e"]]), Za = { class: "dsea-agent-model-select" }, en = { class: "dsea-agent-model-select__label" }, tn = ["value", "disabled"], an = {
+const Il = /* @__PURE__ */ W(El, [["__scopeId", "data-v-23c5547e"]]), Nl = { class: "dsea-agent-model-select" }, zl = { class: "dsea-agent-model-select__label" }, Dl = ["value", "disabled"], Rl = {
   value: "",
   disabled: ""
-}, nn = ["value"], ln = /* @__PURE__ */ k({
+}, Kl = ["value"], Wl = /* @__PURE__ */ P({
   __name: "AgentModelSelect",
   props: {
     model: {},
@@ -2102,28 +3144,28 @@ const Ja = /* @__PURE__ */ A(Ya, [["__scopeId", "data-v-23c5547e"]]), Za = { cla
     loadingLabel: { default: "Loading models" }
   },
   emits: ["update:model"],
-  setup(e, { emit: c }) {
-    const t = c;
-    function i(l) {
-      t("update:model", l.target.value);
-    }
-    return (l, r) => (a(), o("label", Za, [
-      s("span", en, d(e.label), 1),
-      s("select", {
+  setup(e, { emit: d }) {
+    const a = d;
+    function o(s) {
+      a("update:model", s.target.value);
+    }
+    return (s, u) => (t(), l("label", Nl, [
+      r("span", zl, m(e.label), 1),
+      r("select", {
         value: e.model,
         disabled: e.disabled || e.loading,
-        onChange: i
+        onChange: o
       }, [
-        s("option", an, d(e.loading ? e.loadingLabel : e.placeholder), 1),
-        (a(!0), o(x, null, M(e.models, (n) => (a(), o("option", {
-          key: n.id,
-          value: n.id
-        }, d(n.name) + d(n.provider ? ` · ${n.provider}` : ""), 9, nn))), 128))
-      ], 40, tn)
+        r("option", Rl, m(e.loading ? e.loadingLabel : e.placeholder), 1),
+        (t(!0), l(F, null, K(e.models, (i) => (t(), l("option", {
+          key: i.id,
+          value: i.id
+        }, m(i.name) + m(i.provider ? ` · ${i.provider}` : ""), 9, Kl))), 128))
+      ], 40, Dl)
     ]));
   }
 });
-const on = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-bd9414ff"]]), sn = { class: "dsea-agent-composer" }, rn = ["value", "placeholder", "disabled"], dn = { class: "dsea-agent-composer__toolbar" }, cn = ["disabled", "aria-label", "title"], un = ["value", "aria-label", "disabled"], mn = ["value"], bn = ["disabled", "aria-label", "title"], vn = /* @__PURE__ */ k({
+const Ol = /* @__PURE__ */ W(Wl, [["__scopeId", "data-v-bd9414ff"]]), Vl = { class: "dsea-agent-composer" }, Ul = ["value", "placeholder", "disabled"], ql = { class: "dsea-agent-composer__toolbar" }, Hl = ["disabled", "aria-label", "title"], jl = ["value", "aria-label", "disabled"], Ql = ["value"], Xl = ["disabled", "aria-label", "title"], Gl = /* @__PURE__ */ P({
   __name: "AgentComposer",
   props: {
     draft: {},
@@ -2146,103 +3188,103 @@ const on = /* @__PURE__ */ A(ln, [["__scopeId", "data-v-bd9414ff"]]), sn = { cla
     stopLabel: { default: "Stop" }
   },
   emits: ["update:draft", "update:model", "update:approvalMode", "files", "removeAttachment", "send", "stop"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, l = S();
-    function r(b) {
-      i("update:draft", b.target.value);
+  setup(e, { emit: d }) {
+    const a = e, o = d, s = M();
+    function u(c) {
+      o("update:draft", c.target.value);
     }
-    function n(b) {
-      b.key !== "Enter" || b.shiftKey || b.isComposing || (b.preventDefault(), !t.loading && t.draft.trim() && !t.disabled && !t.waitingApproval && i("send"));
+    function i(c) {
+      c.key !== "Enter" || c.shiftKey || c.isComposing || (c.preventDefault(), !a.loading && a.draft.trim() && !a.disabled && !a.waitingApproval && o("send"));
     }
-    function u(b) {
-      const g = b.target, v = Array.from(g.files ?? []);
-      v.length && i("files", v), g.value = "";
+    function n(c) {
+      const y = c.target, h = Array.from(y.files ?? []);
+      h.length && o("files", h), y.value = "";
     }
-    return (b, g) => (a(), o("div", sn, [
-      $(Ja, {
+    return (c, y) => (t(), l("div", Vl, [
+      x(Il, {
         attachments: e.attachments,
         label: e.attachmentsLabel,
-        onRemove: g[0] || (g[0] = (v) => i("removeAttachment", v))
+        onRemove: y[0] || (y[0] = (h) => o("removeAttachment", h))
       }, null, 8, ["attachments", "label"]),
-      s("textarea", {
+      r("textarea", {
         value: e.draft,
         placeholder: e.waitingApproval ? e.waitingLabel : e.placeholder,
         disabled: e.disabled || e.waitingApproval,
         rows: "2",
-        onInput: r,
-        onKeydown: n
-      }, null, 40, rn),
-      s("div", dn, [
-        s("input", {
+        onInput: u,
+        onKeydown: i
+      }, null, 40, Ul),
+      r("div", ql, [
+        r("input", {
           ref_key: "fileInput",
-          ref: l,
+          ref: s,
           type: "file",
           multiple: "",
           class: "dsea-agent-composer__file-input",
-          onChange: u
+          onChange: n
         }, null, 544),
-        s("button", {
+        r("button", {
           type: "button",
           class: "dsea-agent-composer__icon",
           disabled: e.disabled || e.waitingApproval,
           "aria-label": e.attachLabel,
           title: e.attachLabel,
-          onClick: g[1] || (g[1] = (v) => {
-            var m;
-            return (m = l.value) == null ? void 0 : m.click();
+          onClick: y[1] || (y[1] = (h) => {
+            var p;
+            return (p = s.value) == null ? void 0 : p.click();
           })
         }, [
-          $(y(w), {
+          x(f(L), {
             icon: "lucide:paperclip",
             size: 18
           })
-        ], 8, cn),
-        s("select", {
+        ], 8, Hl),
+        r("select", {
           value: e.approvalMode,
           "aria-label": e.approvalLabel,
           disabled: e.disabled || e.waitingApproval,
-          onChange: g[2] || (g[2] = (v) => i("update:approvalMode", v.target.value))
+          onChange: y[2] || (y[2] = (h) => o("update:approvalMode", h.target.value))
         }, [
-          (a(!0), o(x, null, M(e.approvalModes, (v) => (a(), o("option", {
-            key: v.value,
-            value: v.value
-          }, d(v.label), 9, mn))), 128))
-        ], 40, un),
-        $(on, {
+          (t(!0), l(F, null, K(e.approvalModes, (h) => (t(), l("option", {
+            key: h.value,
+            value: h.value
+          }, m(h.label), 9, Ql))), 128))
+        ], 40, jl),
+        x(Ol, {
           model: e.model,
           models: e.models,
           loading: e.modelsLoading,
           disabled: e.disabled || e.loading || e.waitingApproval,
           label: e.modelLabel,
-          "onUpdate:model": g[3] || (g[3] = (v) => i("update:model", v))
+          "onUpdate:model": y[3] || (y[3] = (h) => o("update:model", h))
         }, null, 8, ["model", "models", "loading", "disabled", "label"]),
-        s("button", {
+        r("button", {
           type: "button",
           class: "dsea-agent-composer__send",
           disabled: !e.loading && (!e.draft.trim() || e.disabled || e.waitingApproval),
           "aria-label": e.loading ? e.stopLabel : e.sendLabel,
           title: e.loading ? e.stopLabel : e.sendLabel,
-          onClick: g[4] || (g[4] = (v) => i(e.loading ? "stop" : "send"))
+          onClick: y[4] || (y[4] = (h) => o(e.loading ? "stop" : "send"))
         }, [
-          $(y(w), {
+          x(f(L), {
             icon: e.loading ? "lucide:square" : "lucide:send",
             size: 18
           }, null, 8, ["icon"])
-        ], 8, bn)
+        ], 8, Xl)
       ])
     ]));
   }
 });
-const gl = /* @__PURE__ */ A(vn, [["__scopeId", "data-v-f5f922c2"]]), pn = { key: 0 }, gn = { class: "dsea-agent-approval__status" }, hn = {
+const Bo = /* @__PURE__ */ W(Gl, [["__scopeId", "data-v-f5f922c2"]]), Yl = { key: 0 }, Jl = { class: "dsea-agent-approval__status" }, Zl = {
   key: 0,
   class: "dsea-agent-approval__tool"
-}, fn = { key: 1 }, yn = {
+}, eo = { key: 1 }, to = {
   key: 2,
   class: "dsea-agent-approval__meta"
-}, kn = {
+}, ao = {
   key: 3,
   class: "dsea-agent-approval__reason"
-}, _n = { key: 4 }, wn = ["disabled"], $n = ["disabled"], Ln = /* @__PURE__ */ k({
+}, no = { key: 4 }, lo = ["disabled"], oo = ["disabled"], io = /* @__PURE__ */ P({
   __name: "AgentApprovalCard",
   props: {
     approval: {},
@@ -2250,8 +3292,8 @@ const gl = /* @__PURE__ */ A(vn, [["__scopeId", "data-v-f5f922c2"]]), pn = { key
     labels: {}
   },
   emits: ["resolve"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, l = {
+  setup(e, { emit: d }) {
+    const a = e, o = d, s = {
       status: {
         pending: "Approval needed",
         approved: "Approved",
@@ -2268,364 +3310,123 @@ const gl = /* @__PURE__ */ A(vn, [["__scopeId", "data-v-f5f922c2"]]), pn = { key
       expires: "Expires",
       reject: "Reject",
       approve: "Approve"
-    }, r = I(() => {
-      var n, u;
+    }, u = E(() => {
+      var i, n;
       return {
-        ...l,
-        ...t.labels,
-        status: { ...l.status, ...(n = t.labels) == null ? void 0 : n.status },
-        risk: { ...l.risk, ...(u = t.labels) == null ? void 0 : u.risk }
+        ...s,
+        ...a.labels,
+        status: { ...s.status, ...(i = a.labels) == null ? void 0 : i.status },
+        risk: { ...s.risk, ...(n = a.labels) == null ? void 0 : n.risk }
       };
     });
-    return (n, u) => (a(), o("article", {
-      class: N(["dsea-agent-approval", `dsea-agent-approval--${e.approval.status}`])
+    return (i, n) => (t(), l("article", {
+      class: U(["dsea-agent-approval", `dsea-agent-approval--${e.approval.status}`])
     }, [
-      s("header", null, [
-        s("div", null, [
-          s("h2", null, d(r.value.status[e.approval.status] || e.approval.status), 1),
-          e.approval.summary ? (a(), o("p", pn, d(e.approval.summary), 1)) : p("", !0)
+      r("header", null, [
+        r("div", null, [
+          r("h2", null, m(u.value.status[e.approval.status] || e.approval.status), 1),
+          e.approval.summary ? (t(), l("p", Yl, m(e.approval.summary), 1)) : b("", !0)
         ]),
-        s("span", gn, d(r.value.risk[e.approval.riskLevel || "read"] || e.approval.riskLevel), 1)
+        r("span", Jl, m(u.value.risk[e.approval.riskLevel || "read"] || e.approval.riskLevel), 1)
       ]),
-      e.approval.toolName ? (a(), o("p", hn, [
-        z(d(r.value.tool) + ": ", 1),
-        s("code", null, d(e.approval.toolName), 1)
-      ])) : p("", !0),
-      e.approval.details ? (a(), o("details", fn, [
-        s("summary", null, d(r.value.details), 1),
-        s("pre", null, d(e.approval.details), 1)
-      ])) : p("", !0),
-      e.approval.expiresAt ? (a(), o("p", yn, d(r.value.expires) + ": " + d(e.approval.expiresAt), 1)) : p("", !0),
-      e.approval.reason ? (a(), o("p", kn, d(e.approval.reason), 1)) : p("", !0),
-      e.approval.status === "pending" ? (a(), o("footer", _n, [
-        s("button", {
+      e.approval.toolName ? (t(), l("p", Zl, [
+        Q(m(u.value.tool) + ": ", 1),
+        r("code", null, m(e.approval.toolName), 1)
+      ])) : b("", !0),
+      e.approval.details ? (t(), l("details", eo, [
+        r("summary", null, m(u.value.details), 1),
+        r("pre", null, m(e.approval.details), 1)
+      ])) : b("", !0),
+      e.approval.expiresAt ? (t(), l("p", to, m(u.value.expires) + ": " + m(e.approval.expiresAt), 1)) : b("", !0),
+      e.approval.reason ? (t(), l("p", ao, m(e.approval.reason), 1)) : b("", !0),
+      e.approval.status === "pending" ? (t(), l("footer", no, [
+        r("button", {
           type: "button",
           disabled: e.busy,
-          onClick: u[0] || (u[0] = (b) => i("resolve", "reject"))
-        }, d(r.value.reject), 9, wn),
-        s("button", {
+          onClick: n[0] || (n[0] = (c) => o("resolve", "reject"))
+        }, m(u.value.reject), 9, lo),
+        r("button", {
           type: "button",
           class: "dsea-agent-approval__approve",
           disabled: e.busy,
-          onClick: u[1] || (u[1] = (b) => i("resolve", "approve"))
-        }, d(r.value.approve), 9, $n)
-      ])) : p("", !0)
+          onClick: n[1] || (n[1] = (c) => o("resolve", "approve"))
+        }, m(u.value.approve), 9, oo)
+      ])) : b("", !0)
     ], 2));
   }
 });
-const hl = /* @__PURE__ */ A(Ln, [["__scopeId", "data-v-88695aee"]]), Cn = { class: "dsea-admin-tabs" }, Sn = {
-  class: "dsea-admin-tabs__list",
-  role: "tablist"
-}, xn = ["aria-selected", "onClick"], An = ["aria-label", "onClick"], Mn = {
-  key: 0,
-  class: "dsea-admin-tabs__tools"
-}, Tn = ["aria-label"], Bn = ["aria-label"], fl = /* @__PURE__ */ k({
-  __name: "AdminTabs",
-  props: {
-    tabs: {},
-    activeKey: {},
-    labels: {},
-    navigateOnSelect: { type: Boolean, default: !0 }
-  },
-  emits: ["select", "close", "refresh", "closeAction"],
-  setup(e, { emit: c }) {
-    const t = e, i = c, { ports: l } = q(), r = I(() => [
-      { event: "left", text: t.labels.closeLeft },
-      { event: "right", text: t.labels.closeRight },
-      { event: "others", text: t.labels.closeOthers },
-      { event: "all", text: t.labels.closeAll }
-    ]);
-    function n(g) {
-      i("select", g), t.navigateOnSelect && l.navigation.go(g);
-    }
-    function u(g) {
-      i("close", g);
-    }
-    function b(g) {
-      g && i("closeAction", g.event, t.activeKey);
-    }
-    return (g, v) => (a(), o("div", Cn, [
-      s("div", Sn, [
-        (a(!0), o(x, null, M(e.tabs, (m) => (a(), o("div", {
-          key: m.key,
-          class: N(["dsea-admin-tabs__item", { "dsea-admin-tabs__item--active": m.key === e.activeKey }])
-        }, [
-          s("button", {
-            type: "button",
-            role: "tab",
-            "aria-selected": m.key === e.activeKey,
-            class: "dsea-admin-tabs__select",
-            onClick: (L) => n(m.key)
-          }, [
-            m.icon ? (a(), P(y(w), {
-              key: 0,
-              icon: m.icon,
-              size: 14
-            }, null, 8, ["icon"])) : p("", !0),
-            s("span", null, d(m.label), 1)
-          ], 8, xn),
-          m.affix ? p("", !0) : (a(), o("button", {
-            key: 0,
-            type: "button",
-            class: "dsea-admin-tabs__close",
-            "aria-label": `${e.labels.close}: ${m.label}`,
-            onClick: (L) => u(m.key)
-          }, [
-            $(y(w), {
-              icon: "lucide:x",
-              size: 14
-            })
-          ], 8, An))
-        ], 2))), 128))
-      ]),
-      e.tabs.length ? (a(), o("div", Mn, [
-        s("button", {
-          type: "button",
-          "aria-label": e.labels.refresh,
-          onClick: v[0] || (v[0] = (m) => i("refresh", e.activeKey))
-        }, [
-          $(y(w), {
-            icon: "lucide:refresh-cw",
-            size: 16
-          })
-        ], 8, Tn),
-        $(y(re), {
-          "drop-menu-list": r.value,
-          trigger: ["click"],
-          onMenuEvent: b
-        }, {
-          default: j(() => [
-            s("button", {
-              type: "button",
-              "aria-label": e.labels.actions
-            }, [
-              $(y(w), {
-                icon: "lucide:chevron-down",
-                size: 16
-              })
-            ], 8, Bn)
-          ]),
-          _: 1
-        }, 8, ["drop-menu-list"])
-      ])) : p("", !0)
-    ]));
-  }
-});
-function yl(e, c, t) {
-  const i = e.findIndex((l) => l.key === c);
-  return i < 0 && t !== "all" ? [...e] : e.filter((l, r) => {
-    if (l.affix)
+const Fo = /* @__PURE__ */ W(io, [["__scopeId", "data-v-88695aee"]]);
+function Eo(e, d, a) {
+  const o = e.findIndex((s) => s.key === d);
+  return o < 0 && a !== "all" ? [...e] : e.filter((s, u) => {
+    if (s.affix)
       return !0;
-    switch (t) {
+    switch (a) {
       case "current":
-        return l.key !== c;
+        return s.key !== d;
       case "left":
-        return r >= i;
+        return u >= o;
       case "right":
-        return r <= i;
+        return u <= o;
       case "others":
-        return l.key === c;
+        return s.key === d;
       case "all":
         return !1;
     }
   });
 }
-function kl(e, c) {
-  var t;
-  return e.some((i) => i.key === c) ? c : (t = e[e.length - 1]) == null ? void 0 : t.key;
+function Io(e, d) {
+  var a;
+  return e.some((o) => o.key === d) ? d : (a = e[e.length - 1]) == null ? void 0 : a.key;
 }
-const Pn = { class: "dsea-settings-panel" }, In = ["for"], En = { key: 1 }, Fn = ["aria-label"], Nn = ["aria-label", "aria-pressed", "disabled", "onClick"], zn = ["aria-label"], Dn = ["aria-pressed", "disabled", "onClick"], Kn = /* @__PURE__ */ k({
-  __name: "SettingsPanel",
-  props: {
-    sections: {}
-  },
-  emits: ["change"],
-  setup(e, { emit: c }) {
-    const t = c;
-    function i(u, b) {
-      t("change", u, b);
-    }
-    function l(u, b) {
-      typeof b == "boolean" && i(u, b);
-    }
-    function r(u, b) {
-      (typeof b == "string" || typeof b == "number") && i(u, b);
-    }
-    function n(u, b) {
-      typeof b == "number" && Number.isFinite(b) && i(u, b);
-    }
-    return (u, b) => (a(), o("div", Pn, [
-      (a(!0), o(x, null, M(e.sections, (g) => (a(), o("section", {
-        key: g.title,
-        class: "dsea-settings-panel__section"
-      }, [
-        s("h3", null, d(g.title), 1),
-        (a(!0), o(x, null, M(g.items, (v) => (a(), o("div", {
-          key: v.key,
-          class: N(["dsea-settings-panel__row", { "dsea-settings-panel__row--stacked": v.type === "color" || v.type === "mode" }])
-        }, [
-          v.type === "switch" || v.type === "select" || v.type === "number" ? (a(), o("label", {
-            key: 0,
-            for: v.key
-          }, d(v.label), 9, In)) : (a(), o("span", En, d(v.label), 1)),
-          v.type === "switch" ? (a(), P(y(ye), {
-            key: 2,
-            id: v.key,
-            checked: v.value,
-            disabled: v.disabled,
-            onChange: (m) => l(v.key, m)
-          }, null, 8, ["id", "checked", "disabled", "onChange"])) : v.type === "select" ? (a(), P(y(ke), {
-            key: 3,
-            id: v.key,
-            value: v.value,
-            options: v.options,
-            disabled: v.disabled,
-            class: "dsea-settings-panel__select",
-            onChange: (m) => r(v.key, m)
-          }, null, 8, ["id", "value", "options", "disabled", "onChange"])) : v.type === "number" ? (a(), P(y(_e), {
-            key: 4,
-            id: v.key,
-            value: v.value,
-            min: v.min,
-            max: v.max,
-            step: v.step,
-            disabled: v.disabled,
-            class: "dsea-settings-panel__number",
-            onChange: (m) => n(v.key, m)
-          }, null, 8, ["id", "value", "min", "max", "step", "disabled", "onChange"])) : v.type === "color" ? (a(), o("div", {
-            key: 5,
-            class: "dsea-settings-panel__colors",
-            role: "group",
-            "aria-label": v.label
-          }, [
-            (a(!0), o(x, null, M(v.colors, (m) => (a(), o("button", {
-              key: m,
-              type: "button",
-              class: N(["dsea-settings-panel__swatch", { "dsea-settings-panel__swatch--active": v.value === m }]),
-              style: ie({ backgroundColor: m }),
-              "aria-label": m,
-              "aria-pressed": v.value === m,
-              disabled: v.disabled,
-              onClick: (L) => i(v.key, m)
-            }, [
-              v.value === m ? (a(), P(y(w), {
-                key: 0,
-                icon: "lucide:check",
-                size: 14
-              })) : p("", !0)
-            ], 14, Nn))), 128))
-          ], 8, Fn)) : v.type === "mode" ? (a(), o("div", {
-            key: 6,
-            class: "dsea-settings-panel__modes",
-            role: "group",
-            "aria-label": v.label
-          }, [
-            (a(!0), o(x, null, M(v.options, (m) => (a(), o("button", {
-              key: m.value,
-              type: "button",
-              class: N({ active: v.value === m.value }),
-              "aria-pressed": v.value === m.value,
-              disabled: v.disabled,
-              onClick: (L) => i(v.key, m.value)
-            }, [
-              m.icon ? (a(), P(y(w), {
-                key: 0,
-                icon: m.icon,
-                size: 16
-              }, null, 8, ["icon"])) : p("", !0),
-              z(" " + d(m.label), 1)
-            ], 10, Dn))), 128))
-          ], 8, zn)) : p("", !0)
-        ], 2))), 128))
-      ]))), 128))
-    ]));
-  }
-});
-const _l = /* @__PURE__ */ k({
-  __name: "AdminSettingsDrawer",
-  props: {
-    open: { type: Boolean },
-    title: {},
-    sections: {},
-    width: { default: 340 },
-    resetLabel: {}
-  },
-  emits: ["update:open", "change", "reset"],
-  setup(e, { emit: c }) {
-    const t = c;
-    return (i, l) => (a(), P(y(we), {
-      visible: e.open,
-      title: e.title,
-      placement: "right",
-      width: e.width,
-      onClose: l[2] || (l[2] = (r) => t("update:open", !1))
-    }, fe({
-      default: j(() => [
-        $(Kn, {
-          sections: e.sections,
-          onChange: l[0] || (l[0] = (r, n) => t("change", r, n))
-        }, null, 8, ["sections"])
-      ]),
-      _: 2
-    }, [
-      i.$slots.footer || e.resetLabel ? {
-        name: "footer",
-        fn: j(() => [
-          B(i.$slots, "footer", {}, () => [
-            s("button", {
-              type: "button",
-              class: "dsea-settings-drawer__reset",
-              onClick: l[1] || (l[1] = (r) => t("reset"))
-            }, d(e.resetLabel), 1)
-          ])
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["visible", "title", "width"]));
-  }
-});
 export {
-  pl as AdminAboutView,
-  Jn as AdminAppSwitcher,
-  ol as AdminBreadcrumb,
-  vl as AdminErrorLogView,
-  dl as AdminExceptionView,
-  Yn as AdminFullscreenButton,
-  sl as AdminIframeView,
-  ll as AdminLayout,
-  rl as AdminLockView,
-  il as AdminLoginView,
-  nl as AdminNotificationCenter,
-  ml as AdminPasswordForm,
-  ul as AdminProfileForm,
-  cl as AdminProfileTabs,
-  bl as AdminSecuritySettings,
-  _l as AdminSettingsDrawer,
-  fl as AdminTabs,
-  al as AdminUserMenu,
-  hl as AgentApprovalCard,
-  Ja as AgentAttachmentList,
-  gl as AgentComposer,
-  on as AgentModelSelect,
-  Xn as AppDarkModeToggle,
-  Gn as AppLocalePicker,
-  Ce as AppLogo,
-  el as AppProvider,
-  tl as AppSearch,
-  te as BasicMenu,
-  Kn as SettingsPanel,
-  jn as SimpleMenu,
-  Qn as SimpleMenuTag,
-  de as adminMenuKey,
-  ne as adminShellMessages,
-  me as appProviderKey,
-  yl as closeTabs,
-  Hn as createAdminMenuPlugin,
-  be as createAppProviderContext,
-  Wn as getAdminShellMessage,
-  ee as getAllParentPath,
-  On as legacyAdminMessages,
-  kl as nextActiveTab,
-  ce as useAdminMenuPort,
-  Zn as useAppProviderContext
+  Po as AdminAboutView,
+  Mt as AdminAppSwitcher,
+  _a as AdminBreadcrumb,
+  To as AdminErrorLogView,
+  Co as AdminExceptionView,
+  vt as AdminFullscreenButton,
+  So as AdminIframeView,
+  ko as AdminLayout,
+  $o as AdminLockView,
+  _o as AdminLoginView,
+  na as AdminNotificationCenter,
+  Mo as AdminPasswordForm,
+  Lo as AdminProfileForm,
+  xo as AdminProfileTabs,
+  Ao as AdminSecuritySettings,
+  Va as AdminSettingsDrawer,
+  Ea as AdminTabs,
+  qt as AdminUserMenu,
+  Fo as AgentApprovalCard,
+  Il as AgentAttachmentList,
+  Bo as AgentComposer,
+  Ol as AgentModelSelect,
+  po as AppDarkModeToggle,
+  rt as AppLocalePicker,
+  ve as AppLogo,
+  yo as AppProvider,
+  zt as AppSearch,
+  oe as BasicMenu,
+  wo as ClassicAdminLayout,
+  Oa as SettingsPanel,
+  bo as SimpleMenu,
+  ho as SimpleMenuTag,
+  Ee as adminMenuKey,
+  Me as adminShellMessages,
+  Ne as appProviderKey,
+  ae as classicLayoutDefaults,
+  Eo as closeTabs,
+  go as createAdminMenuPlugin,
+  ze as createAppProviderContext,
+  qa as createClassicLayoutSettingsController,
+  De as firstClassicPage,
+  mo as getAdminShellMessage,
+  ue as getAllParentPath,
+  vo as legacyAdminMessages,
+  Io as nextActiveTab,
+  ke as normalizeClassicLayoutSettings,
+  Ha as resolveClassicNavigation,
+  Se as useAdminMenuPort,
+  fo as useAppProviderContext
 };