@wssto2/vue-core 0.4.0 → 0.4.2

package/dist/shell/index.js

@@ -1,216 +1,217 @@
-import { defineComponent as z, provide as ae, computed as A, ref as F, useId as se, openBlock as u, createElementBlock as b, normalizeClass as $, unref as n, createVNode as v, createCommentVNode as E, createElementVNode as d, toDisplayString as D, createBlock as O, withDirectives as Ie, Fragment as V, renderList as te, vShow as ze, withCtx as T, mergeProps as G, useTemplateRef as ne, renderSlot as I, createSlots as K, normalizeProps as U, guardReactiveProps as X, watch as Y, onScopeDispose as le, inject as De, onBeforeUnmount as Oe, normalizeStyle as ve, nextTick as he, Teleport as Re, shallowRef as Be, h as Z } from "vue";
-import { useI18n as N } from "vue-i18n";
-import { _ as be } from "../Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
-import { _ as B, u as Ne, c as Pe } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { _ as je } from "../Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
-import { u as Ve, S as H } from "../contributions-DsfmDoRD.js";
-import { u as Fe } from "../environment-Dva-SG8D.js";
-import { _ as Ke } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
-import { l as de } from "../languageName-CItV_SOv.js";
-import { t as ge } from "../toast-D9Z5To38.js";
-import { u as Q, h as ie } from "../platform-q3cjODLx.js";
-import { a as We, _ as fe, h as ye } from "../AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
-import { _ as Ue } from "../Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
-import { _ as Xe } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-Cv7KlA5y.js";
-import { _ as Ye } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
-import { _ as qe } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
-import { a as xe } from "../chrome-BS3xJcad.js";
-import { A as Ge } from "../access-DdRFrVV1.js";
-import { RouterLink as we, useRoute as He, useRouter as re } from "vue-router";
-import { u as Qe } from "../navigation-Cm3iChlR.js";
-import { a as q } from "../mediaQuery-CygcXmFW.js";
-import { u as Je } from "../useDialog-CXR3hN0G.js";
-import { _ as Ze } from "../Menu.vue_vue_type_script_setup_true_lang-DTbAcDzL.js";
-import { W as et } from "../useWaitStatus-fsacMl4W.js";
-import { d as _e } from "../feature-DdUAfyi4.js";
-import { _ as Qn } from "../HeaderAction.vue_vue_type_script_setup_true_lang-Cgji-Jrr.js";
-import { S as tt } from "../dialogStack-DZZg55w0.js";
-const nt = ["aria-expanded", "aria-controls"], at = { class: "flex-1 whitespace-nowrap" }, ot = { class: "truncate" }, st = ["id"], ke = /* @__PURE__ */ z({
+import { defineComponent as z, provide as Q, computed as C, ref as N, useId as re, openBlock as d, createElementBlock as b, normalizeClass as $, unref as t, createVNode as h, createCommentVNode as S, createElementVNode as f, toDisplayString as D, createBlock as R, withDirectives as Be, Fragment as F, renderList as ne, vShow as je, withCtx as A, mergeProps as G, useTemplateRef as ae, renderSlot as I, createSlots as K, normalizeProps as W, guardReactiveProps as Y, inject as ge, onMounted as Ve, onBeforeUnmount as ye, normalizeStyle as oe, nextTick as ie, watch as q, onScopeDispose as ce, Teleport as Fe, shallowRef as Ke, h as ee } from "vue";
+import { useI18n as B } from "vue-i18n";
+import { _ as we } from "../Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
+import { _ as P, u as Xe, c as Ue } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as We } from "../Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { u as xe, S as X } from "../contributions-DsfmDoRD.js";
+import { u as Ye } from "../environment-Dva-SG8D.js";
+import { _ as He } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
+import { l as pe } from "../languageName-CItV_SOv.js";
+import { t as _e } from "../toast-D9Z5To38.js";
+import { u as J, h as ue } from "../platform-q3cjODLx.js";
+import { a as qe, _ as ve, h as ke } from "../AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
+import { _ as Ge } from "../Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
+import { _ as Qe } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-Cv7KlA5y.js";
+import { _ as Je } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
+import { _ as Ze } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
+import { b as $e } from "../chrome-nUcmVu8G.js";
+import { p as Se, A as et } from "../access-DmAceEo5.js";
+import { RouterLink as Le, useRoute as tt, useRouter as de } from "vue-router";
+import { u as nt } from "../navigation-Cm3iChlR.js";
+import { u as at } from "../leaveGuard-Cc8yeLxM.js";
+import { u as ot, S as st } from "../dialogStack-DZZg55w0.js";
+import { a as H } from "../mediaQuery-CygcXmFW.js";
+import { u as lt } from "../useDialog-CXR3hN0G.js";
+import { _ as rt } from "../Menu.vue_vue_type_script_setup_true_lang-ClsOlOSr.js";
+import { W as it } from "../useWaitStatus-fsacMl4W.js";
+import { d as Ce } from "../feature-DdUAfyi4.js";
+import { _ as fa } from "../HeaderAction.vue_vue_type_script_setup_true_lang-Cgji-Jrr.js";
+const ct = ["aria-expanded", "aria-controls"], ut = { class: "flex-1 whitespace-nowrap" }, dt = { class: "truncate" }, ft = ["id"], Ee = /* @__PURE__ */ z({
   __name: "AccountMenuContent",
   props: {
     appearance: {}
   },
   emits: ["close"],
   setup(e, { emit: a }) {
-    const t = e, o = a, { t: i } = N(), { session: r } = Q(), c = Fe(), m = Ve();
-    ae(We, { appearance: t.appearance, close: () => o("close") });
-    const s = t.appearance === "sheet", p = A(() => m.get("accountMenu").length > 0), g = c.locales.length > 1, x = F(!1), _ = se(), k = A(() => de(c.locale.value)), y = (M) => c.localeFlags[M];
-    async function C() {
+    const n = e, o = a, { t: r } = B(), { session: c } = J(), s = Ye(), i = xe();
+    Q(qe, { appearance: n.appearance, close: () => o("close") });
+    const l = n.appearance === "sheet", p = C(() => i.get("accountMenu").length > 0), g = s.locales.length > 1, v = N(!1), x = re(), _ = C(() => pe(s.locale.value)), w = (M) => s.localeFlags[M];
+    async function E() {
       try {
-        await r.signOut();
+        await c.signOut();
       } catch {
-        ge.error(i("core.shell.account.sign_out_failed"));
+        _e.error(r("core.shell.account.sign_out_failed"));
       }
     }
-    const f = s ? "overflow-hidden rounded-group bg-surface-cell shadow-group" : "";
-    return (M, l) => (u(), b("div", {
-      class: $(s ? "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"),
+    const m = l ? "overflow-hidden rounded-group bg-surface-cell shadow-group" : "";
+    return (M, u) => (d(), b("div", {
+      class: $(l ? "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": ""
     }, [
-      p.value ? (u(), b("div", {
+      p.value ? (d(), b("div", {
         key: 0,
-        class: $(n(f))
+        class: $(t(m))
       }, [
-        v(n(H), { name: "accountMenu" })
-      ], 2)) : E("", !0),
-      g ? (u(), b("div", {
+        h(t(X), { name: "accountMenu" })
+      ], 2)) : S("", !0),
+      g ? (d(), b("div", {
         key: 1,
-        class: $(n(f))
+        class: $(t(m))
       }, [
-        d("div", {
-          class: $(s ? "relative" : "")
+        f("div", {
+          class: $(l ? "relative" : "")
         }, [
-          d("button", {
+          f("button", {
             type: "button",
-            "aria-expanded": x.value,
-            "aria-controls": n(_),
+            "aria-expanded": v.value,
+            "aria-controls": t(x),
             "data-account-language": "",
-            class: $(["flex w-full cursor-pointer items-center gap-3 text-left transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", s ? "min-h-row px-row-inset py-2 text-body active:bg-fill" : "rounded-md px-2 py-1.5 text-sm hover:bg-fill"]),
-            onClick: l[0] || (l[0] = (L) => x.value = !x.value)
+            class: $(["flex w-full cursor-pointer items-center gap-3 text-left transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", l ? "min-h-row px-row-inset py-2 text-body active:bg-fill" : "rounded-md px-2 py-1.5 text-sm hover:bg-fill"]),
+            onClick: u[0] || (u[0] = (T) => v.value = !v.value)
           }, [
-            v(n(B), {
+            h(t(P), {
               name: "translate",
-              size: s ? 22 : 16,
+              size: l ? 22 : 16,
               class: "shrink-0 text-content-muted"
             }, null, 8, ["size"]),
-            d("span", at, D(n(i)("core.shell.account.language")), 1),
-            d("span", {
-              class: $(["flex min-w-0 items-center gap-1.5 text-content-muted", s ? "" : "text-xs"])
+            f("span", ut, D(t(r)("core.shell.account.language")), 1),
+            f("span", {
+              class: $(["flex min-w-0 items-center gap-1.5 text-content-muted", l ? "" : "text-xs"])
             }, [
-              y(n(c).locale.value) ? (u(), O(Ke, {
+              w(t(s).locale.value) ? (d(), R(He, {
                 key: 0,
-                country: y(n(c).locale.value)
-              }, null, 8, ["country"])) : E("", !0),
-              d("span", ot, D(k.value), 1)
+                country: w(t(s).locale.value)
+              }, null, 8, ["country"])) : S("", !0),
+              f("span", dt, D(_.value), 1)
             ], 2),
-            v(n(B), {
+            h(t(P), {
               name: "arrowDownSLine",
-              size: s ? 18 : 16,
-              class: $(["shrink-0 text-content-disabled transition-transform duration-motion-fast", x.value ? "rotate-180" : ""])
+              size: l ? 18 : 16,
+              class: $(["shrink-0 text-content-disabled transition-transform duration-motion-fast", v.value ? "rotate-180" : ""])
             }, null, 8, ["size", "class"])
-          ], 10, nt)
+          ], 10, ct)
         ], 2),
-        Ie(d("div", {
-          id: n(_),
-          class: $(s ? "" : "space-y-0.5 pl-4")
+        Be(f("div", {
+          id: t(x),
+          class: $(l ? "" : "space-y-0.5 pl-4")
         }, [
-          (u(!0), b(V, null, te(n(c).locales, (L) => (u(), O(fe, {
-            key: L,
-            label: n(de)(L),
-            flag: y(L),
-            selected: L === n(c).locale.value,
-            onClick: (S) => n(c).setLocale(L)
+          (d(!0), b(F, null, ne(t(s).locales, (T) => (d(), R(ve, {
+            key: T,
+            label: t(pe)(T),
+            flag: w(T),
+            selected: T === t(s).locale.value,
+            onClick: (L) => t(s).setLocale(T)
           }, null, 8, ["label", "flag", "selected", "onClick"]))), 128))
-        ], 10, st), [
-          [ze, x.value]
+        ], 10, ft), [
+          [je, v.value]
         ])
-      ], 2)) : E("", !0),
-      d("div", {
-        class: $(n(f))
+      ], 2)) : S("", !0),
+      f("div", {
+        class: $(t(m))
       }, [
-        v(fe, {
-          label: n(i)("core.shell.account.sign_out"),
+        h(ve, {
+          label: t(r)("core.shell.account.sign_out"),
           icon: "logoutBoxRLine",
           tone: "critical",
-          onClick: C
+          onClick: E
         }, null, 8, ["label"])
       ], 2)
     ], 2));
   }
-}), lt = ["onClick"], it = { class: "min-w-0 flex-1" }, rt = { class: "block truncate text-sm font-semibold text-white" }, ct = {
+}), mt = ["onClick"], pt = { class: "min-w-0 flex-1" }, vt = { class: "block truncate text-sm font-semibold text-white" }, ht = {
   key: 0,
   class: "block truncate text-xs text-gray-300"
-}, ut = /* @__PURE__ */ z({
+}, bt = /* @__PURE__ */ z({
   __name: "AccountMenu",
   props: {
     identity: {}
   },
   setup(e) {
-    const { t: a } = N();
-    return (t, o) => (u(), O(n(je), {
+    const { t: a } = B();
+    return (n, o) => (d(), R(t(We), {
       placement: "top-start",
       width: "sm",
       block: "",
       arrow: !1,
-      label: n(a)("core.shell.account.open")
+      label: t(a)("core.shell.account.open")
     }, {
-      trigger: T(({ toggle: i, attrs: r, presented: c }) => [
-        d("button", G({ type: "button" }, r, {
+      trigger: A(({ toggle: r, attrs: c, presented: s }) => [
+        f("button", G({ 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": c }],
-          onClick: i
+          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: r
         }), [
-          v(n(be), {
+          h(t(we), {
             name: e.identity.name,
             size: "md"
           }, null, 8, ["name"]),
-          d("span", it, [
-            d("span", rt, D(e.identity.name), 1),
-            e.identity.detail ? (u(), b("span", ct, D(e.identity.detail), 1)) : E("", !0)
+          f("span", pt, [
+            f("span", vt, D(e.identity.name), 1),
+            e.identity.detail ? (d(), b("span", ht, D(e.identity.detail), 1)) : S("", !0)
           ]),
-          v(n(B), {
+          h(t(P), {
             name: "expandUpDownLine",
             size: 16,
             class: "shrink-0 text-gray-400"
           })
-        ], 16, lt)
+        ], 16, mt)
       ]),
-      default: T(({ dismiss: i }) => [
-        v(ke, {
+      default: A(({ dismiss: r }) => [
+        h(Ee, {
           appearance: "popover",
-          onClose: i
+          onClose: r
         }, null, 8, ["onClose"])
       ]),
       _: 1
     }, 8, ["label"]));
   }
-}), dt = /* @__PURE__ */ z({
+}), gt = /* @__PURE__ */ z({
   __name: "AccountSheet",
   props: {
     identity: {}
   },
   setup(e, { expose: a }) {
-    const t = ne("sheet");
-    return a({ present: () => t.value?.present(), dismiss: () => t.value?.dismiss() }), (o, i) => (u(), O(n(Ue), {
+    const n = ae("sheet");
+    return a({ present: () => n.value?.present(), dismiss: () => n.value?.dismiss() }), (o, r) => (d(), R(t(Ge), {
       ref_key: "sheet",
-      ref: t,
+      ref: n,
       title: e.identity.name,
       grouped: ""
     }, {
-      default: T(() => [
-        v(ke, {
+      default: A(() => [
+        h(Ee, {
           appearance: "sheet",
-          onClose: i[0] || (i[0] = (r) => t.value?.dismiss())
+          onClose: r[0] || (r[0] = (c) => n.value?.dismiss())
         })
       ]),
       _: 1
     }, 8, ["title"]));
   }
 });
-function ft() {
-  const e = Ne(), a = (t, o) => Object.prototype.hasOwnProperty.call(t, o);
-  return (t) => t && (e[t] !== void 0 || a(Pe, t)) ? t : null;
+function yt() {
+  const e = Xe(), a = (n, o) => Object.prototype.hasOwnProperty.call(n, o);
+  return (n) => n && (e[n] !== void 0 || a(Ue, n)) ? n : null;
 }
-function $e(e) {
+function Te(e) {
   return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey && !e.defaultPrevented;
 }
-const Se = (e) => e.to ? [e] : e.children.flatMap(Se);
-function mt(e) {
+const Ae = (e) => e.to ? [e] : e.children.flatMap(Ae);
+function wt(e) {
   const a = [];
-  for (const t of e) {
-    const o = Se(t);
+  for (const n of e) {
+    const o = Ae(n);
     if (o.length === 0) continue;
-    const i = !t.to && o.length > 1 ? t.label : null;
+    const r = !n.to && o.length > 1 ? n.label : null;
     a.push({
-      key: t.key,
-      heading: i,
-      separated: i === null && a.length > 0,
-      items: o.map((r) => ({ key: r.key, label: r.label, icon: r.icon, to: r.to, active: r.active }))
+      key: n.key,
+      heading: r,
+      separated: r === 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 pt = ["aria-label", "data-appearance"], vt = ["data-separated"], ht = ["id"], bt = ["aria-labelledby"], gt = ["href", "aria-current", "onClick"], yt = { class: "min-w-0 flex-1 truncate" }, me = "flex w-full items-center transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", Ce = /* @__PURE__ */ z({
+const xt = ["aria-label", "data-appearance"], _t = ["data-separated"], kt = ["id"], $t = ["aria-labelledby"], St = ["href", "aria-current", "onClick"], Lt = { class: "min-w-0 flex-1 truncate" }, he = "flex w-full items-center transition-colors focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", Me = /* @__PURE__ */ z({
   __name: "NavigationList",
   props: {
     items: { default: void 0 },
@@ -219,16 +220,16 @@ const pt = ["aria-label", "data-appearance"], vt = ["data-separated"], ht = ["id
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const t = e, o = a, { t: i } = N(), r = se(), c = t.items === void 0 ? Qe() : null, m = ft(), s = A(() => mt(t.items ?? c?.value ?? []));
-    function p(y, C, f) {
-      if (t.appearance === "drawer" && $e(y)) {
-        y.preventDefault(), o("select", f);
+    const n = e, o = a, { t: r } = B(), c = re(), s = n.items === void 0 ? nt() : null, i = yt(), l = C(() => wt(n.items ?? s?.value ?? []));
+    function p(w, E, m) {
+      if (n.appearance === "drawer" && Te(w)) {
+        w.preventDefault(), o("select", m);
         return;
       }
-      C(y);
+      E(w);
     }
     const g = {
-      item: `${me} group gap-2.5 rounded-md px-2.5 py-1.5 text-sm`,
+      item: `${he} group gap-2.5 rounded-md px-2.5 py-1.5 text-sm`,
       active: "bg-white/10 font-medium text-white ring-1 ring-inset ring-white/5",
       inactive: "font-normal text-gray-300 hover:bg-white/5 hover:text-white",
       iconActive: "text-primary-400",
@@ -236,68 +237,68 @@ const pt = ["aria-label", "data-appearance"], vt = ["data-separated"], ht = ["id
       heading: "px-2 pb-1 text-2xs font-semibold uppercase tracking-[0.08em] text-gray-400",
       // A hairline above the group, inset like the rows.
       separator: "before:mx-2 before:my-2.5 before:block before:border-t before:border-white/10"
-    }, x = {
-      item: `${me} min-h-[2.875rem] cursor-pointer gap-3.5 rounded-group px-3 text-left text-body duration-motion-fast`,
+    }, v = {
+      item: `${he} min-h-[2.875rem] cursor-pointer gap-3.5 rounded-group px-3 text-left text-body duration-motion-fast`,
       active: "bg-tint-soft font-semibold text-content-link",
       inactive: "active:bg-fill",
       iconActive: "",
       iconInactive: "",
       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"
-    }, _ = A(() => t.appearance === "rail" ? g : x), k = A(() => t.appearance === "rail" ? 16 : 22);
-    return (y, C) => (u(), b("nav", {
-      "aria-label": e.label ?? n(i)("core.shell.menu"),
+    }, x = C(() => n.appearance === "rail" ? g : v), _ = C(() => n.appearance === "rail" ? 16 : 22);
+    return (w, E) => (d(), b("nav", {
+      "aria-label": e.label ?? t(r)("core.shell.menu"),
       "data-shell-navigation": "",
       "data-appearance": e.appearance
     }, [
-      d("ul", null, [
-        (u(!0), b(V, null, te(s.value, (f, M) => (u(), b("li", {
-          key: f.key,
-          "data-separated": f.separated || void 0,
-          class: $(f.separated ? _.value.separator : "")
+      f("ul", null, [
+        (d(!0), b(F, null, ne(l.value, (m, M) => (d(), b("li", {
+          key: m.key,
+          "data-separated": m.separated || void 0,
+          class: $(m.separated ? x.value.separator : "")
         }, [
-          f.heading ? (u(), b("p", {
+          m.heading ? (d(), b("p", {
             key: 0,
-            id: `${n(r)}-${M}`,
-            class: $([_.value.heading, e.appearance === "rail" ? M > 0 ? "pt-4" : "pt-1" : ""])
-          }, D(f.heading), 11, ht)) : E("", !0),
-          d("ul", {
-            "aria-labelledby": f.heading ? `${n(r)}-${M}` : void 0,
+            id: `${t(c)}-${M}`,
+            class: $([x.value.heading, e.appearance === "rail" ? M > 0 ? "pt-4" : "pt-1" : ""])
+          }, D(m.heading), 11, kt)) : S("", !0),
+          f("ul", {
+            "aria-labelledby": m.heading ? `${t(c)}-${M}` : void 0,
             class: $(e.appearance === "rail" ? "space-y-0.5" : "")
           }, [
-            (u(!0), b(V, null, te(f.items, (l) => (u(), b("li", {
-              key: l.key
+            (d(!0), b(F, null, ne(m.items, (u) => (d(), b("li", {
+              key: u.key
             }, [
-              v(n(we), {
+              h(t(Le), {
                 custom: "",
-                to: l.to
+                to: u.to
               }, {
-                default: T(({ href: L, navigate: S }) => [
-                  d("a", {
-                    href: L,
-                    "aria-current": l.active ? "page" : void 0,
+                default: A(({ href: T, navigate: L }) => [
+                  f("a", {
+                    href: T,
+                    "aria-current": u.active ? "page" : void 0,
                     "data-shell-destination": "",
-                    class: $([_.value.item, l.active ? _.value.active : _.value.inactive]),
-                    onClick: (w) => p(w, S, l.to)
+                    class: $([x.value.item, u.active ? x.value.active : x.value.inactive]),
+                    onClick: (k) => p(k, L, u.to)
                   }, [
-                    n(m)(l.icon) ? (u(), O(n(B), {
+                    t(i)(u.icon) ? (d(), R(t(P), {
                       key: 0,
-                      name: n(m)(l.icon),
-                      size: k.value,
-                      class: $(l.active ? _.value.iconActive : _.value.iconInactive)
-                    }, null, 8, ["name", "size", "class"])) : E("", !0),
-                    d("span", yt, D(l.label), 1)
-                  ], 10, gt)
+                      name: t(i)(u.icon),
+                      size: _.value,
+                      class: $(u.active ? x.value.iconActive : x.value.iconInactive)
+                    }, null, 8, ["name", "size", "class"])) : S("", !0),
+                    f("span", Lt, D(u.label), 1)
+                  ], 10, St)
                 ]),
                 _: 2
               }, 1032, ["to"])
             ]))), 128))
-          ], 10, bt)
-        ], 10, vt))), 128))
+          ], 10, $t)
+        ], 10, _t))), 128))
       ])
-    ], 8, pt));
+    ], 8, xt));
   }
-}), xt = ["href", "aria-label", "onClick"], ce = /* @__PURE__ */ z({
+}), Ct = ["href", "aria-label", "onClick"], fe = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "ShellBrand",
   props: {
@@ -307,43 +308,51 @@ const pt = ["aria-label", "data-appearance"], vt = ["data-separated"], ht = ["id
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const t = e, o = a, { t: i } = N(), { config: r } = Q();
-    function c(m, s) {
-      if (t.intercept && $e(m)) {
-        m.preventDefault(), o("select", t.to);
+    const n = e, o = a, { t: r } = B(), { config: c } = J();
+    function s(i, l) {
+      if (n.intercept && Te(i)) {
+        i.preventDefault(), o("select", n.to);
         return;
       }
-      s(m);
+      l(i);
     }
-    return (m, s) => (u(), O(n(we), {
+    return (i, l) => (d(), R(t(Le), {
       custom: "",
       to: e.to
     }, {
-      default: T(({ href: p, navigate: g }) => [
-        d("a", G(m.$attrs, {
+      default: A(({ href: p, navigate: g }) => [
+        f("a", G(i.$attrs, {
           href: p,
-          "aria-label": n(i)("core.shell.home"),
+          "aria-label": t(r)("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: (x) => c(x, g)
+          onClick: (v) => s(v, g)
         }), [
-          I(m.$slots, "default", { tone: e.tone }, () => [
-            d("span", {
+          I(i.$slots, "default", { tone: e.tone }, () => [
+            f("span", {
               class: $(["block truncate text-headline font-semibold", e.tone === "light" ? "text-white" : "text-content-strong"])
-            }, D(n(r).appName), 3)
+            }, D(t(c).appName), 3)
           ])
-        ], 16, xt)
+        ], 16, Ct)
       ]),
       _: 3
     }, 8, ["to"]));
   }
-}), wt = {
+});
+function Ie() {
+  const e = xe();
+  return C(() => e.get("search").length > 0);
+}
+const Et = {
   class: "flex h-full flex-col bg-surface-page text-content-strong",
   "data-shell-drawer-content": ""
-}, _t = { 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))]" }, kt = { class: "min-w-0 flex-1" }, $t = { class: "block truncate text-headline font-semibold" }, St = {
+}, Tt = { 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))]" }, At = {
+  key: 0,
+  class: "shrink-0 pr-4 pb-3 pl-[max(1.125rem,env(safe-area-inset-left))]"
+}, Mt = { class: "min-w-0 flex-1" }, It = { class: "block truncate text-headline font-semibold" }, zt = {
   key: 0,
   class: "block truncate text-footnote text-content-muted"
-}, Ct = /* @__PURE__ */ z({
+}, Dt = /* @__PURE__ */ z({
   __name: "NavigationDrawer",
   props: {
     identity: {},
@@ -351,52 +360,55 @@ const pt = ["aria-label", "data-appearance"], vt = ["data-separated"], ht = ["id
   },
   emits: ["select", "account"],
   setup(e, { emit: a }) {
-    const t = a, { t: o } = N();
-    return (i, r) => (u(), b("div", wt, [
-      d("div", _t, [
-        v(ce, {
+    const n = a, { t: o } = B(), r = Ie();
+    return (c, s) => (d(), b("div", Et, [
+      f("div", Tt, [
+        h(fe, {
           to: e.home,
           tone: "brand",
           intercept: "",
           class: "max-w-36",
-          onSelect: r[0] || (r[0] = (c) => t("select", c))
+          onSelect: s[0] || (s[0] = (i) => n("select", i))
         }, K({ _: 2 }, [
-          i.$slots.brand ? {
+          c.$slots.brand ? {
             name: "default",
-            fn: T((c) => [
-              I(i.$slots, "brand", U(X(c)))
+            fn: A((i) => [
+              I(c.$slots, "brand", W(Y(i)))
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["to"])
       ]),
-      r[3] || (r[3] = d("div", {
+      t(r) ? (d(), b("div", At, [
+        h(t(X), { name: "search" })
+      ])) : S("", !0),
+      s[3] || (s[3] = f("div", {
         class: "mx-5.5 shrink-0 border-t border-border-separator",
         role: "presentation"
       }, null, -1)),
-      v(Ce, {
+      h(Me, {
         appearance: "drawer",
-        label: n(o)("core.shell.menu"),
+        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: r[1] || (r[1] = (c) => t("select", c))
+        onSelect: s[1] || (s[1] = (i) => n("select", i))
       }, null, 8, ["label"]),
-      I(i.$slots, "footer"),
-      d("button", {
+      I(c.$slots, "footer"),
+      f("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: r[2] || (r[2] = (c) => t("account"))
+        onClick: s[2] || (s[2] = (i) => n("account"))
       }, [
-        v(n(be), {
+        h(t(we), {
           name: e.identity.name,
           size: "lg"
         }, null, 8, ["name"]),
-        d("span", kt, [
-          d("span", $t, D(e.identity.name), 1),
-          e.identity.detail ? (u(), b("span", St, D(e.identity.detail), 1)) : E("", !0)
+        f("span", Mt, [
+          f("span", It, D(e.identity.name), 1),
+          e.identity.detail ? (d(), b("span", zt, D(e.identity.detail), 1)) : S("", !0)
         ]),
-        v(n(B), {
+        h(t(P), {
           name: "arrowRightSLine",
           size: 18,
           class: "shrink-0 text-content-disabled"
@@ -404,498 +416,575 @@ const pt = ["aria-label", "data-appearance"], vt = ["data-separated"], ht = ["id
       ])
     ]));
   }
-}), Lt = {
+}), ze = Symbol("vue-core.navigationDrawer");
+function De() {
+  return ge(ze, null);
+}
+const se = 72, Rt = 110, Ot = 0.5, Pt = 600;
+function Nt(e, a) {
+  const n = N(0), o = N(!1);
+  let r = 0, c = 0, s = !1;
+  function i(v) {
+    s = !1, !(!a.enabled() || o.value || v.touches.length !== 1 || window.scrollY > 0) && (r = v.touches[0].clientX, c = v.touches[0].clientY, s = !0);
+  }
+  function l(v) {
+    if (!s) return;
+    const x = v.touches[0].clientX - r, _ = v.touches[0].clientY - c;
+    if (_ <= 0 || Math.abs(x) > _ || window.scrollY > 0) {
+      n.value === 0 && (s = !1), n.value = 0;
+      return;
+    }
+    n.value = Math.min(Rt, _ * Ot);
+  }
+  async function p() {
+    if (s) {
+      if (s = !1, n.value < se) {
+        n.value = 0;
+        return;
+      }
+      o.value = !0, n.value = se;
+      try {
+        await Promise.all([e(), new Promise((v) => setTimeout(v, Pt))]);
+      } finally {
+        o.value = !1, n.value = 0;
+      }
+    }
+  }
+  function g() {
+    s = !1, o.value || (n.value = 0);
+  }
+  return Ve(() => {
+    window.addEventListener("touchstart", i, { passive: !0 }), window.addEventListener("touchmove", l, { passive: !0 }), window.addEventListener("touchend", p), window.addEventListener("touchcancel", g);
+  }), ye(() => {
+    window.removeEventListener("touchstart", i), window.removeEventListener("touchmove", l), window.removeEventListener("touchend", p), window.removeEventListener("touchcancel", g);
+  }), { pull: n, refreshing: o };
+}
+const Bt = { 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" }, jt = /* @__PURE__ */ z({
+  __name: "PullToRefresh",
+  setup(e) {
+    const a = H("(display-mode: standalone)"), n = ot(), o = De(), r = at(), c = ge(Se, null), { pull: s, refreshing: i } = Nt(
+      async () => {
+        r.hasUnsavedChanges() && !await r.confirm() || (c && c.value++, await ie());
+      },
+      {
+        enabled: () => c !== null && n.value === 0 && !o?.open.value && (a.value || navigator.standalone === !0)
+      }
+    );
+    return (l, p) => t(s) > 0 || t(i) ? (d(), b("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: oe({ top: `calc(env(safe-area-inset-top) + ${Math.max(t(s), 8)}px)` })
+    }, [
+      f("span", Bt, [
+        h(t(P), {
+          name: t(i) ? "loader4Line" : "refreshLine",
+          size: 20,
+          class: $(t(i) ? "animate-spin motion-reduce:animate-none" : ""),
+          style: oe(t(i) ? void 0 : { transform: `rotate(${t(s) / t(se) * 270}deg)`, opacity: Math.min(1, t(s) / t(se)) })
+        }, null, 8, ["name", "class", "style"])
+      ])
+    ], 4)) : S("", !0);
+  }
+}), Vt = {
   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"
-}, At = { class: "sticky top-[var(--shell-banner-h,0px)] z-30 flex h-[calc(100vh-var(--shell-banner-h,0px))] flex-col" }, Et = { class: "flex items-center justify-between gap-2 pt-5 pr-2 pb-3 pl-4" }, Tt = { class: "flex shrink-0 items-center gap-1" }, Mt = { class: "border-t border-white/10 p-2" }, It = /* @__PURE__ */ z({
+}, Ft = { class: "sticky top-[var(--shell-banner-h,0px)] z-30 flex h-[calc(100vh-var(--shell-banner-h,0px))] flex-col" }, Kt = { class: "flex items-center justify-between gap-2 pt-5 pr-2 pb-3 pl-4" }, Xt = { class: "flex shrink-0 items-center gap-1" }, Ut = {
+  key: 0,
+  class: "px-2 pb-1"
+}, Wt = { class: "border-t border-white/10 p-2" }, Yt = /* @__PURE__ */ z({
   __name: "ShellSidebar",
   props: {
     identity: {},
     home: {}
   },
   setup(e) {
-    ae(ye, "rail");
-    const a = q("(min-width: 48rem)");
-    return (t, o) => n(a) ? (u(), b("aside", Lt, [
-      d("div", At, [
-        d("div", Et, [
-          v(ce, {
+    Q(ke, "rail");
+    const a = H("(min-width: 48rem)"), n = Ie();
+    return (o, r) => t(a) ? (d(), b("aside", Vt, [
+      f("div", Ft, [
+        f("div", Kt, [
+          h(fe, {
             to: e.home,
             tone: "light",
             class: "min-w-0"
           }, K({ _: 2 }, [
-            t.$slots.brand ? {
+            o.$slots.brand ? {
               name: "default",
-              fn: T((i) => [
-                I(t.$slots, "brand", U(X(i)))
+              fn: A((c) => [
+                I(o.$slots, "brand", W(Y(c)))
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["to"]),
-          d("div", Tt, [
-            v(n(H), { name: "headerActions" })
+          f("div", Xt, [
+            h(t(X), { name: "headerActions" })
           ])
         ]),
-        v(Ce, {
+        t(n) ? (d(), b("div", Ut, [
+          h(t(X), { name: "search" })
+        ])) : S("", !0),
+        h(Me, {
           appearance: "rail",
           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)]"
         }),
-        I(t.$slots, "footer"),
-        d("div", Mt, [
-          v(ut, { identity: e.identity }, null, 8, ["identity"])
+        I(o.$slots, "footer"),
+        f("div", Wt, [
+          h(bt, { identity: e.identity }, null, 8, ["identity"])
         ])
       ])
-    ])) : E("", !0);
+    ])) : S("", !0);
   }
-}), zt = 20, Dt = 8, pe = 0.5, Ot = 40;
-function Rt({ offset: e, startOffset: a, width: t, velocity: o }) {
-  if (Math.abs(e - a) > Ot) {
-    if (o > pe) return !0;
-    if (o < -pe) return !1;
+}), Ht = 20, qt = 8, be = 0.5, Gt = 40;
+function Qt({ offset: e, startOffset: a, width: n, velocity: o }) {
+  if (Math.abs(e - a) > Gt) {
+    if (o > be) return !0;
+    if (o < -be) return !1;
   }
-  return e > t / 2;
+  return e > n / 2;
 }
-function Bt(e) {
-  const a = F(0), t = F(!1);
-  let o = !1, i = null, r = 0, c = 0, m = 0, s = 0, p = 0, g = 0;
-  function x(S, w) {
-    o = !0, i = null, r = s = S.clientX, c = S.clientY, m = w, p = performance.now(), g = 0;
+function Jt(e) {
+  const a = N(0), n = N(!1);
+  let o = !1, r = null, c = 0, s = 0, i = 0, l = 0, p = 0, g = 0;
+  function v(L, k) {
+    o = !0, r = null, c = l = L.clientX, s = L.clientY, i = k, p = performance.now(), g = 0;
   }
-  function _(S) {
-    const w = S.touches[0];
-    if (!o || !w) return;
-    const R = w.clientX - r, J = w.clientY - c;
-    if (!i) {
-      if (Math.max(Math.abs(R), Math.abs(J)) < Dt) return;
-      if (i = Math.abs(R) > Math.abs(J) ? "x" : "y", i === "y" || m === 0 && R < 0) {
+  function x(L) {
+    const k = L.touches[0];
+    if (!o || !k) return;
+    const O = k.clientX - c, Z = k.clientY - s;
+    if (!r) {
+      if (Math.max(Math.abs(O), Math.abs(Z)) < qt) return;
+      if (r = Math.abs(O) > Math.abs(Z) ? "x" : "y", r === "y" || i === 0 && O < 0) {
         o = !1;
         return;
       }
-      t.value = !0, a.value = m, e.onStart();
+      n.value = !0, a.value = i, e.onStart();
     }
-    const W = performance.now();
-    g = (w.clientX - s) / Math.max(W - p, 1), s = w.clientX, p = W, a.value = Math.min(e.width(), Math.max(0, m + R)), S.cancelable && S.preventDefault();
+    const U = performance.now();
+    g = (k.clientX - l) / Math.max(U - p, 1), l = k.clientX, p = U, a.value = Math.min(e.width(), Math.max(0, i + O)), L.cancelable && L.preventDefault();
   }
-  function k() {
-    o && (o = !1, t.value && (t.value = !1, e.onSettle(Rt({ offset: a.value, startOffset: m, width: e.width(), velocity: g }))));
+  function _() {
+    o && (o = !1, n.value && (n.value = !1, e.onSettle(Qt({ offset: a.value, startOffset: i, width: e.width(), velocity: g }))));
   }
-  function y() {
-    o = !1, t.value = !1;
+  function w() {
+    o = !1, n.value = !1;
   }
-  function C(S) {
-    const w = S.touches[0];
-    !w || S.touches.length !== 1 || e.isOpen() || !e.canOpenFromEdge() || w.clientX > zt || x(w, 0);
+  function E(L) {
+    const k = L.touches[0];
+    !k || L.touches.length !== 1 || e.isOpen() || !e.canOpenFromEdge() || k.clientX > Ht || v(k, 0);
   }
-  let f = !1;
+  let m = !1;
   function M() {
-    f || (f = !0, window.addEventListener("touchstart", C, { passive: !0 }), window.addEventListener("touchmove", _, { passive: !1 }), window.addEventListener("touchend", k), window.addEventListener("touchcancel", k));
+    m || (m = !0, window.addEventListener("touchstart", E, { passive: !0 }), window.addEventListener("touchmove", x, { passive: !1 }), window.addEventListener("touchend", _), window.addEventListener("touchcancel", _));
   }
-  function l() {
-    f && (f = !1, window.removeEventListener("touchstart", C), window.removeEventListener("touchmove", _), window.removeEventListener("touchend", k), window.removeEventListener("touchcancel", k), y());
+  function u() {
+    m && (m = !1, window.removeEventListener("touchstart", E), window.removeEventListener("touchmove", x), window.removeEventListener("touchend", _), window.removeEventListener("touchcancel", _), w());
   }
-  return Y(e.enabled, (S) => S ? M() : l(), { immediate: !0 }), le(l), { offset: a, dragging: t, closeEvents: {
-    onTouchstartPassive(S) {
-      const w = S.touches[0];
-      w && S.touches.length === 1 && e.isOpen() && x(w, e.width());
+  return q(e.enabled, (L) => L ? M() : u(), { immediate: !0 }), ce(u), { offset: a, dragging: n, closeEvents: {
+    onTouchstartPassive(L) {
+      const k = L.touches[0];
+      k && L.touches.length === 1 && e.isOpen() && v(k, e.width());
     }
-  }, cancel: y };
+  }, cancel: w };
 }
-const Le = Symbol("vue-core.navigationDrawer");
-function Nt() {
-  return De(Le, null);
-}
-const Pt = ["id", "aria-label"], jt = ["data-drawer", "inert"], Vt = /* @__PURE__ */ z({
+const Zt = ["id", "aria-label"], en = ["data-drawer", "inert"], tn = /* @__PURE__ */ z({
   __name: "ShellStage",
   props: {
     enabled: { type: Boolean }
   },
   setup(e) {
-    const a = e, { t } = N(), o = He(), i = re(), r = q("(max-width: 47.999rem)"), c = q("(display-mode: standalone)"), m = q("(prefers-reduced-motion: reduce)"), s = A(() => a.enabled && r.value), p = ne("stage"), g = ne("scroller"), x = F(null), _ = se(), k = F(!1), y = F(!1), C = F(!1);
-    let f = 0, M = !1, l, L = null;
-    const S = () => x.value?.offsetWidth ?? 0, w = Bt({
-      enabled: () => s.value,
-      width: S,
-      isOpen: () => C.value,
-      canOpenFromEdge: () => c.value || navigator.standalone === !0,
+    const a = e, { t: n } = B(), o = tt(), r = de(), c = H("(max-width: 47.999rem)"), s = H("(display-mode: standalone)"), i = H("(prefers-reduced-motion: reduce)"), l = C(() => a.enabled && c.value), p = ae("stage"), g = ae("scroller"), v = N(null), x = re(), _ = N(!1), w = N(!1), E = N(!1);
+    let m = 0, M = !1, u, T = null;
+    const L = () => v.value?.offsetWidth ?? 0, k = Jt({
+      enabled: () => l.value,
+      width: L,
+      isOpen: () => E.value,
+      canOpenFromEdge: () => s.value || navigator.standalone === !0,
       onStart: () => {
-        clearTimeout(l), ue();
+        clearTimeout(u), me();
       },
-      onSettle: (h) => h ? k.value = !0 : j()
-    }), R = A(() => w.dragging.value ? w.offset.value : C.value ? S() : 0), J = A(() => S() ? R.value / S() : 0), W = Je(x, {
+      onSettle: (y) => y ? _.value = !0 : V()
+    }), O = C(() => k.dragging.value ? k.offset.value : E.value ? L() : 0), Z = C(() => L() ? O.value / L() : 0), U = lt(v, {
       initialFocus: "panel",
-      onEscape: () => j()
+      onEscape: () => V()
     });
-    function Ae() {
-      const h = getComputedStyle(document.documentElement).getPropertyValue("--app-motion-drawer").trim();
-      return h.endsWith("ms") ? parseFloat(h) : parseFloat(h) * 1e3 || 0;
+    function Re() {
+      const y = getComputedStyle(document.documentElement).getPropertyValue("--app-motion-drawer").trim();
+      return y.endsWith("ms") ? parseFloat(y) : parseFloat(y) * 1e3 || 0;
     }
-    function ue() {
-      const h = p.value, P = g.value;
-      y.value || !h || !P || (f = window.scrollY, M = !1, Object.assign(h.style, { position: "fixed", inset: "0", overflow: "hidden", zIndex: "10" }), Object.assign(P.style, { position: "absolute", inset: "0", overflow: "hidden" }), P.scrollTop = f, y.value = !0);
+    function me() {
+      const y = p.value, j = g.value;
+      w.value || !y || !j || (m = window.scrollY, M = !1, Object.assign(y.style, { position: "fixed", inset: "0", overflow: "hidden", zIndex: "10" }), Object.assign(j.style, { position: "absolute", inset: "0", overflow: "hidden" }), j.scrollTop = m, w.value = !0);
     }
-    function oe() {
-      const h = p.value, P = g.value;
-      !y.value || !h || !P || (Object.assign(h.style, { position: "", inset: "", overflow: "", zIndex: "", transform: "", transition: "", borderRadius: "" }), Object.assign(P.style, { position: "", inset: "", overflow: "" }), y.value = !1, window.scrollTo({ top: M ? 0 : f, behavior: "instant" }));
+    function le() {
+      const y = p.value, j = g.value;
+      !w.value || !y || !j || (Object.assign(y.style, { position: "", inset: "", overflow: "", zIndex: "", transform: "", transition: "", borderRadius: "" }), Object.assign(j.style, { position: "", inset: "", overflow: "" }), w.value = !1, window.scrollTo({ top: M ? 0 : m, behavior: "instant" }));
     }
-    Y([R, () => w.dragging.value, y], () => {
-      const h = p.value;
-      !h || !y.value || (h.style.transform = `translate3d(${R.value}px, 0, 0)`, h.style.borderRadius = R.value > 0 ? "2.5rem" : "", h.style.transition = w.dragging.value || m.value ? "none" : "transform var(--app-motion-drawer) var(--app-motion-sheet-easing), border-radius var(--app-motion-drawer) var(--app-motion-sheet-easing)");
+    q([O, () => k.dragging.value, w], () => {
+      const y = p.value;
+      !y || !w.value || (y.style.transform = `translate3d(${O.value}px, 0, 0)`, y.style.borderRadius = O.value > 0 ? "2.5rem" : "", y.style.transition = k.dragging.value || i.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 Ee() {
-      if (!s.value) {
-        k.value = !1;
+    function Oe() {
+      if (!l.value) {
+        _.value = !1;
         return;
       }
-      clearTimeout(l), L = null, ue(), p.value?.offsetWidth, C.value = !0, W.present(), he(() => {
-        x.value?.querySelector('[aria-current="page"]')?.focus({ preventScroll: !0 });
+      clearTimeout(u), T = null, me(), p.value?.offsetWidth, E.value = !0, U.present(), ie(() => {
+        v.value?.querySelector('[aria-current="page"]')?.focus({ preventScroll: !0 });
       });
     }
-    function j(h) {
-      if (h && (L = h), k.value) {
-        k.value = !1;
+    function V(y) {
+      if (y && (T = y), _.value) {
+        _.value = !1;
         return;
       }
-      C.value = !1, W.dismissWithoutAsking(), clearTimeout(l), l = setTimeout(Te, Ae() + 30);
+      E.value = !1, U.dismissWithoutAsking(), clearTimeout(u), u = setTimeout(Pe, Re() + 30);
     }
-    function Te() {
-      oe();
-      const h = L;
-      L = null, h?.();
+    function Pe() {
+      le();
+      const y = T;
+      T = null, y?.();
     }
-    Y(k, (h) => h ? Ee() : j()), Y(s, (h) => {
-      h || (w.cancel(), clearTimeout(l), L = null, k.value = !1, C.value = !1, W.dismissWithoutAsking(), oe());
-    }), Y(() => o.fullPath, () => {
-      y.value && (M = !0), C.value && j();
+    q(_, (y) => y ? Oe() : V()), q(l, (y) => {
+      y || (k.cancel(), clearTimeout(u), T = null, _.value = !1, E.value = !1, U.dismissWithoutAsking(), le());
+    }), q(() => o.fullPath, () => {
+      w.value && (M = !0), E.value && V();
     });
-    function Me(h) {
-      i.push(h).catch(() => {
-      }).finally(() => j());
+    function Ne(y) {
+      r.push(y).catch(() => {
+      }).finally(() => V());
     }
-    return ae(Le, {
-      available: s,
-      open: k,
-      panelId: _,
+    return Q(ze, {
+      available: l,
+      open: _,
+      panelId: x,
       present: () => {
-        s.value && (k.value = !0);
+        l.value && (_.value = !0);
       },
-      dismiss: j
-    }), Oe(() => {
-      clearTimeout(l), oe();
-    }), (h, P) => (u(), b(V, null, [
-      s.value ? (u(), b("div", G({
+      dismiss: V
+    }), ye(() => {
+      clearTimeout(u), le();
+    }), (y, j) => (d(), b(F, null, [
+      l.value ? (d(), b("div", G({
         key: 0,
-        id: n(_),
+        id: t(x),
         ref_key: "panel",
-        ref: x,
+        ref: v,
         role: "dialog",
         "aria-modal": "true",
-        "aria-label": n(t)("core.shell.menu"),
+        "aria-label": t(n)("core.shell.menu"),
         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: n(m) ? { opacity: C.value || n(w).dragging.value ? 1 : 0, transition: "opacity var(--app-motion-drawer) linear" } : void 0
-      }, n(w).closeEvents), [
-        I(h.$slots, "drawer", {
-          select: Me,
-          dismiss: j
+        class: ["fixed inset-y-0 left-0 z-0 w-[min(82vw,20rem)] outline-none", w.value ? "visible" : "invisible"],
+        style: t(i) ? { opacity: E.value || t(k).dragging.value ? 1 : 0, transition: "opacity var(--app-motion-drawer) linear" } : void 0
+      }, t(k).closeEvents), [
+        I(y.$slots, "drawer", {
+          select: Ne,
+          dismiss: V
         })
-      ], 16, Pt)) : E("", !0),
-      d("div", {
+      ], 16, Zt)) : S("", !0),
+      f("div", {
         ref_key: "stage",
         ref: p,
         "data-shell-stage": "",
-        "data-drawer": C.value ? "open" : void 0,
-        class: $(["flex flex-1 flex-col", y.value ? "overscroll-none bg-surface-page shadow-dialog" : ""]),
-        inert: C.value || n(w).dragging.value || void 0
+        "data-drawer": E.value ? "open" : void 0,
+        class: $(["flex flex-1 flex-col", w.value ? "overscroll-none bg-surface-page shadow-dialog" : ""]),
+        inert: E.value || t(k).dragging.value || void 0
       }, [
-        d("div", {
+        f("div", {
           ref_key: "scroller",
           ref: g,
           class: "flex flex-1 flex-col"
         }, [
-          I(h.$slots, "default")
+          I(y.$slots, "default")
         ], 512),
-        y.value ? (u(), b("div", {
+        w.value ? (d(), b("div", {
           key: 0,
           "aria-hidden": "true",
           class: "pointer-events-none fixed inset-0 z-50 bg-scrim",
-          style: ve({ opacity: J.value * 0.55 })
-        }, null, 4)) : E("", !0)
-      ], 10, jt),
-      y.value && R.value > 0 ? (u(), b("div", G({
+          style: oe({ opacity: Z.value * 0.55 })
+        }, null, 4)) : S("", !0)
+      ], 10, en),
+      w.value && O.value > 0 ? (d(), b("div", G({
         key: 1,
         "aria-hidden": "true",
         "data-shell-stage-cover": "",
         class: "fixed inset-y-0 right-0 z-20",
-        style: { left: `${R.value}px` }
-      }, n(w).closeEvents, {
-        onClick: P[0] || (P[0] = (yn) => j())
-      }), null, 16)) : E("", !0)
+        style: { left: `${O.value}px` }
+      }, t(k).closeEvents, {
+        onClick: j[0] || (j[0] = (zn) => V())
+      }), null, 16)) : S("", !0)
     ], 64));
   }
-}), Ft = ["aria-label", "aria-expanded", "aria-controls"], Kt = /* @__PURE__ */ z({
+}), nn = ["aria-label", "aria-expanded", "aria-controls"], an = /* @__PURE__ */ z({
   __name: "NavigationMenuButton",
   setup(e) {
-    const a = Nt(), { t } = N();
-    return (o, i) => n(a)?.available.value ? (u(), b("button", {
+    const a = De(), { t: n } = B();
+    return (o, r) => t(a)?.available.value ? (d(), b("button", {
       key: 0,
       type: "button",
       "data-shell-menu-button": "",
-      "aria-label": n(t)("core.shell.menu"),
-      "aria-expanded": n(a).open.value,
-      "aria-controls": n(a).panelId,
+      "aria-label": t(n)("core.shell.menu"),
+      "aria-expanded": t(a).open.value,
+      "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] = (r) => n(a).present())
+      onClick: r[0] || (r[0] = (c) => t(a).present())
     }, [
-      v(n(B), {
+      h(t(P), {
         name: "menuLines",
         size: 20
       })
-    ], 8, Ft)) : E("", !0);
+    ], 8, nn)) : S("", !0);
   }
-}), Wt = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-1" }, Ut = { class: "flex min-w-0 items-center justify-start" }, Xt = ["data-page-action", "disabled"], Yt = { class: "truncate" }, qt = { class: "ml-1 flex items-center gap-1" }, Gt = { class: "flex min-w-0 items-center justify-end" }, Ht = ["data-page-action", "aria-label", "disabled", "onClick"], Qt = ["data-page-action", "disabled", "aria-label", "aria-busy", "onClick"], Jt = { class: "truncate" }, Zt = ["aria-label", "onClick"], en = /* @__PURE__ */ z({
+}), on = { class: "grid min-h-bar-height grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-1" }, sn = { class: "flex min-w-0 items-center justify-start" }, ln = ["data-page-action", "disabled"], rn = { class: "truncate" }, cn = { class: "ml-1 flex items-center gap-1" }, un = { class: "flex min-w-0 items-center justify-end" }, dn = ["data-page-action", "aria-label", "disabled", "onClick"], fn = ["data-page-action", "disabled", "aria-label", "aria-busy", "onClick"], mn = { class: "truncate" }, pn = ["aria-label", "onClick"], vn = /* @__PURE__ */ z({
   __name: "ShellTopBar",
   props: {
     home: {}
   },
   setup(e) {
-    const { t: a } = N(), t = re(), o = xe(), { session: i } = Q(), r = q("(max-width: 47.999rem)");
-    ae(ye, "bar");
-    const c = A(() => ie(i.state.value) !== null), m = A(() => !c.value || r.value), s = A(() => c.value ? o.back.value : null), p = A(() => c.value ? o.leading.value : null), g = A(() => o.navTitle.value ?? o.title.value), x = A(() => c.value && !!g.value && (!!o.navTitle.value || !o.titleInView.value)), _ = A(() => c.value ? o.actions.value : []), k = A(() => _.value.filter((f) => f.placement === "primary" && f.tone !== "critical")), y = A(
-      () => _.value.filter((f) => !k.value.includes(f)).map((f) => ({ id: f.id, label: f.label, icon: f.icon, tone: f.tone, disabled: f.disabled, processing: f.processing, onSelect: f.onClick }))
+    const { t: a } = B(), n = de(), o = $e(), { session: r } = J(), c = H("(max-width: 47.999rem)");
+    Q(ke, "bar");
+    const s = C(() => ue(r.state.value) !== null), i = C(() => !s.value || c.value), l = C(() => s.value ? o.back.value : null), p = C(() => s.value ? o.leading.value : null), g = C(() => o.navTitle.value ?? o.title.value), v = C(() => s.value && !!g.value && (!!o.navTitle.value || !o.titleInView.value)), x = C(() => s.value ? o.actions.value : []), _ = C(() => x.value.filter((m) => m.placement === "primary" && m.tone !== "critical")), w = C(
+      () => x.value.filter((m) => !_.value.includes(m)).map((m) => ({ id: m.id, label: m.label, icon: m.icon, tone: m.tone, disabled: m.disabled, processing: m.processing, onSelect: m.onClick }))
     );
-    function C() {
-      s.value && t.push(s.value.to);
+    function E() {
+      l.value && n.push(l.value.to);
     }
-    return (f, M) => m.value ? (u(), b("header", {
+    return (m, M) => i.value ? (d(), b("header", {
       key: 0,
       "data-shell-top-bar": "",
-      class: $(["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", c.value ? ["sticky top-[var(--shell-banner-h,0px)] z-30 border-b bg-surface-page/85 backdrop-blur-xl transition-colors duration-motion-normal", x.value ? "border-border-separator" : "border-transparent"] : "border-b border-border-separator bg-surface-cell"])
+      class: $(["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", v.value ? "border-border-separator" : "border-transparent"] : "border-b border-border-separator bg-surface-cell"])
     }, [
-      d("div", Wt, [
-        d("div", Ut, [
-          p.value ? (u(), b("button", {
+      f("div", on, [
+        f("div", sn, [
+          p.value ? (d(), b("button", {
             key: 0,
             type: "button",
             "data-shell-bar-leading": "",
             "data-page-action": p.value.id,
             disabled: p.value.disabled || p.value.processing,
             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: M[0] || (M[0] = (l) => p.value.onClick())
+            onClick: M[0] || (M[0] = (u) => p.value.onClick())
           }, [
-            d("span", Yt, D(p.value.label), 1)
-          ], 8, Xt)) : s.value ? (u(), b("button", {
+            f("span", rn, D(p.value.label), 1)
+          ], 8, ln)) : l.value ? (d(), b("button", {
             key: 1,
             type: "button",
             "data-shell-bar-back": "",
             class: "hit-target inline-flex min-w-0 cursor-pointer items-center rounded-control pr-2 text-body text-content-link active:opacity-60",
-            onClick: C
+            onClick: E
           }, [
-            v(n(B), {
+            h(t(P), {
               name: "arrowLeftSLine",
               size: 28,
               class: "-mr-0.5 shrink-0"
             }),
-            d("span", {
-              class: $(["truncate", x.value ? "sr-only" : ""])
-            }, D(s.value.label), 3)
-          ])) : c.value ? (u(), b(V, { key: 2 }, [
-            v(Kt),
-            d("span", qt, [
-              v(n(H), { name: "headerActions" })
+            f("span", {
+              class: $(["truncate", v.value ? "sr-only" : ""])
+            }, D(l.value.label), 3)
+          ])) : s.value ? (d(), b(F, { key: 2 }, [
+            h(an),
+            f("span", cn, [
+              h(t(X), { name: "headerActions" })
             ])
-          ], 64)) : (u(), O(ce, {
+          ], 64)) : (d(), R(fe, {
             key: 3,
             to: e.home,
             tone: "brand",
-            class: $(["px-2 transition-opacity", x.value ? "opacity-0" : "opacity-100"])
+            class: $(["px-2 transition-opacity", v.value ? "opacity-0" : "opacity-100"])
           }, K({ _: 2 }, [
-            f.$slots.brand ? {
+            m.$slots.brand ? {
               name: "default",
-              fn: T((l) => [
-                I(f.$slots, "brand", U(X(l)))
+              fn: A((u) => [
+                I(m.$slots, "brand", W(Y(u)))
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["to", "class"]))
         ]),
-        d("span", {
+        f("span", {
           "aria-hidden": "true",
           "data-shell-bar-title": "",
-          class: $(["pointer-events-none truncate text-center text-headline font-semibold transition-opacity duration-motion-normal", x.value ? "max-w-[42vw] opacity-100" : "max-w-0 opacity-0"])
+          class: $(["pointer-events-none truncate text-center text-headline font-semibold transition-opacity duration-motion-normal", v.value ? "max-w-[42vw] opacity-100" : "max-w-0 opacity-0"])
         }, D(g.value), 3),
-        d("div", Gt, [
-          c.value ? (u(), b(V, { key: 0 }, [
-            (u(!0), b(V, null, te(k.value, (l) => (u(), b(V, {
-              key: l.id
+        f("div", un, [
+          s.value ? (d(), b(F, { key: 0 }, [
+            (d(!0), b(F, null, ne(_.value, (u) => (d(), b(F, {
+              key: u.id
             }, [
-              l.compact === "icon" && l.icon ? (u(), b("button", {
+              u.compact === "icon" && u.icon ? (d(), b("button", {
                 key: 0,
                 type: "button",
-                "data-page-action": l.id,
-                "aria-label": l.label,
-                disabled: l.disabled || l.processing,
+                "data-page-action": u.id,
+                "aria-label": u.label,
+                disabled: u.disabled || u.processing,
                 class: "hit-target mx-1 flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full bg-tint-soft text-content-link disabled:opacity-45",
-                onClick: (L) => l.onClick()
+                onClick: (T) => u.onClick()
               }, [
-                v(n(B), {
-                  name: l.processing ? "loader4Line" : l.icon,
+                h(t(P), {
+                  name: u.processing ? "loader4Line" : u.icon,
                   size: 18,
-                  class: $(l.processing ? "animate-spin" : "")
+                  class: $(u.processing ? "animate-spin" : "")
                 }, null, 8, ["name", "class"])
-              ], 8, Ht)) : (u(), b("button", {
+              ], 8, dn)) : (d(), b("button", {
                 key: 1,
                 type: "button",
-                "data-page-action": l.id,
-                disabled: l.disabled || l.processing,
-                "aria-label": l.shortLabel ? l.label : void 0,
-                "aria-busy": l.processing || void 0,
+                "data-page-action": u.id,
+                disabled: u.disabled || u.processing,
+                "aria-label": u.shortLabel ? u.label : void 0,
+                "aria-busy": u.processing || void 0,
                 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: (L) => l.onClick()
+                onClick: (T) => u.onClick()
               }, [
-                l.processing ? (u(), O(n(B), {
+                u.processing ? (d(), R(t(P), {
                   key: 0,
                   name: "loader4Line",
                   size: 16,
                   class: "animate-spin"
-                })) : E("", !0),
-                d("span", Jt, D(l.shortLabel ?? l.label), 1)
-              ], 8, Qt))
+                })) : S("", !0),
+                f("span", mn, D(u.shortLabel ?? u.label), 1)
+              ], 8, fn))
             ], 64))), 128)),
-            y.value.length ? (u(), O(n(Ze), {
+            w.value.length ? (d(), R(t(rt), {
               key: 0,
-              items: y.value,
-              label: n(a)("core.page.more_actions")
+              items: w.value,
+              label: t(a)("core.page.more_actions")
             }, {
-              trigger: T(({ toggle: l, attrs: L }) => [
-                d("button", G({ type: "button" }, L, {
-                  "aria-label": n(a)("core.page.more_actions"),
+              trigger: A(({ toggle: u, attrs: T }) => [
+                f("button", G({ type: "button" }, T, {
+                  "aria-label": t(a)("core.page.more_actions"),
                   "data-shell-bar-more": "",
                   class: "hit-target flex size-9 cursor-pointer items-center justify-center rounded-full text-content-link",
-                  onClick: l
+                  onClick: u
                 }), [
-                  v(n(B), {
+                  h(t(P), {
                     name: "moreLine",
                     size: 22
                   })
-                ], 16, Zt)
+                ], 16, pn)
               ]),
               _: 1
-            }, 8, ["items", "label"])) : E("", !0)
-          ], 64)) : E("", !0),
-          I(f.$slots, "end")
+            }, 8, ["items", "label"])) : S("", !0)
+          ], 64)) : S("", !0),
+          I(m.$slots, "end")
         ])
       ])
-    ], 2)) : E("", !0);
+    ], 2)) : S("", !0);
   }
 });
-function tn(e) {
-  const { name: a, email: t } = e;
-  return { name: typeof a == "string" && a !== "" ? a : String(e.id), detail: typeof t == "string" ? t : null };
+function hn(e) {
+  const { name: a, email: n } = e;
+  return { name: typeof a == "string" && a !== "" ? a : String(e.id), detail: typeof n == "string" ? n : null };
 }
-function nn(e) {
-  const { session: a } = Q(), t = e ?? tn;
-  return A(() => {
-    const o = ie(a.state.value);
-    return o ? t(o.user) : null;
+function bn(e) {
+  const { session: a } = J(), n = e ?? hn;
+  return C(() => {
+    const o = ue(a.state.value);
+    return o ? n(o.user) : null;
   });
 }
-const an = { class: "flex min-h-screen flex-col bg-surface-page text-base text-content antialiased" }, on = ["aria-label"], sn = { class: "flex flex-1" }, ln = { class: "flex min-w-0 flex-1 overflow-x-clip" }, rn = { "data-dialog-inert-skip": "" }, cn = /* @__PURE__ */ z({
+const gn = { class: "flex min-h-screen flex-col bg-surface-page text-base text-content antialiased" }, yn = ["aria-label"], wn = { class: "flex flex-1" }, xn = { class: "flex min-w-0 flex-1 overflow-x-clip" }, _n = { "data-dialog-inert-skip": "" }, kn = /* @__PURE__ */ z({
   __name: "BackofficeShell",
   props: {
     home: { default: void 0 },
     identity: { type: Function, default: void 0 },
-    progress: { default: void 0 }
+    progress: { default: void 0 },
+    pullToRefresh: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const a = e, { t } = N(), { session: o } = Q(), i = xe(), r = nn(a.identity), c = A(() => ie(o.state.value) !== null), m = ne("accountSheet");
-    return (s, p) => (u(), b("div", an, [
-      e.progress?.visible.value ? (u(), b("div", {
+    const a = e, { t: n } = B(), { session: o } = J(), r = $e(), c = bn(a.identity);
+    Q(Se, N(0));
+    const s = C(() => ue(o.state.value) !== null), i = ae("accountSheet");
+    return (l, p) => (d(), b("div", gn, [
+      e.progress?.visible.value ? (d(), b("div", {
         key: 0,
         role: "progressbar",
-        "aria-label": n(t)("core.state.loading"),
+        "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"
       }, [...p[0] || (p[0] = [
-        d("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, on)) : E("", !0),
-      v(n(H), { name: "banner" }),
-      v(Vt, { enabled: c.value }, K({
-        default: T(() => [
-          v(en, { home: e.home }, K({ _: 2 }, [
-            s.$slots.brand ? {
+        f("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, yn)) : S("", !0),
+      h(t(X), { name: "banner" }),
+      h(tn, { enabled: s.value }, K({
+        default: A(() => [
+          e.pullToRefresh && s.value ? (d(), R(jt, { key: 0 })) : S("", !0),
+          h(vn, { home: e.home }, K({ _: 2 }, [
+            l.$slots.brand ? {
               name: "brand",
-              fn: T((g) => [
-                I(s.$slots, "brand", U(X(g)))
+              fn: A((g) => [
+                I(l.$slots, "brand", W(Y(g)))
               ]),
               key: "0"
             } : void 0,
-            s.$slots["top-bar-end"] ? {
+            l.$slots["top-bar-end"] ? {
               name: "end",
-              fn: T(() => [
-                I(s.$slots, "top-bar-end")
+              fn: A(() => [
+                I(l.$slots, "top-bar-end")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["home"]),
-          d("div", sn, [
-            n(r) ? (u(), O(It, {
+          f("div", wn, [
+            t(c) ? (d(), R(Yt, {
               key: 0,
-              identity: n(r),
+              identity: t(c),
               home: e.home
             }, K({ _: 2 }, [
-              s.$slots.brand ? {
+              l.$slots.brand ? {
                 name: "brand",
-                fn: T((g) => [
-                  I(s.$slots, "brand", U(X(g)))
+                fn: A((g) => [
+                  I(l.$slots, "brand", W(Y(g)))
                 ]),
                 key: "0"
               } : void 0,
-              s.$slots.footer ? {
+              l.$slots.footer ? {
                 name: "footer",
-                fn: T(() => [
-                  I(s.$slots, "footer")
+                fn: A(() => [
+                  I(l.$slots, "footer")
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["identity", "home"])) : E("", !0),
-            d("div", ln, [
-              d("main", {
-                class: $(["flex min-w-0 flex-1 flex-col", n(i).hasShell.value ? "" : "p-4 md:px-8 md:py-6"]),
-                style: ve(n(i).hasShell.value ? void 0 : { paddingBottom: "calc(var(--bottom-dock-h, 0px) + 1rem)" })
+            ]), 1032, ["identity", "home"])) : S("", !0),
+            f("div", xn, [
+              f("main", {
+                class: $(["flex min-w-0 flex-1 flex-col", t(r).hasShell.value ? "" : "p-4 md:px-8 md:py-6"]),
+                style: oe(t(r).hasShell.value ? void 0 : { paddingBottom: "calc(var(--bottom-dock-h, 0px) + 1rem)" })
               }, [
-                v(n(Ge))
+                h(t(et))
               ], 6)
             ])
           ]),
-          v(n(qe), {
-            class: $(c.value ? "md:left-64" : "")
+          h(t(Ze), {
+            class: $(s.value ? "md:left-64" : "")
           }, null, 8, ["class"])
         ]),
         _: 2
       }, [
-        n(r) ? {
+        t(c) ? {
           name: "drawer",
-          fn: T(({ select: g, dismiss: x }) => [
-            v(Ct, {
-              identity: n(r),
+          fn: A(({ select: g, dismiss: v }) => [
+            h(Dt, {
+              identity: t(c),
               home: e.home,
               onSelect: g,
-              onAccount: (_) => x(() => m.value?.present())
+              onAccount: (x) => v(() => i.value?.present())
             }, K({ _: 2 }, [
-              s.$slots.brand ? {
+              l.$slots.brand ? {
                 name: "brand",
-                fn: T((_) => [
-                  I(s.$slots, "brand", U(X(_)))
+                fn: A((x) => [
+                  I(l.$slots, "brand", W(Y(x)))
                 ]),
                 key: "0"
               } : void 0,
-              s.$slots.footer ? {
+              l.$slots.footer ? {
                 name: "footer",
-                fn: T(() => [
-                  I(s.$slots, "footer")
+                fn: A(() => [
+                  I(l.$slots, "footer")
                 ]),
                 key: "1"
               } : void 0
@@ -904,79 +993,80 @@ const an = { class: "flex min-h-screen flex-col bg-surface-page text-base text-c
           key: "0"
         } : void 0
       ]), 1032, ["enabled"]),
-      n(r) ? (u(), O(dt, {
+      t(c) ? (d(), R(gt, {
         key: 1,
         ref_key: "accountSheet",
-        ref: m,
-        identity: n(r)
-      }, null, 8, ["identity"])) : E("", !0),
-      (u(), O(Re, { to: "body" }, [
-        d("div", rn, [
-          v(n(Ye))
+        ref: i,
+        identity: t(c)
+      }, null, 8, ["identity"])) : S("", !0),
+      (d(), R(Fe, { to: "body" }, [
+        f("div", _n, [
+          h(t(Je))
         ])
       ])),
-      v(Xe),
-      v(n(H), { name: "host" })
+      h(Qe),
+      h(t(X), { name: "host" })
     ]));
   }
 });
-function un(e = et) {
-  const a = Be(!1);
-  let t;
+function $n(e = it) {
+  const a = Ke(!1);
+  let n;
   return {
     visible: a,
     start() {
-      clearTimeout(t), t = setTimeout(() => a.value = !0, e);
+      clearTimeout(n), n = setTimeout(() => a.value = !0, e);
     },
     done() {
-      clearTimeout(t), t = void 0, a.value = !1;
+      clearTimeout(n), n = void 0, a.value = !1;
     }
   };
 }
-function Xn(e = {}) {
-  const a = un(), { brand: t, footer: o, topBarEnd: i } = e;
+function ra(e = {}) {
+  const a = $n(), { brand: n, footer: o, topBarEnd: r } = e;
   return { component: z({
     name: "BackofficeShell",
     setup() {
-      return () => Z(
-        cn,
+      return () => ee(
+        kn,
         {
           home: e.home,
           // The application's session produces U; the shell reads it as the SessionUser it is guaranteed to be.
           identity: e.identity,
-          progress: a
+          progress: a,
+          pullToRefresh: e.pullToRefresh
         },
         {
-          ...t && { brand: (c) => Z(t, c) },
-          ...o && { footer: () => Z(o) },
-          ...i && { "top-bar-end": () => Z(i) }
+          ...n && { brand: (s) => ee(n, s) },
+          ...o && { footer: () => ee(o) },
+          ...r && { "top-bar-end": () => ee(r) }
         }
       );
     }
-  }), slots: ["headerActions", "accountMenu", "banner", "host"], progress: a };
+  }), slots: ["headerActions", "search", "accountMenu", "banner", "host"], progress: a };
 }
-const dn = 30 * 6e4, fn = 6e4;
-function mn(e, a) {
-  const t = new DOMParser().parseFromString(e, "text/html").querySelectorAll('script[type="module"][src]');
-  return Array.from(t, (o) => new URL(o.getAttribute("src") ?? "", a).pathname).sort();
+const Sn = 30 * 6e4, Ln = 6e4;
+function Cn(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 pn() {
+function En() {
   return Array.from(document.querySelectorAll('script[type="module"][src]'), (e) => new URL(e.src, location.href).pathname).sort();
 }
-function vn(e) {
+function Tn(e) {
   return z({
     name: "AppUpdateNotice",
     setup() {
       if (e.enabled === !1) return () => null;
-      const { t: a } = N(), t = e.url ?? "/", o = pn();
-      let i = !1, r = 0;
-      async function c() {
-        if (!(i || o.length === 0 || !navigator.onLine || document.visibilityState !== "visible") && !(Date.now() - r < fn)) {
-          r = Date.now();
+      const { t: a } = B(), n = e.url ?? "/", o = En();
+      let r = !1, c = 0;
+      async function s() {
+        if (!(r || o.length === 0 || !navigator.onLine || document.visibilityState !== "visible") && !(Date.now() - c < Ln)) {
+          c = Date.now();
           try {
-            const p = await fetch(t, { cache: "no-store", credentials: "include" }), g = p.ok ? mn(await p.text(), location.href) : [];
+            const p = await fetch(n, { cache: "no-store", credentials: "include" }), g = p.ok ? Cn(await p.text(), location.href) : [];
             if (g.length === 0 || g.join() === o.join()) return;
-            i = !0, ge.info(a("core.shell.update.available"), {
+            r = !0, _e.info(a("core.shell.update.available"), {
               duration: 1 / 0,
               action: { label: a("core.shell.update.reload"), onClick: () => location.reload() }
             });
@@ -984,88 +1074,88 @@ function vn(e) {
           }
         }
       }
-      const m = () => void c();
-      document.addEventListener("visibilitychange", m);
-      const s = setInterval(c, e.checkEveryMs ?? dn);
-      return le(() => {
-        document.removeEventListener("visibilitychange", m), clearInterval(s);
+      const i = () => void s();
+      document.addEventListener("visibilitychange", i);
+      const l = setInterval(s, e.checkEveryMs ?? Sn);
+      return ce(() => {
+        document.removeEventListener("visibilitychange", i), clearInterval(l);
       }), () => null;
     }
   });
 }
-function Yn(e = {}) {
-  return _e({
+function ia(e = {}) {
+  return Ce({
     id: "vue-core.app-updates",
-    contributions: [{ id: "vue-core.app-updates", slot: "host", component: vn(e), scope: "always" }]
+    contributions: [{ id: "vue-core.app-updates", slot: "host", component: Tn(e), scope: "always" }]
   });
 }
-const hn = 1e3, ee = (e) => e.path.split("/").filter(Boolean).length;
-function bn(e) {
+const An = 1e3, te = (e) => e.path.split("/").filter(Boolean).length;
+function Mn(e) {
   if (typeof document > "u" || typeof document.startViewTransition != "function") return () => {
   };
   let a = null;
-  const t = () => window.matchMedia("(max-width: 1023px)").matches && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && !document.body.classList.contains(tt), o = e.beforeResolve((m, s) => {
-    if (i(), !s.matched.length || m.path === s.path || !t()) return;
-    const p = ee(m) > ee(s) ? "forward" : ee(m) < ee(s) ? "back" : null;
+  const n = () => window.matchMedia("(max-width: 1023px)").matches && !window.matchMedia("(prefers-reduced-motion: reduce)").matches && !document.body.classList.contains(st), o = e.beforeResolve((i, l) => {
+    if (r(), !l.matched.length || i.path === l.path || !n()) return;
+    const p = te(i) > te(l) ? "forward" : te(i) < te(l) ? "back" : null;
     if (!p) return;
     const g = document.documentElement;
-    return g.dataset.navDirection = p, new Promise((x) => {
-      const _ = document.startViewTransition(
-        () => new Promise((k) => {
-          const y = setTimeout(k, hn);
+    return g.dataset.navDirection = p, new Promise((v) => {
+      const x = document.startViewTransition(
+        () => new Promise((_) => {
+          const w = setTimeout(_, An);
           a = () => {
-            clearTimeout(y), k();
-          }, x();
+            clearTimeout(w), _();
+          }, v();
         })
       );
-      _.ready.catch(() => {
-      }), _.finished.catch(() => {
+      x.ready.catch(() => {
+      }), x.finished.catch(() => {
       }).finally(() => {
         g.dataset.navDirection === p && delete g.dataset.navDirection;
       });
     });
   });
-  function i() {
-    const m = a;
-    a = null, m && he().then(m);
+  function r() {
+    const i = a;
+    a = null, i && ie().then(i);
   }
-  const r = e.afterEach(i), c = e.onError(i);
+  const c = e.afterEach(r), s = e.onError(r);
   return () => {
-    o(), r(), c(), delete document.documentElement.dataset.navDirection, a?.(), a = null;
+    o(), c(), s(), delete document.documentElement.dataset.navDirection, a?.(), a = null;
   };
 }
-const gn = z({
+const In = z({
   name: "ViewTransitions",
   setup() {
-    return le(bn(re())), () => null;
+    return ce(Mn(de())), () => null;
   }
 });
-function qn() {
-  return _e({
+function ca() {
+  return Ce({
     id: "vue-core.view-transitions",
-    contributions: [{ id: "vue-core.view-transitions", slot: "host", component: gn, scope: "always" }]
+    contributions: [{ id: "vue-core.view-transitions", slot: "host", component: In, scope: "always" }]
   });
 }
 export {
-  ut as AccountMenu,
-  fe as AccountMenuItem,
-  dt as AccountSheet,
-  cn as BackofficeShell,
-  Qn as HeaderAction,
-  Ct as NavigationDrawer,
-  Ce as NavigationList,
-  Kt as NavigationMenuButton,
-  ce as ShellBrand,
-  It as ShellSidebar,
-  Vt as ShellStage,
-  en as ShellTopBar,
-  Yn as appUpdates,
-  Xn as backofficeShell,
-  un as createNavigationProgress,
-  tn as defaultIdentity,
-  mt as groupNavigation,
-  bn as installViewTransitions,
-  Nt as useNavigationDrawer,
-  nn as useShellIdentity,
-  qn as viewTransitions
+  bt as AccountMenu,
+  ve as AccountMenuItem,
+  gt as AccountSheet,
+  kn as BackofficeShell,
+  fa as HeaderAction,
+  Dt as NavigationDrawer,
+  Me as NavigationList,
+  an as NavigationMenuButton,
+  fe as ShellBrand,
+  Yt as ShellSidebar,
+  tn as ShellStage,
+  vn as ShellTopBar,
+  ia as appUpdates,
+  ra as backofficeShell,
+  $n as createNavigationProgress,
+  hn as defaultIdentity,
+  wt as groupNavigation,
+  Mn as installViewTransitions,
+  De as useNavigationDrawer,
+  bn as useShellIdentity,
+  ca as viewTransitions
 };