@wssto2/vue-core 0.12.1 → 0.13.0

package/dist/shell/index.js

@@ -1,14 +1,14 @@
-import { defineComponent as R, provide as ce, computed as L, ref as N, useId as Se, openBlock as l, createElementBlock as m, normalizeClass as T, unref as t, createVNode as p, createCommentVNode as k, createElementVNode as r, toDisplayString as M, createBlock as P, withDirectives as nt, Fragment as U, renderList as se, vShow as at, withCtx as D, mergeProps as le, useTemplateRef as re, renderSlot as j, createSlots as G, normalizeProps as ne, guardReactiveProps as ae, inject as Le, onMounted as ot, onBeforeUnmount as Re, normalizeStyle as ve, nextTick as be, watch as Q, onScopeDispose as ue, Teleport as Oe, shallowRef as Ne, h as te, Transition as we, toValue as _e, createTextVNode as ie } from "vue";
+import { defineComponent as O, provide as ce, computed as L, ref as P, useId as Se, openBlock as r, createElementBlock as m, normalizeClass as T, unref as t, createVNode as p, createCommentVNode as k, createElementVNode as i, toDisplayString as M, createBlock as N, withDirectives as nt, Fragment as U, renderList as se, vShow as at, withCtx as D, mergeProps as le, useTemplateRef as re, renderSlot as j, createSlots as G, normalizeProps as ne, guardReactiveProps as ae, inject as Le, onMounted as ot, onBeforeUnmount as Oe, normalizeStyle as ve, nextTick as be, watch as Q, onScopeDispose as ue, Teleport as Re, shallowRef as Pe, h as te, Transition as we, toValue as _e, createTextVNode as ie } from "vue";
 import { useI18n as K } from "vue-i18n";
-import { _ as Pe } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
+import { _ as Ne } from "../Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js";
 import { _ as q, u as st, c as lt } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as rt } from "../Popover.vue_vue_type_script_setup_true_lang-C20Hf3Hl.js";
-import { u as qe, S as J } from "../contributions-CeG4bszd.js";
+import { u as qe, S as J } from "../contributions-obnyn03x.js";
 import { u as it } from "../environment-Dva-SG8D.js";
 import { _ as ct } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { l as Ae } from "../languageName-CItV_SOv.js";
 import { t as Be } from "../toast-CqSDTWRX.js";
-import { u as de, h as Ce } from "../platform-BQOX_Ntw.js";
+import { u as de, h as Ce } from "../platform-DtISOEt7.js";
 import { a as ut, _ as $e, h as Ee } from "../AccountMenuItem.vue_vue_type_script_setup_true_lang-BIYgaihv.js";
 import { _ as dt } from "../Sheet.vue_vue_type_script_setup_true_lang-B91aRD_y.js";
 import { _ as ft } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-CIwW7y4j.js";
@@ -17,7 +17,7 @@ import { _ as pt } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7x
 import { b as je } from "../chrome-nUcmVu8G.js";
 import { p as Ke, A as vt } from "../access-DmAceEo5.js";
 import { RouterLink as Ve, useRoute as ht, useRouter as ge } from "vue-router";
-import { u as bt } from "../navigation-TnVFYRaX.js";
+import { u as bt } from "../navigation-CctcxT51.js";
 import { u as gt } from "../leaveGuard-Cc8yeLxM.js";
 import { u as yt, S as xt } from "../dialogStack-B5G6xHq0.js";
 import { a as oe } from "../mediaQuery-CygcXmFW.js";
@@ -25,49 +25,51 @@ import { u as Fe } from "../useDialog-DfNmqM-0.js";
 import { _ as kt } from "../Menu.vue_vue_type_script_setup_true_lang-wKc9gdCn.js";
 import { W as _t, s as Ue, u as wt, b as $t } from "../shortcut-DUR6yPWA.js";
 import { d as fe } from "../feature-DdUAfyi4.js";
-import { _ as po } from "../HeaderAction.vue_vue_type_script_setup_true_lang-Da59TLBh.js";
+import { _ as go } from "../HeaderAction.vue_vue_type_script_setup_true_lang-Da59TLBh.js";
 import { p as St } from "../perDocument-DUuFrdGU.js";
 import { _ as De } from "../Highlight.vue_vue_type_script_setup_true_lang-DZGBmwcX.js";
 import { _ as Lt } from "../SearchInput.vue_vue_type_script_setup_true_lang-w4eAqyZ9.js";
 import { _ as Ct } from "../Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { _ as Et } from "../StatusLine.vue_vue_type_script_setup_true_lang-DsdQmLq6.js";
-import { _ as Tt } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
-const Mt = ["aria-expanded", "aria-controls"], At = { class: "flex-1 whitespace-nowrap" }, Dt = { class: "truncate" }, zt = ["id"], We = /* @__PURE__ */ R({
+import { u as Tt } from "../usePreferences-B8LIZp_f.js";
+import { p as Mt } from "../preferences-hYhrw8Uy.js";
+import { _ as At } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
+const Dt = ["aria-expanded", "aria-controls"], zt = { class: "flex-1 whitespace-nowrap" }, It = { class: "truncate" }, Ot = ["id"], We = /* @__PURE__ */ O({
   __name: "AccountMenuContent",
   props: {
     appearance: {}
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const n = e, o = a, { t: i } = K(), { session: u } = de(), s = it(), c = qe();
+    const n = e, o = a, { t: l } = K(), { session: c } = de(), s = it(), u = qe();
     ce(ut, { appearance: n.appearance, close: () => o("close") });
-    const d = n.appearance === "sheet", b = L(() => c.get("accountMenu").length > 0), g = s.locales.length > 1, h = N(!1), $ = Se(), _ = L(() => Ae(s.locale.value)), y = (z) => s.localeFlags[z];
+    const d = n.appearance === "sheet", b = L(() => u.get("accountMenu").length > 0), g = s.locales.length > 1, h = P(!1), $ = Se(), _ = L(() => Ae(s.locale.value)), y = (z) => s.localeFlags[z];
     async function C() {
       try {
-        await u.signOut();
+        await c.signOut();
       } catch {
-        Be.error(i("core.shell.account.sign_out_failed"));
+        Be.error(l("core.shell.account.sign_out_failed"));
       }
     }
     const v = d ? "overflow-hidden rounded-group bg-surface-cell shadow-group" : "";
-    return (z, f) => (l(), m("div", {
+    return (z, f) => (r(), m("div", {
       class: T(d ? "flex flex-col gap-group-gap text-content-strong" : "-m-1.5 space-y-1 *:not-first:border-t *:not-first:border-border-separator *:not-first:pt-1"),
       "data-shell-account-menu": ""
     }, [
-      b.value ? (l(), m("div", {
+      b.value ? (r(), m("div", {
         key: 0,
         class: T(t(v))
       }, [
         p(t(J), { name: "accountMenu" })
       ], 2)) : k("", !0),
-      g ? (l(), m("div", {
+      g ? (r(), m("div", {
         key: 1,
         class: T(t(v))
       }, [
-        r("div", {
+        i("div", {
           class: T(d ? "relative" : "")
         }, [
-          r("button", {
+          i("button", {
             type: "button",
             "aria-expanded": h.value,
             "aria-controls": t($),
@@ -80,43 +82,43 @@ const Mt = ["aria-expanded", "aria-controls"], At = { class: "flex-1 whitespace-
               size: d ? 22 : 16,
               class: "shrink-0 text-content-muted"
             }, null, 8, ["size"]),
-            r("span", At, M(t(i)("core.shell.account.language")), 1),
-            r("span", {
+            i("span", zt, M(t(l)("core.shell.account.language")), 1),
+            i("span", {
               class: T(["flex min-w-0 items-center gap-1.5 text-content-muted", d ? "" : "text-xs"])
             }, [
-              y(t(s).locale.value) ? (l(), P(ct, {
+              y(t(s).locale.value) ? (r(), N(ct, {
                 key: 0,
                 country: y(t(s).locale.value)
               }, null, 8, ["country"])) : k("", !0),
-              r("span", Dt, M(_.value), 1)
+              i("span", It, M(_.value), 1)
             ], 2),
             p(t(q), {
               name: "arrowDownSLine",
               size: d ? 18 : 16,
               class: T(["shrink-0 text-content-disabled transition-transform duration-motion-fast", h.value ? "rotate-180" : ""])
             }, null, 8, ["size", "class"])
-          ], 10, Mt)
+          ], 10, Dt)
         ], 2),
-        nt(r("div", {
+        nt(i("div", {
           id: t($),
           class: T(d ? "" : "space-y-0.5 pl-4")
         }, [
-          (l(!0), m(U, null, se(t(s).locales, (I) => (l(), P($e, {
+          (r(!0), m(U, null, se(t(s).locales, (I) => (r(), N($e, {
             key: I,
             label: t(Ae)(I),
             flag: y(I),
             selected: I === t(s).locale.value,
             onClick: (E) => t(s).setLocale(I)
           }, null, 8, ["label", "flag", "selected", "onClick"]))), 128))
-        ], 10, zt), [
+        ], 10, Ot), [
           [at, h.value]
         ])
       ], 2)) : k("", !0),
-      r("div", {
+      i("div", {
         class: T(t(v))
       }, [
         p($e, {
-          label: t(i)("core.shell.account.sign_out"),
+          label: t(l)("core.shell.account.sign_out"),
           icon: "logoutBoxRLine",
           tone: "critical",
           onClick: C
@@ -124,61 +126,61 @@ const Mt = ["aria-expanded", "aria-controls"], At = { class: "flex-1 whitespace-
       ], 2)
     ], 2));
   }
-}), It = ["onClick"], Rt = { class: "min-w-0 flex-1" }, Ot = { class: "block truncate text-sm font-semibold text-white" }, Nt = {
+}), Rt = ["onClick"], Pt = { class: "min-w-0 flex-1" }, Nt = { class: "block truncate text-sm font-semibold text-white" }, qt = {
   key: 0,
   class: "block truncate text-xs text-gray-300"
-}, Pt = /* @__PURE__ */ R({
+}, Bt = /* @__PURE__ */ O({
   __name: "AccountMenu",
   props: {
     identity: {}
   },
   setup(e) {
     const { t: a } = K();
-    return (n, o) => (l(), P(t(rt), {
+    return (n, o) => (r(), N(t(rt), {
       placement: "top-start",
       width: "sm",
       block: "",
       arrow: !1,
       label: t(a)("core.shell.account.open")
     }, {
-      trigger: D(({ toggle: i, attrs: u, presented: s }) => [
-        r("button", le({ type: "button" }, u, {
+      trigger: D(({ toggle: l, attrs: c, presented: s }) => [
+        i("button", le({ type: "button" }, c, {
           "data-shell-account": "",
           class: ["flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-white/5 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", { "bg-white/10": s }],
-          onClick: i
+          onClick: l
         }), [
-          p(t(Pe), {
+          p(t(Ne), {
             name: e.identity.name,
             size: "md"
           }, null, 8, ["name"]),
-          r("span", Rt, [
-            r("span", Ot, M(e.identity.name), 1),
-            e.identity.detail ? (l(), m("span", Nt, M(e.identity.detail), 1)) : k("", !0)
+          i("span", Pt, [
+            i("span", Nt, M(e.identity.name), 1),
+            e.identity.detail ? (r(), m("span", qt, M(e.identity.detail), 1)) : k("", !0)
           ]),
           p(t(q), {
             name: "expandUpDownLine",
             size: 16,
             class: "shrink-0 text-gray-400"
           })
-        ], 16, It)
+        ], 16, Rt)
       ]),
-      default: D(({ dismiss: i }) => [
+      default: D(({ dismiss: l }) => [
         p(We, {
           appearance: "popover",
-          onClose: i
+          onClose: l
         }, null, 8, ["onClose"])
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), qt = /* @__PURE__ */ R({
+}), jt = /* @__PURE__ */ O({
   __name: "AccountSheet",
   props: {
     identity: {}
   },
   setup(e, { expose: a }) {
     const n = re("sheet");
-    return a({ present: () => n.value?.present(), dismiss: () => n.value?.dismiss() }), (o, i) => (l(), P(t(dt), {
+    return a({ present: () => n.value?.present(), dismiss: () => n.value?.dismiss() }), (o, l) => (r(), N(t(dt), {
       ref_key: "sheet",
       ref: n,
       title: e.identity.name,
@@ -187,14 +189,14 @@ const Mt = ["aria-expanded", "aria-controls"], At = { class: "flex-1 whitespace-
       default: D(() => [
         p(We, {
           appearance: "sheet",
-          onClose: i[0] || (i[0] = (u) => n.value?.dismiss())
+          onClose: l[0] || (l[0] = (c) => n.value?.dismiss())
         })
       ]),
       _: 1
     }, 8, ["title"]));
   }
 });
-function Bt() {
+function Kt() {
   const e = st(), a = (n, o) => Object.prototype.hasOwnProperty.call(n, o);
   return (n) => n && (e[n] !== void 0 || a(lt, n)) ? n : null;
 }
@@ -202,22 +204,22 @@ function Xe(e) {
   return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.defaultPrevented;
 }
 const Ye = (e) => e.to ? [e] : e.children.flatMap(Ye);
-function jt(e) {
+function Vt(e) {
   const a = [];
   for (const n of e) {
     const o = Ye(n);
     if (o.length === 0) continue;
-    const i = !n.to && o.length > 1 ? n.label : null;
+    const l = !n.to && o.length > 1 ? n.label : null;
     a.push({
       key: n.key,
-      heading: i,
-      separated: i === null && a.length > 0,
-      items: o.map((u) => ({ key: u.key, label: u.label, icon: u.icon, to: u.to, active: u.active }))
+      heading: l,
+      separated: l === null && a.length > 0,
+      items: o.map((c) => ({ key: c.key, label: c.label, icon: c.icon, to: c.to, active: c.active }))
     });
   }
   return a;
 }
-const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id"], Ut = ["aria-labelledby"], Wt = ["href", "aria-current", "onClick"], Xt = { class: "min-w-0 flex-1 truncate" }, ze = "flex w-full items-center transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", He = /* @__PURE__ */ R({
+const Ft = ["aria-label", "data-appearance"], Ut = ["data-separated"], Wt = ["id"], Xt = ["aria-labelledby"], Yt = ["href", "aria-current", "onClick"], Ht = { class: "min-w-0 flex-1 truncate" }, ze = "flex w-full items-center transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", He = /* @__PURE__ */ O({
   __name: "NavigationList",
   props: {
     items: { default: void 0 },
@@ -226,7 +228,7 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const n = e, o = a, { t: i } = K(), u = Se(), s = n.items === void 0 ? bt() : null, c = Bt(), d = L(() => jt(n.items ?? s?.value ?? []));
+    const n = e, o = a, { t: l } = K(), c = Se(), s = n.items === void 0 ? bt() : null, u = Kt(), d = L(() => Vt(n.items ?? s?.value ?? []));
     function b(y, C, v) {
       if (n.appearance === "drawer" && Xe(y)) {
         y.preventDefault(), o("select", v);
@@ -252,27 +254,27 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
       heading: "px-3 pt-4.5 pb-1.5 text-subheadline text-content-muted",
       separator: "before:mx-3 before:my-3 before:block before:border-t before:border-border-separator"
     }, $ = L(() => n.appearance === "rail" ? g : h), _ = L(() => n.appearance === "rail" ? 16 : 22);
-    return (y, C) => (l(), m("nav", {
-      "aria-label": e.label ?? t(i)("core.shell.menu"),
+    return (y, C) => (r(), m("nav", {
+      "aria-label": e.label ?? t(l)("core.shell.menu"),
       "data-shell-navigation": "",
       "data-appearance": e.appearance
     }, [
-      r("ul", null, [
-        (l(!0), m(U, null, se(d.value, (v, z) => (l(), m("li", {
+      i("ul", null, [
+        (r(!0), m(U, null, se(d.value, (v, z) => (r(), m("li", {
           key: v.key,
           "data-separated": v.separated || void 0,
           class: T(v.separated ? $.value.separator : "")
         }, [
-          v.heading ? (l(), m("p", {
+          v.heading ? (r(), m("p", {
             key: 0,
-            id: `${t(u)}-${z}`,
+            id: `${t(c)}-${z}`,
             class: T([$.value.heading, e.appearance === "rail" ? z > 0 ? "pt-4" : "pt-1" : ""])
-          }, M(v.heading), 11, Ft)) : k("", !0),
-          r("ul", {
-            "aria-labelledby": v.heading ? `${t(u)}-${z}` : void 0,
+          }, M(v.heading), 11, Wt)) : k("", !0),
+          i("ul", {
+            "aria-labelledby": v.heading ? `${t(c)}-${z}` : void 0,
             class: T(e.appearance === "rail" ? "space-y-0.5" : "")
           }, [
-            (l(!0), m(U, null, se(v.items, (f) => (l(), m("li", {
+            (r(!0), m(U, null, se(v.items, (f) => (r(), m("li", {
               key: f.key
             }, [
               p(t(Ve), {
@@ -280,31 +282,31 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
                 to: f.to
               }, {
                 default: D(({ href: I, navigate: E }) => [
-                  r("a", {
+                  i("a", {
                     href: I,
                     "aria-current": f.active ? "page" : void 0,
                     "data-shell-destination": "",
                     class: T([$.value.item, f.active ? $.value.active : $.value.inactive]),
                     onClick: (x) => b(x, E, f.to)
                   }, [
-                    t(c)(f.icon) ? (l(), P(t(q), {
+                    t(u)(f.icon) ? (r(), N(t(q), {
                       key: 0,
-                      name: t(c)(f.icon),
+                      name: t(u)(f.icon),
                       size: _.value,
                       class: T(f.active ? $.value.iconActive : $.value.iconInactive)
                     }, null, 8, ["name", "size", "class"])) : k("", !0),
-                    r("span", Xt, M(f.label), 1)
-                  ], 10, Wt)
+                    i("span", Ht, M(f.label), 1)
+                  ], 10, Yt)
                 ]),
                 _: 2
               }, 1032, ["to"])
             ]))), 128))
-          ], 10, Ut)
-        ], 10, Vt))), 128))
+          ], 10, Xt)
+        ], 10, Ut))), 128))
       ])
-    ], 8, Kt));
+    ], 8, Ft));
   }
-}), Yt = ["href", "aria-label", "onClick"], Te = /* @__PURE__ */ R({
+}), Qt = ["href", "aria-label", "onClick"], Te = /* @__PURE__ */ O({
   inheritAttrs: !1,
   __name: "ShellBrand",
   props: {
@@ -314,32 +316,32 @@ const Kt = ["aria-label", "data-appearance"], Vt = ["data-separated"], Ft = ["id
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const n = e, o = a, { t: i } = K(), { config: u } = de();
-    function s(c, d) {
-      if (n.intercept && Xe(c)) {
-        c.preventDefault(), o("select", n.to);
+    const n = e, o = a, { t: l } = K(), { config: c } = de();
+    function s(u, d) {
+      if (n.intercept && Xe(u)) {
+        u.preventDefault(), o("select", n.to);
         return;
       }
-      d(c);
+      d(u);
     }
-    return (c, d) => (l(), P(t(Ve), {
+    return (u, d) => (r(), N(t(Ve), {
       custom: "",
       to: e.to
     }, {
       default: D(({ href: b, navigate: g }) => [
-        r("a", le(c.$attrs, {
+        i("a", le(u.$attrs, {
           href: b,
-          "aria-label": t(i)("core.shell.home"),
+          "aria-label": t(l)("core.shell.home"),
           "data-shell-brand": "",
           class: "inline-block rounded-control focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
           onClick: (h) => s(h, g)
         }), [
-          j(c.$slots, "default", { tone: e.tone }, () => [
-            r("span", {
+          j(u.$slots, "default", { tone: e.tone }, () => [
+            i("span", {
               class: T(["block truncate text-headline font-semibold", e.tone === "light" ? "text-white" : "text-content-strong"])
-            }, M(t(u).appName), 3)
+            }, M(t(c).appName), 3)
           ])
-        ], 16, Yt)
+        ], 16, Qt)
       ]),
       _: 3
     }, 8, ["to"]));
@@ -349,16 +351,16 @@ function Qe() {
   const e = qe();
   return L(() => e.get("search").length > 0);
 }
-const Ht = {
+const Gt = {
   class: "flex h-full flex-col bg-surface-page text-content-strong",
   "data-shell-drawer-content": ""
-}, Qt = { class: "shrink-0 pt-[calc(max(0.75rem,env(safe-area-inset-top))+0.75rem)] pr-4 pb-4 pl-[max(1.375rem,env(safe-area-inset-left))]" }, Gt = {
+}, Jt = { class: "shrink-0 pt-[calc(max(0.75rem,env(safe-area-inset-top))+0.75rem)] pr-4 pb-4 pl-[max(1.375rem,env(safe-area-inset-left))]" }, Zt = {
   key: 0,
   class: "shrink-0 pr-4 pb-3 pl-[max(1.125rem,env(safe-area-inset-left))]"
-}, Jt = { class: "min-w-0 flex-1" }, Zt = { class: "block truncate text-headline font-semibold" }, en = {
+}, en = { class: "min-w-0 flex-1" }, tn = { class: "block truncate text-headline font-semibold" }, nn = {
   key: 0,
   class: "block truncate text-footnote text-content-muted"
-}, tn = /* @__PURE__ */ R({
+}, an = /* @__PURE__ */ O({
   __name: "NavigationDrawer",
   props: {
     identity: {},
@@ -366,29 +368,29 @@ const Ht = {
   },
   emits: ["select", "account"],
   setup(e, { emit: a }) {
-    const n = a, { t: o } = K(), i = Qe();
-    return (u, s) => (l(), m("div", Ht, [
-      r("div", Qt, [
+    const n = a, { t: o } = K(), l = Qe();
+    return (c, s) => (r(), m("div", Gt, [
+      i("div", Jt, [
         p(Te, {
           to: e.home,
           tone: "brand",
           intercept: "",
           class: "max-w-36",
-          onSelect: s[0] || (s[0] = (c) => n("select", c))
+          onSelect: s[0] || (s[0] = (u) => n("select", u))
         }, G({ _: 2 }, [
-          u.$slots.brand ? {
+          c.$slots.brand ? {
             name: "default",
-            fn: D((c) => [
-              j(u.$slots, "brand", ne(ae(c)))
+            fn: D((u) => [
+              j(c.$slots, "brand", ne(ae(u)))
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["to"])
       ]),
-      t(i) ? (l(), m("div", Gt, [
+      t(l) ? (r(), m("div", Zt, [
         p(t(J), { name: "search" })
       ])) : k("", !0),
-      s[3] || (s[3] = r("div", {
+      s[3] || (s[3] = i("div", {
         class: "mx-5.5 shrink-0 border-t border-border-separator",
         role: "presentation"
       }, null, -1)),
@@ -396,23 +398,23 @@ const Ht = {
         appearance: "drawer",
         label: t(o)("core.shell.menu"),
         class: "min-h-0 flex-1 overflow-y-auto overscroll-contain pt-2 pr-2.5 pb-3 pl-[max(0.625rem,env(safe-area-inset-left))] [mask-image:linear-gradient(to_bottom,black_calc(100%-1.5rem),transparent)]",
-        onSelect: s[1] || (s[1] = (c) => n("select", c))
+        onSelect: s[1] || (s[1] = (u) => n("select", u))
       }, null, 8, ["label"]),
-      j(u.$slots, "footer"),
-      r("button", {
+      j(c.$slots, "footer"),
+      i("button", {
         type: "button",
         "data-shell-drawer-account": "",
         "aria-haspopup": "dialog",
         class: "flex shrink-0 cursor-pointer items-center gap-3 border-t border-border-separator pt-3 pr-4 pb-[max(1rem,env(safe-area-inset-bottom))] pl-[max(1.125rem,env(safe-area-inset-left))] text-left transition-colors duration-motion-fast active:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus",
-        onClick: s[2] || (s[2] = (c) => n("account"))
+        onClick: s[2] || (s[2] = (u) => n("account"))
       }, [
-        p(t(Pe), {
+        p(t(Ne), {
           name: e.identity.name,
           size: "lg"
         }, null, 8, ["name"]),
-        r("span", Jt, [
-          r("span", Zt, M(e.identity.name), 1),
-          e.identity.detail ? (l(), m("span", en, M(e.identity.detail), 1)) : k("", !0)
+        i("span", en, [
+          i("span", tn, M(e.identity.name), 1),
+          e.identity.detail ? (r(), m("span", nn, M(e.identity.detail), 1)) : k("", !0)
         ]),
         p(t(q), {
           name: "arrowRightSLine",
@@ -426,21 +428,21 @@ const Ht = {
 function Je() {
   return Le(Ge, null);
 }
-const he = 72, nn = 110, an = 0.5, on = 600;
-function sn(e, a) {
-  const n = N(0), o = N(!1);
-  let i = 0, u = 0, s = !1;
-  function c(h) {
-    s = !1, !(!a.enabled() || o.value || h.touches.length !== 1 || window.scrollY > 0) && (i = h.touches[0].clientX, u = h.touches[0].clientY, s = !0);
+const he = 72, on = 110, sn = 0.5, ln = 600;
+function rn(e, a) {
+  const n = P(0), o = P(!1);
+  let l = 0, c = 0, s = !1;
+  function u(h) {
+    s = !1, !(!a.enabled() || o.value || h.touches.length !== 1 || window.scrollY > 0) && (l = h.touches[0].clientX, c = h.touches[0].clientY, s = !0);
   }
   function d(h) {
     if (!s) return;
-    const $ = h.touches[0].clientX - i, _ = h.touches[0].clientY - u;
+    const $ = h.touches[0].clientX - l, _ = h.touches[0].clientY - c;
     if (_ <= 0 || Math.abs($) > _ || window.scrollY > 0) {
       n.value === 0 && (s = !1), n.value = 0;
       return;
     }
-    n.value = Math.min(nn, _ * an);
+    n.value = Math.min(on, _ * sn);
   }
   async function b() {
     if (s) {
@@ -450,7 +452,7 @@ function sn(e, a) {
       }
       o.value = !0, n.value = he;
       try {
-        await Promise.all([e(), new Promise((h) => setTimeout(h, on))]);
+        await Promise.all([e(), new Promise((h) => setTimeout(h, ln))]);
       } finally {
         o.value = !1, n.value = 0;
       }
@@ -460,47 +462,47 @@ function sn(e, a) {
     s = !1, o.value || (n.value = 0);
   }
   return ot(() => {
-    window.addEventListener("touchstart", c, { passive: !0 }), window.addEventListener("touchmove", d, { passive: !0 }), window.addEventListener("touchend", b), window.addEventListener("touchcancel", g);
-  }), Re(() => {
-    window.removeEventListener("touchstart", c), window.removeEventListener("touchmove", d), window.removeEventListener("touchend", b), window.removeEventListener("touchcancel", g);
+    window.addEventListener("touchstart", u, { passive: !0 }), window.addEventListener("touchmove", d, { passive: !0 }), window.addEventListener("touchend", b), window.addEventListener("touchcancel", g);
+  }), Oe(() => {
+    window.removeEventListener("touchstart", u), window.removeEventListener("touchmove", d), window.removeEventListener("touchend", b), window.removeEventListener("touchcancel", g);
   }), { pull: n, refreshing: o };
 }
-const ln = { class: "flex size-9 items-center justify-center rounded-full bg-surface-raised text-primary-700 shadow-md ring-1 ring-border-separator dark:text-primary-300" }, rn = /* @__PURE__ */ R({
+const cn = { class: "flex size-9 items-center justify-center rounded-full bg-surface-raised text-primary-700 shadow-md ring-1 ring-border-separator dark:text-primary-300" }, un = /* @__PURE__ */ O({
   __name: "PullToRefresh",
   setup(e) {
-    const a = oe("(display-mode: standalone)"), n = yt(), o = Je(), i = gt(), u = Le(Ke, null), { pull: s, refreshing: c } = sn(
+    const a = oe("(display-mode: standalone)"), n = yt(), o = Je(), l = gt(), c = Le(Ke, null), { pull: s, refreshing: u } = rn(
       async () => {
-        i.hasUnsavedChanges() && !await i.confirm() || (u && u.value++, await be());
+        l.hasUnsavedChanges() && !await l.confirm() || (c && c.value++, await be());
       },
       {
-        enabled: () => u !== null && n.value === 0 && !o?.open.value && (a.value || navigator.standalone === !0)
+        enabled: () => c !== null && n.value === 0 && !o?.open.value && (a.value || navigator.standalone === !0)
       }
     );
-    return (d, b) => t(s) > 0 || t(c) ? (l(), m("div", {
+    return (d, b) => t(s) > 0 || t(u) ? (r(), m("div", {
       key: 0,
       "aria-hidden": "true",
       "data-shell-pull-to-refresh": "",
       class: "pointer-events-none fixed inset-x-0 z-40 flex justify-center",
       style: ve({ top: `calc(env(safe-area-inset-top) + ${Math.max(t(s), 8)}px)` })
     }, [
-      r("span", ln, [
+      i("span", cn, [
         p(t(q), {
-          name: t(c) ? "loader4Line" : "refreshLine",
+          name: t(u) ? "loader4Line" : "refreshLine",
           size: 20,
-          class: T(t(c) ? "animate-spin motion-reduce:animate-none" : ""),
-          style: ve(t(c) ? void 0 : { transform: `rotate(${t(s) / t(he) * 270}deg)`, opacity: Math.min(1, t(s) / t(he)) })
+          class: T(t(u) ? "animate-spin motion-reduce:animate-none" : ""),
+          style: ve(t(u) ? void 0 : { transform: `rotate(${t(s) / t(he) * 270}deg)`, opacity: Math.min(1, t(s) / t(he)) })
         }, null, 8, ["name", "class", "style"])
       ])
     ], 4)) : k("", !0);
   }
-}), cn = {
+}), dn = {
   key: 0,
   "data-shell-sidebar": "",
   class: "flex w-64 shrink-0 flex-col bg-anchor-900 dark:border-r dark:border-white/5 dark:bg-anchor-950"
-}, un = { class: "sticky top-[var(--shell-banner-h,0px)] z-30 flex h-[calc(100vh-var(--shell-banner-h,0px))] flex-col" }, dn = { class: "flex items-center justify-between gap-2 pt-5 pr-2 pb-3 pl-4" }, fn = { class: "flex shrink-0 items-center gap-1" }, mn = {
+}, fn = { class: "sticky top-[var(--shell-banner-h,0px)] z-30 flex h-[calc(100vh-var(--shell-banner-h,0px))] flex-col" }, mn = { class: "flex items-center justify-between gap-2 pt-5 pr-2 pb-3 pl-4" }, pn = { class: "flex shrink-0 items-center gap-1" }, vn = {
   key: 0,
   class: "px-2 pb-1"
-}, pn = { class: "border-t border-white/10 p-2" }, vn = /* @__PURE__ */ R({
+}, hn = { class: "border-t border-white/10 p-2" }, bn = /* @__PURE__ */ O({
   __name: "ShellSidebar",
   props: {
     identity: {},
@@ -509,9 +511,9 @@ const ln = { class: "flex size-9 items-center justify-center rounded-full bg-sur
   setup(e) {
     ce(Ee, "rail");
     const a = oe("(min-width: 48rem)"), n = Qe();
-    return (o, i) => t(a) ? (l(), m("aside", cn, [
-      r("div", un, [
-        r("div", dn, [
+    return (o, l) => t(a) ? (r(), m("aside", dn, [
+      i("div", fn, [
+        i("div", mn, [
           p(Te, {
             to: e.home,
             tone: "light",
@@ -519,17 +521,17 @@ const ln = { class: "flex size-9 items-center justify-center rounded-full bg-sur
           }, G({ _: 2 }, [
             o.$slots.brand ? {
               name: "default",
-              fn: D((u) => [
-                j(o.$slots, "brand", ne(ae(u)))
+              fn: D((c) => [
+                j(o.$slots, "brand", ne(ae(c)))
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["to"]),
-          r("div", fn, [
+          i("div", pn, [
             p(t(J), { name: "headerActions" })
           ])
         ]),
-        t(n) ? (l(), m("div", mn, [
+        t(n) ? (r(), m("div", vn, [
           p(t(J), { name: "search" })
         ])) : k("", !0),
         p(He, {
@@ -537,50 +539,50 @@ const ln = { class: "flex size-9 items-center justify-center rounded-full bg-sur
           class: "scrollbar-subtle min-h-0 flex-1 overflow-y-auto px-2 pt-3 pb-3 [mask-image:linear-gradient(to_bottom,transparent,black_12px,black_calc(100%-12px),transparent)]"
         }),
         j(o.$slots, "footer"),
-        r("div", pn, [
-          p(Pt, { identity: e.identity }, null, 8, ["identity"])
+        i("div", hn, [
+          p(Bt, { identity: e.identity }, null, 8, ["identity"])
         ])
       ])
     ])) : k("", !0);
   }
-}), hn = 20, bn = 8, Ie = 0.5, gn = 40;
-function yn({ offset: e, startOffset: a, width: n, velocity: o }) {
-  if (Math.abs(e - a) > gn) {
+}), gn = 20, yn = 8, Ie = 0.5, xn = 40;
+function kn({ offset: e, startOffset: a, width: n, velocity: o }) {
+  if (Math.abs(e - a) > xn) {
     if (o > Ie) return !0;
     if (o < -Ie) return !1;
   }
   return e > n / 2;
 }
-function xn(e) {
-  const a = N(0), n = N(!1);
-  let o = !1, i = null, u = 0, s = 0, c = 0, d = 0, b = 0, g = 0;
+function _n(e) {
+  const a = P(0), n = P(!1);
+  let o = !1, l = null, c = 0, s = 0, u = 0, d = 0, b = 0, g = 0;
   function h(E, x) {
-    o = !0, i = null, u = d = E.clientX, s = E.clientY, c = x, b = performance.now(), g = 0;
+    o = !0, l = null, c = d = E.clientX, s = E.clientY, u = x, b = performance.now(), g = 0;
   }
   function $(E) {
     const x = E.touches[0];
     if (!o || !x) return;
-    const B = x.clientX - u, Z = x.clientY - s;
-    if (!i) {
-      if (Math.max(Math.abs(B), Math.abs(Z)) < bn) return;
-      if (i = Math.abs(B) > Math.abs(Z) ? "x" : "y", i === "y" || c === 0 && B < 0) {
+    const B = x.clientX - c, Z = x.clientY - s;
+    if (!l) {
+      if (Math.max(Math.abs(B), Math.abs(Z)) < yn) return;
+      if (l = Math.abs(B) > Math.abs(Z) ? "x" : "y", l === "y" || u === 0 && B < 0) {
         o = !1;
         return;
       }
-      n.value = !0, a.value = c, e.onStart();
+      n.value = !0, a.value = u, e.onStart();
     }
     const Y = performance.now();
-    g = (x.clientX - d) / Math.max(Y - b, 1), d = x.clientX, b = Y, a.value = Math.min(e.width(), Math.max(0, c + B)), E.cancelable && E.preventDefault();
+    g = (x.clientX - d) / Math.max(Y - b, 1), d = x.clientX, b = Y, a.value = Math.min(e.width(), Math.max(0, u + B)), E.cancelable && E.preventDefault();
   }
   function _() {
-    o && (o = !1, n.value && (n.value = !1, e.onSettle(yn({ offset: a.value, startOffset: c, width: e.width(), velocity: g }))));
+    o && (o = !1, n.value && (n.value = !1, e.onSettle(kn({ offset: a.value, startOffset: u, width: e.width(), velocity: g }))));
   }
   function y() {
     o = !1, n.value = !1;
   }
   function C(E) {
     const x = E.touches[0];
-    !x || E.touches.length !== 1 || e.isOpen() || !e.canOpenFromEdge() || x.clientX > hn || h(x, 0);
+    !x || E.touches.length !== 1 || e.isOpen() || !e.canOpenFromEdge() || x.clientX > gn || h(x, 0);
   }
   let v = !1;
   function z() {
@@ -596,15 +598,15 @@ function xn(e) {
     }
   }, cancel: y };
 }
-const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE__ */ R({
+const wn = ["id", "aria-label"], $n = ["data-drawer", "inert"], Sn = /* @__PURE__ */ O({
   __name: "ShellStage",
   props: {
     enabled: { type: Boolean }
   },
   setup(e) {
-    const a = e, { t: n } = K(), o = ht(), i = ge(), u = oe("(max-width: 47.999rem)"), s = oe("(display-mode: standalone)"), c = oe("(prefers-reduced-motion: reduce)"), d = L(() => a.enabled && u.value), b = re("stage"), g = re("scroller"), h = N(null), $ = Se(), _ = N(!1), y = N(!1), C = N(!1);
+    const a = e, { t: n } = K(), o = ht(), l = ge(), c = oe("(max-width: 47.999rem)"), s = oe("(display-mode: standalone)"), u = oe("(prefers-reduced-motion: reduce)"), d = L(() => a.enabled && c.value), b = re("stage"), g = re("scroller"), h = P(null), $ = Se(), _ = P(!1), y = P(!1), C = P(!1);
     let v = 0, z = !1, f, I = null;
-    const E = () => h.value?.offsetWidth ?? 0, x = xn({
+    const E = () => h.value?.offsetWidth ?? 0, x = _n({
       enabled: () => d.value,
       width: E,
       isOpen: () => C.value,
@@ -631,7 +633,7 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
     }
     Q([B, () => x.dragging.value, y], () => {
       const S = b.value;
-      !S || !y.value || (S.style.transform = `translate3d(${B.value}px, 0, 0)`, S.style.borderRadius = B.value > 0 ? "2.5rem" : "", S.style.transition = x.dragging.value || c.value ? "none" : "transform var(--app-motion-drawer) var(--app-motion-sheet-easing), border-radius var(--app-motion-drawer) var(--app-motion-sheet-easing)");
+      !S || !y.value || (S.style.transform = `translate3d(${B.value}px, 0, 0)`, S.style.borderRadius = B.value > 0 ? "2.5rem" : "", S.style.transition = x.dragging.value || u.value ? "none" : "transform var(--app-motion-drawer) var(--app-motion-sheet-easing), border-radius var(--app-motion-drawer) var(--app-motion-sheet-easing)");
     }, { flush: "sync" });
     function H() {
       if (!d.value) {
@@ -660,7 +662,7 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
       y.value && (z = !0), C.value && F();
     });
     function me(S) {
-      i.push(S).catch(() => {
+      l.push(S).catch(() => {
       }).finally(() => F());
     }
     return ce(Ge, {
@@ -671,10 +673,10 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
         d.value && (_.value = !0);
       },
       dismiss: F
-    }), Re(() => {
+    }), Oe(() => {
       clearTimeout(f), W();
-    }), (S, V) => (l(), m(U, null, [
-      d.value ? (l(), m("div", le({
+    }), (S, V) => (r(), m(U, null, [
+      d.value ? (r(), m("div", le({
         key: 0,
         id: t($),
         ref_key: "panel",
@@ -685,14 +687,14 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
         tabindex: "-1",
         "data-shell-drawer": "",
         class: ["fixed inset-y-0 left-0 z-0 w-[min(82vw,20rem)] outline-none", y.value ? "visible" : "invisible"],
-        style: t(c) ? { opacity: C.value || t(x).dragging.value ? 1 : 0, transition: "opacity var(--app-motion-drawer) linear" } : void 0
+        style: t(u) ? { opacity: C.value || t(x).dragging.value ? 1 : 0, transition: "opacity var(--app-motion-drawer) linear" } : void 0
       }, t(x).closeEvents), [
         j(S.$slots, "drawer", {
           select: me,
           dismiss: F
         })
-      ], 16, kn)) : k("", !0),
-      r("div", {
+      ], 16, wn)) : k("", !0),
+      i("div", {
         ref_key: "stage",
         ref: b,
         "data-shell-stage": "",
@@ -700,21 +702,21 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
         class: T(["flex flex-1 flex-col", y.value ? "overscroll-none bg-surface-page shadow-dialog" : ""]),
         inert: C.value || t(x).dragging.value || void 0
       }, [
-        r("div", {
+        i("div", {
           ref_key: "scroller",
           ref: g,
           class: "flex flex-1 flex-col"
         }, [
           j(S.$slots, "default")
         ], 512),
-        y.value ? (l(), m("div", {
+        y.value ? (r(), m("div", {
           key: 0,
           "aria-hidden": "true",
           class: "pointer-events-none fixed inset-0 z-50 bg-scrim",
           style: ve({ opacity: Z.value * 0.55 })
         }, null, 4)) : k("", !0)
-      ], 10, _n),
-      y.value && B.value > 0 ? (l(), m("div", le({
+      ], 10, $n),
+      y.value && B.value > 0 ? (r(), m("div", le({
         key: 1,
         "aria-hidden": "true",
         "data-shell-stage-cover": "",
@@ -725,11 +727,11 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
       }), null, 16)) : k("", !0)
     ], 64));
   }
-}), $n = ["aria-label", "aria-expanded", "aria-controls"], Sn = /* @__PURE__ */ R({
+}), Ln = ["aria-label", "aria-expanded", "aria-controls"], Cn = /* @__PURE__ */ O({
   __name: "NavigationMenuButton",
   setup(e) {
     const a = Je(), { t: n } = K();
-    return (o, i) => t(a)?.available.value ? (l(), m("button", {
+    return (o, l) => t(a)?.available.value ? (r(), m("button", {
       key: 0,
       type: "button",
       "data-shell-menu-button": "",
@@ -738,36 +740,36 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
       "aria-controls": t(a).panelId,
       "aria-haspopup": "dialog",
       class: "relative my-1 ml-2 flex size-11 shrink-0 cursor-pointer items-center justify-center rounded-full bg-surface-cell text-content-strong shadow-float transition-transform duration-motion-fast active:scale-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
-      onClick: i[0] || (i[0] = (u) => t(a).present())
+      onClick: l[0] || (l[0] = (c) => t(a).present())
     }, [
       p(t(q), {
         name: "menuLines",
         size: 20
       })
-    ], 8, $n)) : k("", !0);
+    ], 8, Ln)) : k("", !0);
   }
-}), Ln = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-1" }, Cn = { class: "flex min-w-0 items-center justify-start" }, En = ["data-page-action", "disabled"], Tn = { class: "truncate" }, Mn = { class: "ml-1 flex items-center gap-1" }, An = { class: "flex min-w-0 items-center justify-end" }, Dn = ["data-page-action", "aria-label", "disabled", "onClick"], zn = ["data-page-action", "disabled", "aria-label", "aria-busy", "onClick"], In = { class: "truncate" }, Rn = ["aria-label", "onClick"], On = /* @__PURE__ */ R({
+}), En = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-1" }, Tn = { class: "flex min-w-0 items-center justify-start" }, Mn = ["data-page-action", "disabled"], An = { class: "truncate" }, Dn = { class: "ml-1 flex items-center gap-1" }, zn = { class: "flex min-w-0 items-center justify-end" }, In = ["data-page-action", "aria-label", "disabled", "onClick"], On = ["data-page-action", "disabled", "aria-label", "aria-busy", "onClick"], Rn = { class: "truncate" }, Pn = ["aria-label", "onClick"], Nn = /* @__PURE__ */ O({
   __name: "ShellTopBar",
   props: {
     home: {}
   },
   setup(e) {
-    const { t: a } = K(), n = ge(), o = je(), { session: i } = de(), u = oe("(max-width: 47.999rem)");
+    const { t: a } = K(), n = ge(), o = je(), { session: l } = de(), c = oe("(max-width: 47.999rem)");
     ce(Ee, "bar");
-    const s = L(() => Ce(i.state.value) !== null), c = L(() => !s.value || u.value), d = L(() => s.value ? o.back.value : null), b = L(() => s.value ? o.leading.value : null), g = L(() => o.navTitle.value ?? o.title.value), h = L(() => s.value && !!g.value && (!!o.navTitle.value || !o.titleInView.value)), $ = L(() => s.value ? o.actions.value : []), _ = L(() => $.value.filter((v) => v.placement === "primary" && v.tone !== "critical")), y = L(
+    const s = L(() => Ce(l.state.value) !== null), u = L(() => !s.value || c.value), d = L(() => s.value ? o.back.value : null), b = L(() => s.value ? o.leading.value : null), g = L(() => o.navTitle.value ?? o.title.value), h = L(() => s.value && !!g.value && (!!o.navTitle.value || !o.titleInView.value)), $ = L(() => s.value ? o.actions.value : []), _ = L(() => $.value.filter((v) => v.placement === "primary" && v.tone !== "critical")), y = L(
       () => $.value.filter((v) => !_.value.includes(v)).map((v) => ({ id: v.id, label: v.label, icon: v.icon, tone: v.tone, disabled: v.disabled, processing: v.processing, onSelect: v.onClick }))
     );
     function C() {
       d.value && n.push(d.value.to);
     }
-    return (v, z) => c.value ? (l(), m("header", {
+    return (v, z) => u.value ? (r(), m("header", {
       key: 0,
       "data-shell-top-bar": "",
       class: T(["pt-[max(0.25rem,env(safe-area-inset-top))] pr-[max(0.5rem,env(safe-area-inset-right))] pb-1 pl-[max(0.5rem,env(safe-area-inset-left))] text-content-strong", s.value ? ["sticky top-[var(--shell-banner-h,0px)] z-30 border-b bg-surface-page/85 backdrop-blur-xl transition-colors duration-motion-normal", h.value ? "border-border-separator" : "border-transparent"] : "border-b border-border-separator bg-surface-cell"])
     }, [
-      r("div", Ln, [
-        r("div", Cn, [
-          b.value ? (l(), m("button", {
+      i("div", En, [
+        i("div", Tn, [
+          b.value ? (r(), m("button", {
             key: 0,
             type: "button",
             "data-shell-bar-leading": "",
@@ -776,8 +778,8 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
             class: "hit-target inline-flex min-w-0 cursor-pointer items-center rounded-control px-2 text-body text-content-link disabled:text-content-disabled",
             onClick: z[0] || (z[0] = (f) => b.value.onClick())
           }, [
-            r("span", Tn, M(b.value.label), 1)
-          ], 8, En)) : d.value ? (l(), m("button", {
+            i("span", An, M(b.value.label), 1)
+          ], 8, Mn)) : d.value ? (r(), m("button", {
             key: 1,
             type: "button",
             "data-shell-bar-back": "",
@@ -790,15 +792,15 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
               size: 28,
               class: "-mr-0.5 shrink-0"
             }),
-            r("span", {
+            i("span", {
               class: T(["truncate", h.value ? "sr-only" : ""])
             }, M(d.value.label), 3)
-          ])) : s.value ? (l(), m(U, { key: 2 }, [
-            p(Sn),
-            r("span", Mn, [
+          ])) : s.value ? (r(), m(U, { key: 2 }, [
+            p(Cn),
+            i("span", Dn, [
               p(t(J), { name: "headerActions" })
             ])
-          ], 64)) : (l(), P(Te, {
+          ], 64)) : (r(), N(Te, {
             key: 3,
             to: e.home,
             tone: "brand",
@@ -813,17 +815,17 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
             } : void 0
           ]), 1032, ["to", "class"]))
         ]),
-        r("span", {
+        i("span", {
           "aria-hidden": "true",
           "data-shell-bar-title": "",
           class: T(["pointer-events-none truncate text-center text-headline font-semibold transition-opacity duration-motion-normal", h.value ? "max-w-[42vw] opacity-100" : "max-w-0 opacity-0"])
         }, M(g.value), 3),
-        r("div", An, [
-          s.value ? (l(), m(U, { key: 0 }, [
-            (l(!0), m(U, null, se(_.value, (f) => (l(), m(U, {
+        i("div", zn, [
+          s.value ? (r(), m(U, { key: 0 }, [
+            (r(!0), m(U, null, se(_.value, (f) => (r(), m(U, {
               key: f.id
             }, [
-              f.compact === "icon" && f.icon ? (l(), m("button", {
+              f.compact === "icon" && f.icon ? (r(), m("button", {
                 key: 0,
                 type: "button",
                 "data-page-action": f.id,
@@ -837,7 +839,7 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
                   size: 18,
                   class: T(f.processing ? "animate-spin" : "")
                 }, null, 8, ["name", "class"])
-              ], 8, Dn)) : (l(), m("button", {
+              ], 8, In)) : (r(), m("button", {
                 key: 1,
                 type: "button",
                 "data-page-action": f.id,
@@ -847,22 +849,22 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
                 class: "hit-target flex min-w-0 shrink cursor-pointer items-center gap-1 rounded-control px-2 text-body font-semibold text-content-link disabled:text-content-disabled",
                 onClick: (I) => f.onClick()
               }, [
-                f.processing ? (l(), P(t(q), {
+                f.processing ? (r(), N(t(q), {
                   key: 0,
                   name: "loader4Line",
                   size: 16,
                   class: "animate-spin"
                 })) : k("", !0),
-                r("span", In, M(f.shortLabel ?? f.label), 1)
-              ], 8, zn))
+                i("span", Rn, M(f.shortLabel ?? f.label), 1)
+              ], 8, On))
             ], 64))), 128)),
-            y.value.length ? (l(), P(t(kt), {
+            y.value.length ? (r(), N(t(kt), {
               key: 0,
               items: y.value,
               label: t(a)("core.page.more_actions")
             }, {
               trigger: D(({ toggle: f, attrs: I }) => [
-                r("button", le({ type: "button" }, I, {
+                i("button", le({ type: "button" }, I, {
                   "aria-label": t(a)("core.page.more_actions"),
                   "data-shell-bar-more": "",
                   "data-page-overflow": "",
@@ -873,7 +875,7 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
                     name: "moreLine",
                     size: 22
                   })
-                ], 16, Rn)
+                ], 16, Pn)
               ]),
               _: 1
             }, 8, ["items", "label"])) : k("", !0)
@@ -884,18 +886,18 @@ const kn = ["id", "aria-label"], _n = ["data-drawer", "inert"], wn = /* @__PURE_
     ], 2)) : k("", !0);
   }
 });
-function Nn(e) {
+function qn(e) {
   const { name: a, email: n } = e;
   return { name: typeof a == "string" && a !== "" ? a : String(e.id), detail: typeof n == "string" ? n : null };
 }
-function Pn(e) {
-  const { session: a } = de(), n = e ?? Nn;
+function Bn(e) {
+  const { session: a } = de(), n = e ?? qn;
   return L(() => {
     const o = Ce(a.state.value);
     return o ? n(o.user) : null;
   });
 }
-const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-content antialiased" }, Bn = ["aria-label"], jn = { class: "flex flex-1" }, Kn = { class: "flex min-w-0 flex-1 overflow-x-clip" }, Vn = { "data-dialog-inert-skip": "" }, Fn = /* @__PURE__ */ R({
+const jn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-content antialiased" }, Kn = ["aria-label"], Vn = { class: "flex flex-1" }, Fn = { class: "flex min-w-0 flex-1 overflow-x-clip" }, Un = { "data-dialog-inert-skip": "" }, Wn = /* @__PURE__ */ O({
   __name: "BackofficeShell",
   props: {
     home: { default: void 0 },
@@ -904,24 +906,24 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
     pullToRefresh: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const a = e, { t: n } = K(), { session: o } = de(), i = je(), u = Pn(a.identity);
-    ce(Ke, N(0));
-    const s = L(() => Ce(o.state.value) !== null), c = re("accountSheet");
-    return (d, b) => (l(), m("div", qn, [
-      e.progress?.visible.value ? (l(), m("div", {
+    const a = e, { t: n } = K(), { session: o } = de(), l = je(), c = Bn(a.identity);
+    ce(Ke, P(0));
+    const s = L(() => Ce(o.state.value) !== null), u = re("accountSheet");
+    return (d, b) => (r(), m("div", jn, [
+      e.progress?.visible.value ? (r(), m("div", {
         key: 0,
         role: "progressbar",
         "aria-label": t(n)("core.state.loading"),
         "data-shell-progress": "",
         class: "fixed inset-x-0 top-0 z-10000 flex h-1 justify-center bg-primary-800"
       }, [...b[0] || (b[0] = [
-        r("div", { class: "animate-grow-and-shrink-width bg-primary-600 motion-reduce:w-full motion-reduce:animate-none motion-reduce:opacity-60" }, null, -1)
-      ])], 8, Bn)) : k("", !0),
+        i("div", { class: "animate-grow-and-shrink-width bg-primary-600 motion-reduce:w-full motion-reduce:animate-none motion-reduce:opacity-60" }, null, -1)
+      ])], 8, Kn)) : k("", !0),
       p(t(J), { name: "banner" }),
-      p(wn, { enabled: s.value }, G({
+      p(Sn, { enabled: s.value }, G({
         default: D(() => [
-          e.pullToRefresh && s.value ? (l(), P(rn, { key: 0 })) : k("", !0),
-          p(On, { home: e.home }, G({ _: 2 }, [
+          e.pullToRefresh && s.value ? (r(), N(un, { key: 0 })) : k("", !0),
+          p(Nn, { home: e.home }, G({ _: 2 }, [
             d.$slots.brand ? {
               name: "brand",
               fn: D((g) => [
@@ -937,10 +939,10 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
               key: "1"
             } : void 0
           ]), 1032, ["home"]),
-          r("div", jn, [
-            t(u) ? (l(), P(vn, {
+          i("div", Vn, [
+            t(c) ? (r(), N(bn, {
               key: 0,
-              identity: t(u),
+              identity: t(c),
               home: e.home
             }, G({ _: 2 }, [
               d.$slots.brand ? {
@@ -958,10 +960,10 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
                 key: "1"
               } : void 0
             ]), 1032, ["identity", "home"])) : k("", !0),
-            r("div", Kn, [
-              r("main", {
-                class: T(["flex min-w-0 flex-1 flex-col", t(i).hasShell.value ? "" : "p-4 md:px-8 md:py-6"]),
-                style: ve(t(i).hasShell.value ? void 0 : { paddingBottom: "calc(var(--bottom-dock-h, 0px) + 1rem)" })
+            i("div", Fn, [
+              i("main", {
+                class: T(["flex min-w-0 flex-1 flex-col", t(l).hasShell.value ? "" : "p-4 md:px-8 md:py-6"]),
+                style: ve(t(l).hasShell.value ? void 0 : { paddingBottom: "calc(var(--bottom-dock-h, 0px) + 1rem)" })
               }, [
                 p(t(vt))
               ], 6)
@@ -973,14 +975,14 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
         ]),
         _: 2
       }, [
-        t(u) ? {
+        t(c) ? {
           name: "drawer",
           fn: D(({ select: g, dismiss: h }) => [
-            p(tn, {
-              identity: t(u),
+            p(an, {
+              identity: t(c),
               home: e.home,
               onSelect: g,
-              onAccount: ($) => h(() => c.value?.present())
+              onAccount: ($) => h(() => u.value?.present())
             }, G({ _: 2 }, [
               d.$slots.brand ? {
                 name: "brand",
@@ -1001,14 +1003,14 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
           key: "0"
         } : void 0
       ]), 1032, ["enabled"]),
-      t(u) ? (l(), P(qt, {
+      t(c) ? (r(), N(jt, {
         key: 1,
         ref_key: "accountSheet",
-        ref: c,
-        identity: t(u)
+        ref: u,
+        identity: t(c)
       }, null, 8, ["identity"])) : k("", !0),
-      (l(), P(Oe, { to: "body" }, [
-        r("div", Vn, [
+      (r(), N(Re, { to: "body" }, [
+        i("div", Un, [
           p(t(mt))
         ])
       ])),
@@ -1017,8 +1019,8 @@ const qn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
     ]));
   }
 });
-function Un(e = _t) {
-  const a = Ne(!1);
+function Xn(e = _t) {
+  const a = Pe(!1);
   let n;
   return {
     visible: a,
@@ -1030,13 +1032,13 @@ function Un(e = _t) {
     }
   };
 }
-function so(e = {}) {
-  const a = Un(), { brand: n, footer: o, topBarEnd: i } = e;
-  return { component: R({
+function co(e = {}) {
+  const a = Xn(), { brand: n, footer: o, topBarEnd: l } = e;
+  return { component: O({
     name: "BackofficeShell",
     setup() {
       return () => te(
-        Fn,
+        Wn,
         {
           home: e.home,
           // The application's session produces U; the shell reads it as the SessionUser it is guaranteed to be.
@@ -1047,34 +1049,34 @@ function so(e = {}) {
         {
           ...n && { brand: (s) => te(n, s) },
           ...o && { footer: () => te(o) },
-          ...i && { "top-bar-end": () => te(i) }
+          ...l && { "top-bar-end": () => te(l) }
         }
       );
     }
   }), slots: ["headerActions", "search", "accountMenu", "banner", "host"], progress: a };
 }
-const Wn = 30 * 6e4, Xn = 6e4;
-function Yn(e, a) {
+const Yn = 30 * 6e4, Hn = 6e4;
+function Qn(e, a) {
   const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll('script[type="module"][src]');
   return Array.from(n, (o) => new URL(o.getAttribute("src") ?? "", a).pathname).sort();
 }
-function Hn() {
+function Gn() {
   return Array.from(document.querySelectorAll('script[type="module"][src]'), (e) => new URL(e.src, location.href).pathname).sort();
 }
-function Qn(e) {
-  return R({
+function Jn(e) {
+  return O({
     name: "AppUpdateNotice",
     setup() {
       if (e.enabled === !1) return () => null;
-      const { t: a } = K(), n = e.url ?? "/", o = Hn();
-      let i = !1, u = 0;
+      const { t: a } = K(), n = e.url ?? "/", o = Gn();
+      let l = !1, c = 0;
       async function s() {
-        if (!(i || o.length === 0 || !navigator.onLine || document.visibilityState !== "visible") && !(Date.now() - u < Xn)) {
-          u = Date.now();
+        if (!(l || o.length === 0 || !navigator.onLine || document.visibilityState !== "visible") && !(Date.now() - c < Hn)) {
+          c = Date.now();
           try {
-            const b = await fetch(n, { cache: "no-store", credentials: "include" }), g = b.ok ? Yn(await b.text(), location.href) : [];
+            const b = await fetch(n, { cache: "no-store", credentials: "include" }), g = b.ok ? Qn(await b.text(), location.href) : [];
             if (g.length === 0 || g.join() === o.join()) return;
-            i = !0, Be.info(a("core.shell.update.available"), {
+            l = !0, Be.info(a("core.shell.update.available"), {
               duration: 1 / 0,
               action: { label: a("core.shell.update.reload"), onClick: () => location.reload() }
             });
@@ -1082,35 +1084,35 @@ function Qn(e) {
           }
         }
       }
-      const c = () => void s();
-      document.addEventListener("visibilitychange", c);
-      const d = setInterval(s, e.checkEveryMs ?? Wn);
+      const u = () => void s();
+      document.addEventListener("visibilitychange", u);
+      const d = setInterval(s, e.checkEveryMs ?? Yn);
       return ue(() => {
-        document.removeEventListener("visibilitychange", c), clearInterval(d);
+        document.removeEventListener("visibilitychange", u), clearInterval(d);
       }), () => null;
     }
   });
 }
-function lo(e = {}) {
+function uo(e = {}) {
   return fe({
     id: "vue-core.app-updates",
-    contributions: [{ id: "vue-core.app-updates", slot: "host", component: Qn(e), scope: "always" }]
+    contributions: [{ id: "vue-core.app-updates", slot: "host", component: Jn(e), scope: "always" }]
   });
 }
-const Gn = 1e3, pe = (e) => e.path.split("/").filter(Boolean).length;
-function Jn(e) {
+const Zn = 1e3, pe = (e) => e.path.split("/").filter(Boolean).length;
+function ea(e) {
   if (typeof document > "u" || typeof document.startViewTransition != "function") return () => {
   };
   let a = null;
-  const n = () => window.matchMedia("(max-width: 1023px)").matches && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && !document.body.classList.contains(xt), o = e.beforeResolve((c, d) => {
-    if (i(), !d.matched.length || c.path === d.path || !n()) return;
-    const b = pe(c) > pe(d) ? "forward" : pe(c) < pe(d) ? "back" : null;
+  const n = () => window.matchMedia("(max-width: 1023px)").matches && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && !document.body.classList.contains(xt), o = e.beforeResolve((u, d) => {
+    if (l(), !d.matched.length || u.path === d.path || !n()) return;
+    const b = pe(u) > pe(d) ? "forward" : pe(u) < pe(d) ? "back" : null;
     if (!b) return;
     const g = document.documentElement;
     return g.dataset.navDirection = b, new Promise((h) => {
       const $ = document.startViewTransition(
         () => new Promise((_) => {
-          const y = setTimeout(_, Gn);
+          const y = setTimeout(_, Zn);
           a = () => {
             clearTimeout(y), _();
           }, h();
@@ -1123,72 +1125,72 @@ function Jn(e) {
       });
     });
   });
-  function i() {
-    const c = a;
-    a = null, c && be().then(c);
+  function l() {
+    const u = a;
+    a = null, u && be().then(u);
   }
-  const u = e.afterEach(i), s = e.onError(i);
+  const c = e.afterEach(l), s = e.onError(l);
   return () => {
-    o(), u(), s(), delete document.documentElement.dataset.navDirection, a?.(), a = null;
+    o(), c(), s(), delete document.documentElement.dataset.navDirection, a?.(), a = null;
   };
 }
-const Zn = R({
+const ta = O({
   name: "ViewTransitions",
   setup() {
-    return ue(Jn(ge())), () => null;
+    return ue(ea(ge())), () => null;
   }
 });
-function ro() {
+function fo() {
   return fe({
     id: "vue-core.view-transitions",
-    contributions: [{ id: "vue-core.view-transitions", slot: "host", component: Zn, scope: "always" }]
+    contributions: [{ id: "vue-core.view-transitions", slot: "host", component: ta, scope: "always" }]
   });
 }
-const ea = Symbol("vue-core:quick-search");
+const na = Symbol("vue-core:quick-search");
 function Ze() {
-  const e = St(ea, () => Ne(!1));
+  const e = St(na, () => Pe(!1));
   return { isOpen: e, open: () => e.value = !0, close: () => e.value = !1 };
 }
-const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
+const aa = { class: "flex-1 truncate" }, oa = /* @__PURE__ */ O({
   __name: "QuickSearchButton",
   setup(e) {
-    const { t: a } = K(), n = Ze(), o = Le(Ee, "bar") === "rail", i = L(() => Ue({ key: "k", mod: !0 }).join(" "));
-    return (u, s) => (l(), m("button", {
+    const { t: a } = K(), n = Ze(), o = Le(Ee, "bar") === "rail", l = L(() => Ue({ key: "k", mod: !0 }).join(" "));
+    return (c, s) => (r(), m("button", {
       type: "button",
       "data-test": "quick-search-button",
       class: T(["flex h-9 w-full cursor-pointer items-center gap-2 rounded-control px-3 text-left text-callout transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", o ? "bg-gray-500/15 text-gray-400 hover:bg-gray-500/25" : "bg-fill text-content-muted hover:bg-fill-strong"]),
-      onClick: s[0] || (s[0] = (c) => t(n).open())
+      onClick: s[0] || (s[0] = (u) => t(n).open())
     }, [
       p(t(q), {
         name: "search",
         size: 16,
         class: "shrink-0"
       }),
-      r("span", ta, M(t(a)("core.shell.search.open")) + "…", 1),
-      r("kbd", {
+      i("span", aa, M(t(a)("core.shell.search.open")) + "…", 1),
+      i("kbd", {
         class: T(["rounded border px-1.5 text-caption [@media(pointer:coarse)]:hidden", o ? "border-gray-500/30" : "border-border-separator"])
-      }, M(i.value), 3)
+      }, M(l.value), 3)
     ], 2));
   }
-}), aa = ["aria-label"], oa = { class: "flex items-center gap-3 border-b border-border-separator px-4 py-3 pt-[max(0.75rem,var(--app-safe-top))] md:px-5 md:py-4" }, sa = {
+}), sa = ["aria-label"], la = { class: "flex items-center gap-3 border-b border-border-separator px-4 py-3 pt-[max(0.75rem,var(--app-safe-top))] md:px-5 md:py-4" }, ra = {
   key: 0,
   class: "px-3 py-3"
-}, la = {
+}, ia = {
   key: 1,
   class: "flex flex-col items-center gap-1 px-6 py-10 text-center",
   "data-test": "quick-search-empty"
-}, ra = { class: "text-headline font-semibold" }, ia = { class: "max-w-sm text-subheadline text-content-muted" }, ca = ["data-test"], ua = ["id", "aria-selected", "data-index", "data-test", "onMousemove", "onClick"], da = { class: "flex min-w-0 flex-1 flex-col" }, fa = { class: "truncate text-body font-semibold" }, ma = {
+}, ca = { class: "text-headline font-semibold" }, ua = { class: "max-w-sm text-subheadline text-content-muted" }, da = ["data-test"], fa = ["id", "aria-selected", "data-index", "data-test", "onMousemove", "onClick"], ma = { class: "flex min-w-0 flex-1 flex-col" }, pa = { class: "truncate text-body font-semibold" }, va = {
   key: 2,
   class: "px-3 py-3 text-subheadline text-content-destructive",
   role: "alert"
-}, pa = {
+}, ha = {
   key: 3,
   class: "px-3 py-2 text-footnote text-content-muted",
   "data-test": "quick-search-unavailable"
-}, va = {
+}, ba = {
   key: 4,
   class: "px-3 py-8 text-center text-subheadline text-content-muted"
-}, ha = { class: "hidden items-center gap-4 border-t border-border-separator px-5 py-2.5 text-footnote text-content-muted md:flex" }, ba = { class: "font-semibold" }, ga = /* @__PURE__ */ R({
+}, ga = { class: "hidden items-center gap-4 border-t border-border-separator px-5 py-2.5 text-footnote text-content-muted md:flex" }, ya = { class: "font-semibold" }, xa = /* @__PURE__ */ O({
   __name: "QuickSearchPalette",
   props: {
     search: {},
@@ -1202,18 +1204,18 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
     delayMs: { default: 180 }
   },
   setup(e) {
-    const a = e, { t: n } = K(), o = ge(), i = Ze(), u = re("panel"), s = re("list"), { isOpen: c, present: d, dismiss: b } = Fe(u, { onDismissed: () => {
-      B(), i.close();
+    const a = e, { t: n } = K(), o = ge(), l = Ze(), c = re("panel"), s = re("list"), { isOpen: u, present: d, dismiss: b } = Fe(c, { onDismissed: () => {
+      B(), l.close();
     } });
-    wt({ key: "k", mod: !0, group: "general", label: () => n("core.shell.search.title") }, () => i.open()), ue(() => i.close());
-    const g = N(""), h = N(null), $ = N(""), _ = N(!1), y = N(!1), C = N(0), v = N([]);
+    wt({ key: "k", mod: !0, group: "general", label: () => n("core.shell.search.title") }, () => l.open()), ue(() => l.close());
+    const g = P(""), h = P(null), $ = P(""), _ = P(!1), y = P(!1), C = P(0), v = P([]);
     let z = null, f;
     const I = $t(_), E = L(() => g.value.trim()), x = L(() => E.value.length >= a.minLength);
     function B() {
       clearTimeout(f), z?.abort(), z = null, _.value = !1;
     }
-    Q(i.isOpen, (w) => {
-      w ? (g.value = "", h.value = null, $.value = "", y.value = !1, C.value = 0, v.value = a.recent?.() ?? [], d()) : c.value && (B(), b());
+    Q(l.isOpen, (w) => {
+      w ? (g.value = "", h.value = null, $.value = "", y.value = !1, C.value = 0, v.value = a.recent?.() ?? [], d()) : u.value && (B(), b());
     }), Q(E, (w) => {
       if (B(), C.value = 0, w.length < a.minLength) {
         h.value = null, $.value = "", y.value = !1;
@@ -1254,7 +1256,7 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
       accent: "bg-control-on text-white",
       action: "bg-tint-soft text-content-link"
     }, tt = L(() => Ue({ key: "k", mod: !0 })[0]);
-    return (w, A) => (l(), P(Oe, { to: "body" }, [
+    return (w, A) => (r(), N(Re, { to: "body" }, [
       p(we, {
         "enter-active-class": "transition-opacity duration-motion-normal ease-motion-standard",
         "enter-from-class": "opacity-0",
@@ -1262,7 +1264,7 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
         "leave-to-class": "opacity-0"
       }, {
         default: D(() => [
-          t(c) ? (l(), m("div", {
+          t(u) ? (r(), m("div", {
             key: 0,
             class: "fixed inset-0 z-9999 bg-scrim",
             "aria-hidden": "true",
@@ -1278,10 +1280,10 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
         "leave-to-class": "opacity-0 scale-98"
       }, {
         default: D(() => [
-          t(c) ? (l(), m("div", {
+          t(u) ? (r(), m("div", {
             key: 0,
             ref_key: "panel",
-            ref: u,
+            ref: c,
             role: "dialog",
             "aria-modal": "true",
             "aria-label": t(n)("core.shell.search.title"),
@@ -1290,7 +1292,7 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
             "data-test": "quick-search",
             onKeydown: Me
           }, [
-            r("div", oa, [
+            i("div", la, [
               p(t(q), {
                 name: "search",
                 size: 20,
@@ -1308,14 +1310,14 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
                 "aria-activedescendant": W.value.length ? `quick-search-row-${C.value}` : void 0,
                 "data-test": "quick-search-input"
               }), null, 16, ["modelValue", "label", "placeholder"]),
-              r("button", {
+              i("button", {
                 type: "button",
                 class: "hit-target shrink-0 cursor-pointer rounded-control px-1 text-body text-content-link md:hidden",
                 onClick: A[2] || (A[2] = (X) => t(b)())
               }, M(t(n)("core.actions.cancel")), 1),
-              A[3] || (A[3] = r("kbd", { class: "hidden shrink-0 rounded-md border border-border-separator px-1.5 py-0.5 text-caption text-content-muted md:inline" }, "esc", -1))
+              A[3] || (A[3] = i("kbd", { class: "hidden shrink-0 rounded-md border border-border-separator px-1.5 py-0.5 text-caption text-content-muted md:inline" }, "esc", -1))
             ]),
-            r("div", {
+            i("div", {
               id: "quick-search-results",
               ref_key: "list",
               ref: s,
@@ -1323,156 +1325,166 @@ const ta = { class: "flex-1 truncate" }, na = /* @__PURE__ */ R({
               class: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-2 py-2 md:px-3",
               "data-test": "quick-search-results"
             }, [
-              t(I).visible.value && !F.value ? (l(), m("div", sa, [
+              t(I).visible.value && !F.value ? (r(), m("div", ra, [
                 p(t(Et), {
                   text: t(n)("core.shell.search.searching")
                 }, null, 8, ["text"])
               ])) : k("", !0),
-              xe.value ? (l(), m("div", la, [
-                r("p", ra, M(t(n)("core.shell.search.none", { query: E.value })), 1),
-                r("p", ia, M(_e(a.noneHint) ?? t(n)("core.shell.search.none_hint")), 1)
+              xe.value ? (r(), m("div", ia, [
+                i("p", ca, M(t(n)("core.shell.search.none", { query: E.value })), 1),
+                i("p", ua, M(_e(a.noneHint) ?? t(n)("core.shell.search.none_hint")), 1)
               ])) : k("", !0),
-              (l(!0), m(U, null, se(ee.value, (X) => (l(), m(U, {
+              (r(!0), m(U, null, se(ee.value, (X) => (r(), m(U, {
                 key: X.key
               }, [
-                r("p", {
+                i("p", {
                   class: "px-3 pt-2.5 pb-1.5 text-footnote font-semibold text-content-muted uppercase",
                   "data-test": `quick-search-group-${X.key}`
-                }, M(X.label), 9, ca),
-                (l(!0), m(U, null, se(X.rows, (O) => (l(), m("div", {
-                  id: `quick-search-row-${H.value.get(O)}`,
-                  key: O.key,
+                }, M(X.label), 9, da),
+                (r(!0), m(U, null, se(X.rows, (R) => (r(), m("div", {
+                  id: `quick-search-row-${H.value.get(R)}`,
+                  key: R.key,
                   role: "option",
-                  "aria-selected": H.value.get(O) === C.value,
-                  "data-index": H.value.get(O),
-                  "data-test": `quick-search-row-${O.key}`,
-                  class: T(["flex cursor-pointer animate-row-in items-center gap-3 rounded-control px-3 py-2.5", H.value.get(O) === C.value ? "bg-surface-selected" : "hover:bg-fill"]),
-                  onMousemove: (ke) => C.value = H.value.get(O),
-                  onClick: (ke) => V(O, ke.metaKey || ke.ctrlKey)
+                  "aria-selected": H.value.get(R) === C.value,
+                  "data-index": H.value.get(R),
+                  "data-test": `quick-search-row-${R.key}`,
+                  class: T(["flex cursor-pointer animate-row-in items-center gap-3 rounded-control px-3 py-2.5", H.value.get(R) === C.value ? "bg-surface-selected" : "hover:bg-fill"]),
+                  onMousemove: (ke) => C.value = H.value.get(R),
+                  onClick: (ke) => V(R, ke.metaKey || ke.ctrlKey)
                 }, [
-                  r("span", {
-                    class: T(["flex size-8 shrink-0 items-center justify-center rounded-lg", et[O.tile ?? "neutral"]])
+                  i("span", {
+                    class: T(["flex size-8 shrink-0 items-center justify-center rounded-lg", et[R.tile ?? "neutral"]])
                   }, [
                     p(t(q), {
-                      name: O.icon,
+                      name: R.icon,
                       size: 16
                     }, null, 8, ["name"])
                   ], 2),
-                  r("span", da, [
-                    r("span", fa, [
+                  i("span", ma, [
+                    i("span", pa, [
                       p(De, {
-                        text: O.title,
+                        text: R.title,
                         search: x.value ? E.value : ""
                       }, null, 8, ["text", "search"])
                     ]),
-                    O.meta ? (l(), m("span", {
+                    R.meta ? (r(), m("span", {
                       key: 0,
-                      class: T(["truncate text-footnote text-content-muted", O.mono ? "font-mono tracking-tight" : ""])
+                      class: T(["truncate text-footnote text-content-muted", R.mono ? "font-mono tracking-tight" : ""])
                     }, [
                       p(De, {
-                        text: O.meta,
+                        text: R.meta,
                         search: x.value ? E.value : ""
                       }, null, 8, ["text", "search"])
                     ], 2)) : k("", !0)
                   ]),
-                  O.badge ? (l(), P(t(Ct), {
+                  R.badge ? (r(), N(t(Ct), {
                     key: 0,
-                    tone: O.badge.tone,
+                    tone: R.badge.tone,
                     class: "hidden shrink-0 sm:inline-flex"
                   }, {
                     default: D(() => [
-                      ie(M(O.badge.label), 1)
+                      ie(M(R.badge.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["tone"])) : k("", !0),
-                  H.value.get(O) === C.value ? (l(), P(t(q), {
+                  H.value.get(R) === C.value ? (r(), N(t(q), {
                     key: 1,
                     name: "arrowRightSLine",
                     size: 16,
                     class: "hidden shrink-0 text-content-muted md:inline"
                   })) : k("", !0)
-                ], 42, ua))), 128))
+                ], 42, fa))), 128))
               ], 64))), 128)),
-              y.value ? (l(), m("p", ma, M(t(n)("core.shell.search.failed")), 1)) : k("", !0),
-              me.value.length ? (l(), m("p", pa, M(t(n)("core.shell.search.unavailable", { groups: me.value.join(", ") })), 1)) : k("", !0),
-              !ee.value.length && !x.value ? (l(), m("p", va, M(_e(a.hint) ?? t(n)("core.shell.search.hint")), 1)) : k("", !0)
+              y.value ? (r(), m("p", va, M(t(n)("core.shell.search.failed")), 1)) : k("", !0),
+              me.value.length ? (r(), m("p", ha, M(t(n)("core.shell.search.unavailable", { groups: me.value.join(", ") })), 1)) : k("", !0),
+              !ee.value.length && !x.value ? (r(), m("p", ba, M(_e(a.hint) ?? t(n)("core.shell.search.hint")), 1)) : k("", !0)
             ], 512),
-            r("div", ha, [
-              r("span", null, [
-                A[4] || (A[4] = r("kbd", { class: "font-semibold" }, "↑ ↓", -1)),
+            i("div", ga, [
+              i("span", null, [
+                A[4] || (A[4] = i("kbd", { class: "font-semibold" }, "↑ ↓", -1)),
                 ie(" " + M(t(n)("core.shell.search.select")), 1)
               ]),
-              r("span", null, [
-                A[5] || (A[5] = r("kbd", { class: "font-semibold" }, "↵", -1)),
+              i("span", null, [
+                A[5] || (A[5] = i("kbd", { class: "font-semibold" }, "↵", -1)),
                 ie(" " + M(t(n)("core.shell.search.open_row")), 1)
               ]),
-              r("span", null, [
-                r("kbd", ba, M(tt.value) + " ↵", 1),
+              i("span", null, [
+                i("kbd", ya, M(tt.value) + " ↵", 1),
                 ie(" " + M(t(n)("core.shell.search.new_tab")), 1)
               ])
             ])
-          ], 40, aa)) : k("", !0)
+          ], 40, sa)) : k("", !0)
         ]),
         _: 1
       })
     ]));
   }
 });
-function ya(e) {
-  return R({ name: "QuickSearch", setup: () => () => te(ga, e) });
+function ka(e) {
+  return O({ name: "QuickSearch", setup: () => () => te(xa, e) });
 }
-function io(e) {
+function mo(e) {
   return fe({
     id: "vue-core.quick-search",
     contributions: [
-      { id: "vue-core.quick-search.button", slot: "search", component: na, scope: "authenticated", optional: !0 },
-      { id: "vue-core.quick-search.palette", slot: "host", component: ya(e), scope: "authenticated" }
+      { id: "vue-core.quick-search.button", slot: "search", component: oa, scope: "authenticated", optional: !0 },
+      { id: "vue-core.quick-search.palette", slot: "host", component: ka(e), scope: "authenticated" }
     ]
   });
 }
-const xa = /* @__PURE__ */ R({
+const _a = /* @__PURE__ */ O({
   __name: "DarkModeRow",
   props: {
     dark: { type: Boolean }
   },
   emits: ["toggle"],
   setup(e, { emit: a }) {
-    const n = e, o = a, { t: i } = K();
-    return (u, s) => (l(), P($e, {
-      label: t(i)("core.shell.dark_mode"),
+    const n = e, o = a, { t: l } = K();
+    return (c, s) => (r(), N($e, {
+      label: t(l)("core.shell.dark_mode"),
       icon: "moonLine",
       checked: n.dark,
-      onClick: s[0] || (s[0] = (c) => o("toggle"))
+      onClick: s[0] || (s[0] = (u) => o("toggle"))
     }, null, 8, ["label", "checked"]));
   }
-}), ka = { light: "#ffffff", dark: "#18181B" };
-function _a(e, a = ka) {
+}), wa = { light: "#ffffff", dark: "#18181B" };
+function $a(e, a = wa) {
   document.documentElement.classList.toggle("dark", e), document.querySelector('meta[name="theme-color"]')?.setAttribute("content", e ? a.dark : a.light);
 }
-function co(e) {
-  const a = R({
+function po(e = {}) {
+  const a = O({
     name: "DarkModeSwitch",
-    setup: () => () => te(xa, { dark: e.dark(), onToggle: () => void e.set(!e.dark()) })
+    setup() {
+      const n = Tt(), o = e.dark ?? (() => n.value.value.dark_mode === !0), l = e.set ?? ((c) => void n.save({ dark_mode: c }));
+      return () => te(_a, { dark: o(), onToggle: () => void l(!o()) });
+    }
   });
   return fe({
     id: "vue-core.dark-mode",
     contributions: [{ id: "vue-core.dark-mode.row", slot: "accountMenu", component: a, scope: "authenticated" }],
     // Runs while the application is mounted, signed in or not; the watcher's stop handle is the effect's cleanup.
-    effects: [{ id: "vue-core.dark-mode", scope: "app", start: () => Q(e.dark, (n) => _a(n, e.themeColor), { immediate: !0 }) }]
+    effects: [{
+      id: "vue-core.dark-mode",
+      scope: "app",
+      start: ({ platform: n }) => {
+        const o = Mt(n).value;
+        return Q(e.dark ?? (() => o.value.dark_mode === !0), (l) => $a(l, e.themeColor), { immediate: !0 });
+      }
+    }]
   });
 }
-const wa = {
+const Sa = {
   key: 0,
   role: "status",
   "data-test": "offline-notice",
   class: "dock-safe-area pointer-events-auto order-first mb-3 px-3"
-}, $a = { class: "mx-auto flex max-w-md items-center justify-center gap-2 rounded-full bg-status-warning-surface px-4 py-2 text-subheadline font-semibold text-status-warning-content shadow-float" }, Sa = /* @__PURE__ */ R({
+}, La = { class: "mx-auto flex max-w-md items-center justify-center gap-2 rounded-full bg-status-warning-surface px-4 py-2 text-subheadline font-semibold text-status-warning-content shadow-float" }, Ca = /* @__PURE__ */ O({
   __name: "OfflineNotice",
   setup(e) {
-    const { t: a } = K(), n = N(navigator.onLine), o = () => n.value = navigator.onLine;
+    const { t: a } = K(), n = P(navigator.onLine), o = () => n.value = navigator.onLine;
     return window.addEventListener("online", o), window.addEventListener("offline", o), ue(() => {
       window.removeEventListener("online", o), window.removeEventListener("offline", o);
-    }), (i, u) => (l(), P(t(Tt), null, {
+    }), (l, c) => (r(), N(t(At), null, {
       default: D(() => [
         p(we, {
           "enter-active-class": "transition duration-motion-normal ease-motion-standard",
@@ -1481,8 +1493,8 @@ const wa = {
           "leave-to-class": "translate-y-2 opacity-0"
         }, {
           default: D(() => [
-            n.value ? k("", !0) : (l(), m("div", wa, [
-              r("div", $a, [
+            n.value ? k("", !0) : (r(), m("div", Sa, [
+              i("div", La, [
                 p(t(q), {
                   name: "errorWarningLine",
                   size: 16
@@ -1498,41 +1510,41 @@ const wa = {
     }));
   }
 });
-function uo() {
+function vo() {
   return fe({
     id: "vue-core.offline-notice",
-    contributions: [{ id: "vue-core.offline-notice", slot: "host", component: Sa, scope: "always" }]
+    contributions: [{ id: "vue-core.offline-notice", slot: "host", component: Ca, scope: "always" }]
   });
 }
 export {
-  Pt as AccountMenu,
+  Bt as AccountMenu,
   $e as AccountMenuItem,
-  qt as AccountSheet,
-  Fn as BackofficeShell,
-  xa as DarkModeRow,
-  po as HeaderAction,
-  tn as NavigationDrawer,
+  jt as AccountSheet,
+  Wn as BackofficeShell,
+  _a as DarkModeRow,
+  go as HeaderAction,
+  an as NavigationDrawer,
   He as NavigationList,
-  Sn as NavigationMenuButton,
-  Sa as OfflineNotice,
-  na as QuickSearchButton,
-  ga as QuickSearchPalette,
+  Cn as NavigationMenuButton,
+  Ca as OfflineNotice,
+  oa as QuickSearchButton,
+  xa as QuickSearchPalette,
   Te as ShellBrand,
-  vn as ShellSidebar,
-  wn as ShellStage,
-  On as ShellTopBar,
-  lo as appUpdates,
-  _a as applyDarkMode,
-  so as backofficeShell,
-  Un as createNavigationProgress,
-  co as darkMode,
-  Nn as defaultIdentity,
-  jt as groupNavigation,
-  Jn as installViewTransitions,
-  uo as offlineNotice,
-  io as quickSearch,
+  bn as ShellSidebar,
+  Sn as ShellStage,
+  Nn as ShellTopBar,
+  uo as appUpdates,
+  $a as applyDarkMode,
+  co as backofficeShell,
+  Xn as createNavigationProgress,
+  po as darkMode,
+  qn as defaultIdentity,
+  Vt as groupNavigation,
+  ea as installViewTransitions,
+  vo as offlineNotice,
+  mo as quickSearch,
   Je as useNavigationDrawer,
   Ze as useQuickSearch,
-  Pn as useShellIdentity,
-  ro as viewTransitions
+  Bn as useShellIdentity,
+  fo as viewTransitions
 };