@synopackageland/sdk 0.9.8 → 0.10.0

package/dist/vue.js

@@ -1,11 +1,11 @@
-import { shellCopy as Je, nasCopy as re, nasErrorCopy as Ee, format as Pe, uiLocale as Xe, saveCopy as Re, saveError as Ve, createNasProvider as qe, identityCopy as Qe, backgroundCopy as Ye, createBackgroundPickerProvider as We, backgroundErrorCopy as Ze, requestKey as De, delegateCopy as Be, errorCopy as je, scopedPicker as ea, authorizationCopy as aa } from "./index.js";
-import { FILE_STATION_APP as Bt, activePage as Ot, authorizationCatalogs as Ft, backgroundCatalogs as Lt, catalogs as Nt, createBackgroundSaveFacade as Mt, createFileTransfers as Kt, decodeResponse as Ht, delegateCatalogs as Gt, encodeRequest as Jt, fileStationPath as Xt, identityCatalogs as Qt, mergeCatalogs as Yt, nasCatalogs as Wt, openFileInFileStation as Zt, openFolderInFileStation as jt, protocolCodes as en, protocolOps as an, protocolSchemas as ln, saveCatalogs as tn, shellCatalogs as nn, shellPages as sn, uiLocales as on } from "./index.js";
-import { inject as Oe, ref as y, onBeforeUnmount as ue, defineComponent as le, computed as F, openBlock as t, createBlock as $, unref as e, withCtx as n, createVNode as h, renderSlot as Ie, createElementVNode as C, markRaw as la, h as ta, onMounted as ve, createElementBlock as S, createTextVNode as g, toDisplayString as l, createCommentVNode as k, watch as Fe, Fragment as Z, withModifiers as me, onUnmounted as Le, nextTick as na, renderList as de, provide as sa } from "vue";
-import { AppLayout as ia, PageContent as oa, PageHeader as ua, AppSidebar as ra, FileTypeIcon as Se, IconButton as ze, Breadcrumb as da, FilePicker as va, Button as A, Callout as Q, TreeView as ca, DataGrid as fa, Dialog as Ae, SettingsSection as ce, Link as Ne, Form as be, FormItem as oe, Input as pe, FormActions as ke, Select as Me, Checkbox as pa, SettingsRow as ya } from "@synopackageland/ui";
-import { Timer as ma, Info as ba, ChevronLeft as ka, ChevronRight as ga, RotateCw as ha, ShieldCheck as _a } from "@lucide/vue";
-const wa = /* @__PURE__ */ Symbol("executor-setup");
-function Ca() {
-  return Oe(wa, {
+import { shellCopy as da, isFullPage as va, uiLocale as Qe, nasCopy as ye, nasErrorCopy as Ye, format as Be, saveCopy as Ze, saveError as Te, createNasProvider as je, identityCopy as ca, backgroundCopy as pa, createBackgroundPickerProvider as fa, backgroundErrorCopy as ma, requestKey as Ne, delegateCopy as ea, labelSeparator as aa, errorCopy as ya, scopedPicker as ba, openFolderInFileStation as ga, authorizationCopy as ha } from "./index.js";
+import { DEFAULT_REQUEST_TIMEOUT as gn, FILE_STATION_APP as hn, activePage as kn, authorizationCatalogs as _n, backgroundCatalogs as wn, bridgeCatalogs as xn, bridgeErrorCopy as Cn, catalogs as $n, clientTimeout as Sn, createBackgroundSaveFacade as zn, createFileTransfers as Pn, createPortalAccess as Vn, createStandaloneContext as In, createStandaloneHost as Tn, decodeResponse as An, delegateCatalogs as En, encodeRequest as Un, fileStationPath as Rn, identityCatalogs as Dn, mergeCatalogs as Bn, nasCatalogs as Fn, openFileInFileStation as qn, portalCatalogs as On, portalMessages as Ln, protocolCodes as Nn, protocolOps as Mn, protocolSchemas as Kn, saveCatalogs as Hn, shellCatalogs as Gn, shellPages as Jn, uiLocales as Wn } from "./index.js";
+import { inject as ta, ref as y, onBeforeUnmount as fe, Comment as ka, Text as _a, Fragment as se, defineComponent as oe, computed as D, useTemplateRef as wa, watch as qe, useSlots as xa, watchEffect as Ca, openBlock as n, createBlock as k, resolveDynamicComponent as Ue, unref as e, normalizeProps as Me, guardReactiveProps as Ke, withCtx as t, createCommentVNode as b, renderSlot as ke, createVNode as c, createElementVNode as S, toDisplayString as l, normalizeClass as He, createSlots as Oe, createElementBlock as R, markRaw as $a, h as Sa, onMounted as ge, createTextVNode as g, withModifiers as ze, onUnmounted as la, nextTick as za, renderList as _e, provide as Pa } from "vue";
+import { ensureDeviceViewport as Va, AppRoot as Ia, ConfigProvider as Ta, PageContent as Ge, PageHeader as Je, Callout as W, AppLayout as Aa, AppSidebar as Ea, AppSidebarUser as Ua, FileTypeIcon as Re, IconButton as De, Breadcrumb as Ra, FilePicker as Da, Button as F, TreeView as Ba, DataGrid as Fa, Dialog as Le, SettingsSection as he, PathDisplay as pe, SettingsRow as Ae, Link as na, Form as Pe, Input as we, FormActions as Ve, FormItem as be, Card as We, Badge as Se, Select as sa, Checkbox as qa, KeyValueRow as $e, DataTable as Oa, formatFileSize as La, Pagination as Na } from "@synopackageland/ui";
+import { Timer as Ma, Info as Ka, ChevronLeft as Ha, ChevronRight as Ga, RotateCw as Ja, FolderOpen as Wa, ShieldCheck as Xa } from "@lucide/vue";
+const Qa = /* @__PURE__ */ Symbol("executor-setup");
+function ia() {
+  return ta(Qa, {
     async status() {
       return { state: "blocked", reason: "setup-unavailable" };
     },
@@ -17,174 +17,280 @@ function Ca() {
     }
   });
 }
-function xt(p) {
-  const I = y(!1), a = y(!1), m = y(), i = y("");
-  let d = !1, s = 0, o, r;
-  function P() {
-    clearTimeout(o), clearTimeout(r);
+function nn(r) {
+  const T = y(!1), o = y(!1), a = y(), u = y("");
+  let m = !1, i = 0, s, d;
+  function v() {
+    clearTimeout(s), clearTimeout(d);
   }
-  function v(E = "") {
-    s++, P(), m.value = void 0, i.value = E;
+  function p(I = "") {
+    i++, v(), a.value = void 0, u.value = I;
   }
-  function _(E) {
-    if (d) return;
-    const q = Date.parse(E.expiresAt) - Date.now();
-    if (!Number.isFinite(q) || q <= 0) {
-      v("expired");
+  function h(I) {
+    if (m) return;
+    const N = Date.parse(I.expiresAt) - Date.now();
+    if (!Number.isFinite(N) || N <= 0) {
+      p("expired");
       return;
     }
-    P(), m.value = E, i.value = "", o = setTimeout(() => v("expired"), q);
-    const J = s;
-    r = setTimeout(async () => {
+    v(), a.value = I, u.value = "", s = setTimeout(() => p("expired"), N);
+    const q = i;
+    d = setTimeout(async () => {
       try {
-        const G = await p.call("identity.session");
-        !d && s === J && _(G);
+        const X = await r.call("identity.session");
+        !m && i === q && h(X);
       } catch {
-        !d && s === J && v("expired");
+        !m && i === q && p("expired");
       }
-    }, Math.min(6e4, q));
+    }, Math.min(6e4, N));
   }
-  async function z() {
+  async function E() {
     try {
-      const E = await p.call("identity.status");
-      if (d) return;
-      if (I.value = E.enabled === !0, I.value)
+      const I = await r.call("identity.status");
+      if (m) return;
+      if (T.value = I.enabled === !0, T.value)
         try {
-          _(await p.call("identity.session", { bootstrap: !0 }));
+          h(await r.call("identity.session", { bootstrap: !0 }));
         } catch {
-          d || v();
+          m || p();
         }
-    } catch (E) {
-      const q = E?.code;
-      I.value = !["unknown_method", "admin_required", "app_privilege_denied", "session_required"].includes(q || ""), I.value && (i.value = "unavailable");
+    } catch (I) {
+      const N = I?.code;
+      T.value = !["unknown_method", "admin_required", "app_privilege_denied", "session_required"].includes(N || ""), T.value && (u.value = "unavailable");
     } finally {
-      d || (a.value = !0);
+      m || (o.value = !0);
     }
   }
-  async function x(E, q) {
-    const J = s;
+  async function z(I, N) {
+    const q = i;
     try {
-      const G = await p.call(E, q);
-      if (d || I.value && J !== s) throw { code: "session_required" };
-      return G;
-    } catch (G) {
-      const K = G?.code;
-      throw !d && J === s && I.value && ["session_required", "session_revalidation_required"].includes(K || "") && v(K === "session_revalidation_required" ? "revalidate" : "expired"), G;
+      const X = await r.call(I, N);
+      if (m || T.value && q !== i) throw { code: "session_required" };
+      return X;
+    } catch (X) {
+      const ae = X?.code;
+      throw !m && q === i && T.value && ["session_required", "session_revalidation_required"].includes(ae || "") && p(ae === "session_revalidation_required" ? "revalidate" : "expired"), X;
     }
   }
-  async function b(E, q, J) {
-    const G = await p.call("identity.login", { account: E, password: q, otp: J });
-    d || (s++, _(G));
+  async function _(I, N, q) {
+    const X = await r.call("identity.login", { account: I, password: N, otp: q });
+    m || (i++, h(X));
   }
-  async function D() {
-    const E = await p.call("identity.session", { bootstrap: !0 });
-    d || (s++, _(E));
+  async function $() {
+    const I = await r.call("identity.session", { bootstrap: !0 });
+    m || (i++, h(I));
   }
-  async function R() {
-    await p.call("identity.logout"), d || v();
+  async function x() {
+    await r.call("identity.logout"), m || p();
   }
-  function L() {
-    d = !0, v();
+  function V() {
+    m = !0, p();
   }
-  return { enabled: I, ready: a, subject: m, notice: i, start: z, call: x, login: b, bootstrap: D, logout: R, dispose: L };
+  return { enabled: T, ready: o, subject: a, notice: u, start: E, call: z, login: _, bootstrap: $, logout: x, dispose: V };
 }
-function $a() {
-  const p = y(!1), I = y();
-  let a = !1, m = 0, i;
-  function d() {
-    m++, i?.abort(), i = void 0, p.value = !1, I.value = void 0;
+function Ya() {
+  const r = y(!1), T = y();
+  let o = !1, a = 0, u;
+  function m() {
+    a++, u?.abort(), u = void 0, r.value = !1, T.value = void 0;
   }
-  async function s(o) {
-    if (a || p.value) return;
-    const r = ++m, P = new AbortController();
-    i = P, p.value = !0, I.value = void 0;
+  async function i(s) {
+    if (o || r.value) return;
+    const d = ++a, v = new AbortController();
+    u = v, r.value = !0, T.value = void 0;
     try {
-      const v = await o(P.signal);
-      return !a && r === m ? v : void 0;
-    } catch (v) {
-      !a && r === m && (I.value = v);
+      const p = await s(v.signal);
+      return !o && d === a ? p : void 0;
+    } catch (p) {
+      !o && d === a && (T.value = p);
       return;
     } finally {
-      !a && r === m && (p.value = !1, i = void 0);
+      !o && d === a && (r.value = !1, u = void 0);
     }
   }
-  return ue(() => {
-    a = !0, d();
-  }), { busy: p, error: I, run: s, cancel: d };
+  return fe(() => {
+    o = !0, m();
+  }), { busy: r, error: T, run: i, cancel: m };
 }
-const xa = { class: "app-page-content" }, Sa = /* @__PURE__ */ le({
+function oa(r) {
+  return Array.isArray(r) && r.some((T) => {
+    const o = T;
+    return o.type === ka ? !1 : o.type === _a ? String(o.children).trim() !== "" : o.type === se ? oa(o.children) : !0;
+  });
+}
+const Za = { status: Ka, background: Ma };
+function ja(r, T) {
+  return r.map((o) => typeof o == "string" ? { id: o, title: T[o], icon: Za[o] } : o);
+}
+function et(r) {
+  const T = /* @__PURE__ */ new Map();
+  for (const o of r) {
+    if (o.hidden) continue;
+    let a = T.get(o.group);
+    a || T.set(o.group, a = o.group === void 0 ? { items: [] } : { label: o.group, items: [] }), a.items.push({ key: o.id, label: o.title, icon: o.icon, badge: o.badge });
+  }
+  return [...T.values()];
+}
+const at = { role: "alert" }, tt = {
+  key: 1,
+  class: "app-notices"
+}, lt = { class: "app-page-content" }, nt = /* @__PURE__ */ oe({
   __name: "AppShell",
   props: {
     locale: {},
     modelValue: {},
     pages: {},
-    description: {}
+    description: {},
+    ctx: {},
+    wideLayout: {},
+    sidebarStorageKey: {},
+    brandName: {},
+    brandIcon: {},
+    keepScroll: { type: Boolean },
+    pageWidth: {},
+    denied: { type: [Boolean, Object] },
+    appRoot: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: I }) {
-    const a = p, m = I, i = F(() => Je(a.locale)), d = { status: ba, background: ma }, s = F(() => [{
-      items: a.pages.map((r) => ({ key: r, label: i.value[r], icon: d[r] }))
-    }]), o = F(() => i.value[a.modelValue] ?? i.value.status);
-    return (r, P) => (t(), $(e(ia), {
-      class: "app-shell",
-      "min-height": "0",
-      "wide-layout": "window"
-    }, {
-      sidebar: n(() => [
-        h(e(ra), {
-          "model-value": p.modelValue,
-          groups: s.value,
-          "onUpdate:modelValue": P[0] || (P[0] = (v) => m("update:modelValue", v))
-        }, null, 8, ["model-value", "groups"])
-      ]),
-      default: n(() => [
-        h(e(oa), { class: "app-page" }, {
-          default: n(() => [
-            h(e(ua), {
-              title: o.value,
-              description: p.description
+  setup(r, { emit: T }) {
+    const o = r, a = T, u = D(() => da(o.locale)), m = D(() => ja(o.pages, u.value)), i = D(() => et(m.value)), s = D(() => m.value.find((N) => N.id === o.modelValue)), d = D(() => s.value?.title ?? u.value[o.modelValue] ?? u.value.status), v = wa("scroller"), p = D(() => o.pages.some((N) => typeof N != "string"));
+    qe(() => o.modelValue, () => {
+      p.value && !o.keepScroll && v.value && (v.value.$el.scrollTop = 0);
+    }, { flush: "post" });
+    const h = xa(), E = D(() => o.denied === !0 ? {} : o.denied || void 0), z = D(() => o.ctx !== void 0 && va(o.ctx)), _ = D(() => z.value ? o.ctx : void 0), $ = (N, { slots: q }) => q.default?.(), x = D(() => o.ctx !== void 0 && !z.value);
+    function V() {
+      o.ctx?.host?.activateWindow?.();
+    }
+    const I = D(() => _.value?.user?.name ? _.value.user : void 0);
+    return Ca((N) => {
+      z.value && N(Va());
+    }), (N, q) => (n(), k(Ue(r.appRoot ? e(Ia) : $), Me(Ke(r.appRoot ? { modalScope: "app", dialogBounds: x.value ? "viewport" : "app", style: "height: 100%;", onActivate: V } : {})), {
+      default: t(() => [
+        (n(), k(Ue(r.appRoot ? e(Ta) : $), Me(Ke(r.appRoot ? { locale: e(Qe)(r.locale) } : {})), {
+          default: t(() => [
+            E.value ? (n(), k(e(Ge), {
+              key: 0,
+              class: "app-denied",
+              width: r.pageWidth
             }, {
-              actions: n(() => [
-                Ie(r.$slots, "actions", {}, void 0, !0)
+              default: t(() => [
+                E.value.header !== !1 ? (n(), k(e(Je), {
+                  key: 0,
+                  title: E.value.title ?? u.value.deniedTitle
+                }, null, 8, ["title"])) : b("", !0),
+                ke(N.$slots, "denied", {}, () => [
+                  c(e(W), { tone: "danger" }, {
+                    default: t(() => [
+                      S("span", at, l(E.value.message ?? u.value.deniedMessage), 1)
+                    ]),
+                    _: 1
+                  })
+                ], !0)
               ]),
               _: 3
-            }, 8, ["title", "description"]),
-            C("div", xa, [
-              Ie(r.$slots, "default", {}, void 0, !0)
-            ])
+            }, 8, ["width"])) : (n(), k(e(Aa), {
+              key: 1,
+              class: He(["app-shell", { "app-shell-fill": s.value?.fill }]),
+              "min-height": "0",
+              "wide-layout": r.wideLayout ?? (z.value ? "web" : "window"),
+              "sidebar-storage-key": r.sidebarStorageKey,
+              "brand-name": r.brandName ?? _.value?.displayName,
+              "brand-icon": r.brandIcon ?? _.value?.appIcon
+            }, Oe({
+              sidebar: t(() => [
+                c(e(Ea), {
+                  "model-value": r.modelValue,
+                  groups: i.value,
+                  "onUpdate:modelValue": q[0] || (q[0] = (X) => a("update:modelValue", X))
+                }, null, 8, ["model-value", "groups"])
+              ]),
+              default: t(() => [
+                c(e(Ge), {
+                  ref_key: "scroller",
+                  ref: v,
+                  class: He(["app-page", { "app-page-fill": s.value?.fill }]),
+                  width: r.pageWidth
+                }, {
+                  default: t(() => [
+                    s.value?.header !== !1 ? (n(), k(e(Je), {
+                      key: 0,
+                      title: d.value,
+                      description: s.value?.description ?? r.description
+                    }, {
+                      actions: t(() => [
+                        ke(N.$slots, "actions", { page: r.modelValue }, void 0, !0)
+                      ]),
+                      _: 3
+                    }, 8, ["title", "description"])) : b("", !0),
+                    e(oa)(h.notices?.({ page: r.modelValue })) ? (n(), R("div", tt, [
+                      ke(N.$slots, "notices", { page: r.modelValue }, void 0, !0)
+                    ])) : b("", !0),
+                    S("div", lt, [
+                      s.value?.component ? (n(), k(Ue(s.value.component), {
+                        key: s.value.id
+                      })) : b("", !0),
+                      ke(N.$slots, "default", { page: r.modelValue }, void 0, !0)
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["class", "width"])
+              ]),
+              _: 2
+            }, [
+              h["sidebar-footer"] || I.value ? {
+                name: "sidebar-footer",
+                fn: t(() => [
+                  ke(N.$slots, "sidebar-footer", {}, () => [
+                    I.value ? (n(), k(e(Ua), {
+                      key: 0,
+                      name: I.value.name,
+                      detail: I.value.isAdmin ? u.value.administrator : u.value.dsmUser
+                    }, null, 8, ["name", "detail"])) : b("", !0)
+                  ], !0)
+                ]),
+                key: "0"
+              } : void 0,
+              h.toolbar ? {
+                name: "toolbar",
+                fn: t(() => [
+                  ke(N.$slots, "toolbar", { page: r.modelValue }, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["class", "wide-layout", "sidebar-storage-key", "brand-name", "brand-icon"]))
           ]),
           _: 3
-        })
+        }, 16))
       ]),
       _: 3
-    }));
+    }, 16));
   }
-}), ne = (p, I) => {
-  const a = p.__vccOpts || p;
-  for (const [m, i] of I)
-    a[m] = i;
-  return a;
-}, St = /* @__PURE__ */ ne(Sa, [["__scopeId", "data-v-05f63ca5"]]), Te = ["B", "KB", "MB", "GB", "TB", "PB"];
-function Ue(p, I) {
-  let a = 0, m = p;
-  for (; m >= 1024 && a < Te.length - 1; )
-    m /= 1024, a++;
-  return `${new Intl.NumberFormat(I, { maximumFractionDigits: a ? 1 : 0 }).format(m)} ${Te[a]}`;
+}), de = (r, T) => {
+  const o = r.__vccOpts || r;
+  for (const [a, u] of T)
+    o[a] = u;
+  return o;
+}, sn = /* @__PURE__ */ de(nt, [["__scopeId", "data-v-60e630d5"]]), Xe = ["B", "KB", "MB", "GB", "TB", "PB"];
+function Fe(r, T) {
+  let o = 0, a = r;
+  for (; a >= 1024 && o < Xe.length - 1; )
+    a /= 1024, o++;
+  return `${new Intl.NumberFormat(T, { maximumFractionDigits: o ? 1 : 0 }).format(a)} ${Xe[o]}`;
 }
-const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-location" }, Va = ["aria-label"], Ia = {
+const st = ["aria-busy", "aria-label"], it = { class: "file-toolbar file-location" }, ot = ["aria-label"], ut = {
   key: 0,
   class: "file-toolbar"
-}, Ua = {
+}, rt = {
   key: 1,
   role: "status"
-}, Aa = { role: "alert" }, Da = {
+}, dt = { role: "alert" }, vt = {
   key: 4,
   role: "status"
-}, Ta = { class: "file-columns" }, Ea = ["aria-label"], Ra = { class: "file-content" }, qa = { class: "file-name" }, Ba = { class: "file-empty" }, Oa = { class: "file-bytes" }, Fa = {
+}, ct = { class: "file-columns" }, pt = ["aria-label"], ft = { class: "file-content" }, mt = { class: "file-name" }, yt = { class: "file-empty" }, bt = { class: "file-bytes" }, gt = {
   key: 5,
   class: "file-selection",
   role: "status"
-}, La = /* @__PURE__ */ le({
+}, ht = /* @__PURE__ */ oe({
   __name: "FileBrowser",
   props: {
     provider: {},
@@ -193,310 +299,310 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
     transfers: { type: Boolean, default: !1 }
   },
   emits: ["selected"],
-  setup(p, { emit: I }) {
-    const a = p, m = I, i = F(() => re(a.locale)), d = $a(), { busy: s, error: o } = d, r = y([]), P = y([]), v = y([]), _ = y(), z = y(), x = y(), b = y([]), D = y(), R = y({ key: "name", direction: "asc" }), L = y(0), E = y([]), q = y(!1);
-    let J = new AbortController();
-    async function G() {
-      const V = _.value;
-      !V || V.isDir || !a.provider.download || await d.run(async (u) => (await a.provider.info(V.path, u), a.provider.download(V.path), !0));
+  setup(r, { emit: T }) {
+    const o = r, a = T, u = D(() => ye(o.locale)), m = Ya(), { busy: i, error: s } = m, d = y([]), v = y([]), p = y([]), h = y(), E = y(), z = y(), _ = y([]), $ = y(), x = y({ key: "name", direction: "asc" }), V = y(0), I = y([]), N = y(!1);
+    let q = new AbortController();
+    async function X() {
+      const C = h.value;
+      !C || C.isDir || !o.provider.download || await m.run(async (P) => (await o.provider.info(C.path, P), o.provider.download(C.path), !0));
     }
-    async function K() {
-      const V = v.value.at(-1)?.path, u = E.value[0];
-      if (!V || !u || !a.provider.upload) return;
-      q.value = !1, await d.run(async (c) => (await a.provider.upload(V, u, c), !0)) && (E.value = [], await se(v.value), q.value = !0);
+    async function ae() {
+      const C = p.value.at(-1)?.path, P = I.value[0];
+      if (!C || !P || !o.provider.upload) return;
+      N.value = !1, await m.run(async (f) => (await o.provider.upload(C, P, f), !0)) && (I.value = [], await ue(p.value), N.value = !0);
     }
-    const O = F(() => [
-      { key: "name", label: i.value.nameColumn, sortable: !0 },
-      { key: "kind", label: i.value.kindColumn },
-      { key: "bytes", label: i.value.sizeColumn, align: "right", sortable: !0 }
-    ]), H = la((V, { attrs: u }) => ta(Se, { ...u, kind: "folder" }));
-    function W(V) {
-      return { id: V.path, label: V.name, icon: H, data: V };
+    const Z = D(() => [
+      { key: "name", label: u.value.nameColumn, sortable: !0 },
+      { key: "kind", label: u.value.kindColumn },
+      { key: "bytes", label: u.value.sizeColumn, align: "right", sortable: !0 }
+    ]), H = $a((C, { attrs: P }) => Sa(Re, { ...P, kind: "folder" }));
+    function j(C) {
+      return { id: C.path, label: C.name, icon: H, data: C };
     }
-    function j(V) {
-      _.value = V, m("selected", V?.path);
+    function te(C) {
+      h.value = C, a("selected", C?.path);
     }
-    function ee(V) {
-      z.value = V.path, j(a.mode === "folder" ? V.isDir ? V : v.value.at(-1) : V.isDir ? void 0 : V);
+    function ne(C) {
+      E.value = C.path, te(o.mode === "folder" ? C.isDir ? C : p.value.at(-1) : C.isDir ? void 0 : C);
     }
-    function N(V) {
-      V.isDir ? Ce(V) : ee(V);
+    function Q(C) {
+      C.isDir ? ve(C) : ne(C);
     }
-    const T = (V) => r.value.find((u) => u.path === V);
-    function B(V, u, f = []) {
-      for (const c of V) {
-        const X = [...f, c.data];
-        if (c.id === u) return X;
-        const te = B(c.children ?? [], u, X);
-        if (te) return te;
+    const Y = (C) => d.value.find((P) => P.path === C);
+    function G(C, P, A = []) {
+      for (const f of C) {
+        const M = [...A, f.data];
+        if (f.id === P) return M;
+        const w = G(f.children ?? [], P, M);
+        if (w) return w;
       }
     }
-    function w(V, u) {
-      for (const f of V) {
-        if (f.id === u) return f;
-        const c = w(f.children ?? [], u);
-        if (c) return c;
+    function le(C, P) {
+      for (const A of C) {
+        if (A.id === P) return A;
+        const f = le(A.children ?? [], P);
+        if (f) return f;
       }
     }
-    function U(V, u, f) {
-      return V.map((c) => c.id === u ? { ...c, children: f } : c.children ? { ...c, children: U(c.children, u, f) } : c);
+    function L(C, P, A) {
+      return C.map((f) => f.id === P ? { ...f, children: A } : f.children ? { ...f, children: L(f.children, P, A) } : f);
     }
-    let M = 0;
-    async function Y(V) {
-      const u = ++M;
-      for (const f of V.slice(0, -1)) {
-        const c = w(P.value, f.path);
-        if (!c) break;
-        if (c.children === void 0) {
-          const X = await ae(c);
-          if (u !== M || !X) return;
-          P.value = U(P.value, c.id, X);
+    let U = 0;
+    async function B(C) {
+      const P = ++U;
+      for (const A of C.slice(0, -1)) {
+        const f = le(v.value, A.path);
+        if (!f) break;
+        if (f.children === void 0) {
+          const M = await J(f);
+          if (P !== U || !M) return;
+          v.value = L(v.value, f.id, M);
         }
-        b.value.includes(c.id) || (b.value = [...b.value, c.id]);
+        _.value.includes(f.id) || (_.value = [..._.value, f.id]);
       }
-      D.value = V.at(-1)?.path;
+      $.value = C.at(-1)?.path;
     }
-    async function ae(V) {
-      const u = L.value, f = J.signal;
+    async function J(C) {
+      const P = V.value, A = q.signal;
       try {
-        const c = [];
-        let X = 0;
-        for (; X !== void 0; ) {
-          const te = await a.provider.list(V.id, { offset: X, sortBy: "name", sortDirection: "ASC" }, f);
-          if (f.aborted || u !== L.value) return;
-          c.push(...te.entries.filter((Ge) => Ge.isDir).map(W)), X = te.nextOffset;
+        const f = [];
+        let M = 0;
+        for (; M !== void 0; ) {
+          const w = await o.provider.list(C.id, { offset: M, sortBy: "name", sortDirection: "ASC" }, A);
+          if (A.aborted || P !== V.value) return;
+          f.push(...w.entries.filter((ie) => ie.isDir).map(j)), M = w.nextOffset;
         }
-        return c;
-      } catch (c) {
-        !f.aborted && u === L.value && (o.value = c, j());
+        return f;
+      } catch (f) {
+        !A.aborted && P === V.value && (s.value = f, te());
         return;
       }
     }
-    async function se(V, u = !1) {
-      if (s.value) return;
-      j(), z.value = void 0, r.value = u ? r.value : [], x.value = u ? x.value : void 0;
-      const f = u ? x.value ?? 0 : 0, c = V.at(-1)?.path;
-      v.value = V;
-      const X = await d.run((te) => c ? a.provider.list(c, { offset: f, sortBy: R.value.key, sortDirection: R.value.direction === "asc" ? "ASC" : "DESC" }, te) : a.provider.shares(f, te));
-      X && (r.value = u ? [...r.value, ...X.entries] : X.entries, x.value = X.nextOffset, c ? a.mode === "folder" && !u && j(V.at(-1)) : P.value = r.value.filter((te) => te.isDir).map(W), u || Y(V));
+    async function ue(C, P = !1) {
+      if (i.value) return;
+      te(), E.value = void 0, d.value = P ? d.value : [], z.value = P ? z.value : void 0;
+      const A = P ? z.value ?? 0 : 0, f = C.at(-1)?.path;
+      p.value = C;
+      const M = await m.run((w) => f ? o.provider.list(f, { offset: A, sortBy: x.value.key, sortDirection: x.value.direction === "asc" ? "ASC" : "DESC" }, w) : o.provider.shares(A, w));
+      M && (d.value = P ? [...d.value, ...M.entries] : M.entries, z.value = M.nextOffset, f ? o.mode === "folder" && !P && te(C.at(-1)) : v.value = d.value.filter((w) => w.isDir).map(j), P || B(C));
     }
-    const ge = F(() => [{ id: "", display: i.value.roots }, ...v.value.map((V) => ({ id: V.path, display: V.name }))]);
-    function we(V) {
-      const u = ge.value.findIndex((f) => f.id === V.id);
-      u < v.value.length && ye(v.value.slice(0, u));
+    const xe = D(() => [{ id: "", display: u.value.roots }, ...p.value.map((C) => ({ id: C.path, display: C.name }))]);
+    function Ce(C) {
+      const P = xe.value.findIndex((A) => A.id === C.id);
+      P < p.value.length && me(p.value.slice(0, P));
     }
-    function Ce(V) {
-      ye([...v.value, V]);
+    function ve(C) {
+      me([...p.value, C]);
     }
-    const fe = y([[]]), ie = y(0);
-    function ye(V) {
-      s.value || (V.at(-1)?.path !== v.value.at(-1)?.path && (fe.value = [...fe.value.slice(0, ie.value + 1), V], ie.value++), se(V));
+    const ce = y([[]]), re = y(0);
+    function me(C) {
+      i.value || (C.at(-1)?.path !== p.value.at(-1)?.path && (ce.value = [...ce.value.slice(0, re.value + 1), C], re.value++), ue(C));
     }
-    function he(V) {
-      s.value || (ie.value += V, se(fe.value[ie.value]));
+    function K(C) {
+      i.value || (re.value += C, ue(ce.value[re.value]));
     }
-    function $e(V) {
-      R.value = { key: V?.key === "bytes" ? "size" : "name", direction: V?.direction ?? "asc" }, se(v.value);
+    function ee(C) {
+      x.value = { key: C?.key === "bytes" ? "size" : "name", direction: C?.direction ?? "asc" }, ue(p.value);
     }
-    function xe() {
-      s.value || (L.value++, J.abort(), J = new AbortController(), P.value = [], b.value = [], D.value = void 0, fe.value = [[]], ie.value = 0, se([]));
+    function O() {
+      i.value || (V.value++, q.abort(), q = new AbortController(), v.value = [], _.value = [], $.value = void 0, ce.value = [[]], re.value = 0, ue([]));
     }
-    return ve(() => {
-      se([]);
-    }), ue(() => {
-      L.value++, J.abort();
-    }), (V, u) => (t(), S("section", {
+    return ge(() => {
+      ue([]);
+    }), fe(() => {
+      V.value++, q.abort();
+    }), (C, P) => (n(), R("section", {
       class: "file-browser",
-      "aria-busy": e(s),
-      "aria-label": i.value.title
+      "aria-busy": e(i),
+      "aria-label": u.value.title
     }, [
-      C("div", Pa, [
-        h(e(ze), {
-          label: i.value.back,
+      S("div", it, [
+        c(e(De), {
+          label: u.value.back,
           size: "sm",
-          disabled: e(s) || ie.value === 0,
-          onClick: u[0] || (u[0] = (f) => he(-1))
+          disabled: e(i) || re.value === 0,
+          onClick: P[0] || (P[0] = (A) => K(-1))
         }, {
-          default: n(() => [
-            h(e(ka), {
+          default: t(() => [
+            c(e(Ha), {
               size: 16,
               "aria-hidden": "true"
             })
           ]),
           _: 1
         }, 8, ["label", "disabled"]),
-        h(e(ze), {
-          label: i.value.forward,
+        c(e(De), {
+          label: u.value.forward,
           size: "sm",
-          disabled: e(s) || ie.value === fe.value.length - 1,
-          onClick: u[1] || (u[1] = (f) => he(1))
+          disabled: e(i) || re.value === ce.value.length - 1,
+          onClick: P[1] || (P[1] = (A) => K(1))
         }, {
-          default: n(() => [
-            h(e(ga), {
+          default: t(() => [
+            c(e(Ga), {
               size: 16,
               "aria-hidden": "true"
             })
           ]),
           _: 1
         }, 8, ["label", "disabled"]),
-        h(e(ze), {
-          label: i.value.refresh,
+        c(e(De), {
+          label: u.value.refresh,
           size: "sm",
-          disabled: e(s),
-          onClick: xe
+          disabled: e(i),
+          onClick: O
         }, {
-          default: n(() => [
-            h(e(ha), {
+          default: t(() => [
+            c(e(Ja), {
               size: 14,
               "aria-hidden": "true"
             })
           ]),
           _: 1
         }, 8, ["label", "disabled"]),
-        C("nav", {
+        S("nav", {
           class: "file-path",
-          "aria-label": i.value.location
+          "aria-label": u.value.location
         }, [
-          h(e(da), {
-            items: ge.value,
-            "collapsed-label": i.value.fullPath,
-            onClickItem: we
+          c(e(Ra), {
+            items: xe.value,
+            "collapsed-label": u.value.fullPath,
+            onClickItem: Ce
           }, null, 8, ["items", "collapsed-label"])
-        ], 8, Va)
+        ], 8, ot)
       ]),
-      p.transfers && p.provider.upload && v.value.length ? (t(), S("div", Ia, [
-        h(e(va), {
-          modelValue: E.value,
-          "onUpdate:modelValue": u[2] || (u[2] = (f) => E.value = f),
+      r.transfers && r.provider.upload && p.value.length ? (n(), R("div", ut, [
+        c(e(Da), {
+          modelValue: I.value,
+          "onUpdate:modelValue": P[2] || (P[2] = (A) => I.value = A),
           variant: "compact",
-          disabled: e(s),
+          disabled: e(i),
           "max-files": 1,
           "max-size": 16 * 1024 ** 3,
-          title: i.value.upload,
-          onRejected: u[3] || (u[3] = (f) => o.value = { code: "upload_size_required" })
+          title: u.value.upload,
+          onRejected: P[3] || (P[3] = (A) => s.value = { code: "upload_size_required" })
         }, null, 8, ["modelValue", "disabled", "title"]),
-        h(e(A), {
+        c(e(F), {
           variant: "primary",
-          disabled: e(s) || !E.value.length,
-          onClick: K
+          disabled: e(i) || !I.value.length,
+          onClick: ae
         }, {
-          default: n(() => [
-            g(l(i.value.upload), 1)
+          default: t(() => [
+            g(l(u.value.upload), 1)
           ]),
           _: 1
         }, 8, ["disabled"])
-      ])) : k("", !0),
-      q.value ? (t(), S("p", Ua, l(i.value.uploaded), 1)) : k("", !0),
-      p.transfers && p.provider.download && _.value && !_.value.isDir && !e(o) ? (t(), $(e(A), {
+      ])) : b("", !0),
+      N.value ? (n(), R("p", rt, l(u.value.uploaded), 1)) : b("", !0),
+      r.transfers && r.provider.download && h.value && !h.value.isDir && !e(s) ? (n(), k(e(F), {
         key: 2,
         variant: "secondary",
-        disabled: e(s),
-        onClick: G
+        disabled: e(i),
+        onClick: X
       }, {
-        default: n(() => [
-          g(l(i.value.download), 1)
+        default: t(() => [
+          g(l(u.value.download), 1)
         ]),
         _: 1
-      }, 8, ["disabled"])) : k("", !0),
-      e(o) ? (t(), $(e(Q), {
+      }, 8, ["disabled"])) : b("", !0),
+      e(s) ? (n(), k(e(W), {
         key: 3,
         tone: "danger"
       }, {
-        default: n(() => [
-          C("span", Aa, l(e(Ee)(e(o), i.value)), 1)
+        default: t(() => [
+          S("span", dt, l(e(Ye)(e(s), u.value)), 1)
         ]),
         _: 1
-      })) : k("", !0),
-      e(s) ? (t(), S("p", Da, l(i.value.loading), 1)) : k("", !0),
-      C("div", Ta, [
-        C("aside", {
+      })) : b("", !0),
+      e(i) ? (n(), R("p", vt, l(u.value.loading), 1)) : b("", !0),
+      S("div", ct, [
+        S("aside", {
           class: "file-tree",
-          "aria-label": i.value.roots
+          "aria-label": u.value.roots
         }, [
-          P.value.length ? (t(), $(e(ca), {
-            key: L.value,
+          v.value.length ? (n(), k(e(Ba), {
+            key: V.value,
             "selection-style": "background",
-            modelValue: D.value,
-            "onUpdate:modelValue": u[4] || (u[4] = (f) => D.value = f),
-            nodes: P.value,
-            "onUpdate:nodes": u[5] || (u[5] = (f) => P.value = f),
-            expanded: b.value,
-            "onUpdate:expanded": u[6] || (u[6] = (f) => b.value = f),
-            "load-children": ae,
-            "expand-label": (f, c) => e(Pe)(c ? i.value.collapse : i.value.expand, { name: f.label }),
-            onSelect: u[7] || (u[7] = (f) => ye(B(P.value, f.id) ?? [f.data]))
-          }, null, 8, ["modelValue", "nodes", "expanded", "expand-label"])) : k("", !0)
-        ], 8, Ea),
-        C("div", Ra, [
-          e(o) ? k("", !0) : (t(), $(e(fa), {
+            modelValue: $.value,
+            "onUpdate:modelValue": P[4] || (P[4] = (A) => $.value = A),
+            nodes: v.value,
+            "onUpdate:nodes": P[5] || (P[5] = (A) => v.value = A),
+            expanded: _.value,
+            "onUpdate:expanded": P[6] || (P[6] = (A) => _.value = A),
+            "load-children": J,
+            "expand-label": (A, f) => e(Be)(f ? u.value.collapse : u.value.expand, { name: A.label }),
+            onSelect: P[7] || (P[7] = (A) => me(G(v.value, A.id) ?? [A.data]))
+          }, null, 8, ["modelValue", "nodes", "expanded", "expand-label"])) : b("", !0)
+        ], 8, pt),
+        S("div", ft, [
+          e(s) ? b("", !0) : (n(), k(e(Fa), {
             key: 0,
-            columns: O.value,
-            rows: r.value.map((f) => ({ ...f, kind: f.isDir ? i.value.directoryKind : i.value.fileKind })),
+            columns: Z.value,
+            rows: d.value.map((A) => ({ ...A, kind: A.isDir ? u.value.directoryKind : u.value.fileKind })),
             "row-key": "path",
             footer: !1,
             resizable: !1,
             "local-sort": !1,
             "local-pagination": !1,
-            loading: e(s),
-            "loading-text": i.value.loading,
-            sort: { key: R.value.key === "size" ? "bytes" : R.value.key, direction: R.value.direction },
-            labels: { empty: i.value.emptyFolder },
+            loading: e(i),
+            "loading-text": u.value.loading,
+            sort: { key: x.value.key === "size" ? "bytes" : x.value.key, direction: x.value.direction },
+            labels: { empty: u.value.emptyFolder },
             "single-select": "",
-            "selected-keys": z.value ? [z.value] : [],
-            "onUpdate:sort": $e,
-            "onUpdate:selectedKeys": u[8] || (u[8] = (f) => {
-              e(s) || ee(T(f[0]));
+            "selected-keys": E.value ? [E.value] : [],
+            "onUpdate:sort": ee,
+            "onUpdate:selectedKeys": P[8] || (P[8] = (A) => {
+              e(i) || ne(Y(A[0]));
             }),
-            onRowActivate: u[9] || (u[9] = (f) => {
-              e(s) || N(T(f.path));
+            onRowActivate: P[9] || (P[9] = (A) => {
+              e(i) || Q(Y(A.path));
             }),
-            onRowDblclick: u[10] || (u[10] = (f) => {
-              e(s) || N(T(f.path));
+            onRowDblclick: P[10] || (P[10] = (A) => {
+              e(i) || Q(Y(A.path));
             })
           }, {
-            "cell-name": n(({ row: f }) => [
-              C("span", qa, [
-                h(e(Se), {
-                  kind: f.isDir ? "folder" : "file",
-                  name: f.name
+            "cell-name": t(({ row: A }) => [
+              S("span", mt, [
+                c(e(Re), {
+                  kind: A.isDir ? "folder" : "file",
+                  name: A.name
                 }, null, 8, ["kind", "name"]),
-                g(l(f.name), 1)
+                g(l(A.name), 1)
               ])
             ]),
-            empty: n(() => [
-              C("div", Ba, [
-                h(e(Se), {
+            empty: t(() => [
+              S("div", yt, [
+                c(e(Re), {
                   kind: "folder",
                   size: [40, 40]
                 }),
-                C("span", null, l(i.value.emptyFolder), 1)
+                S("span", null, l(u.value.emptyFolder), 1)
               ])
             ]),
-            "cell-bytes": n(({ row: f }) => [
-              C("span", Oa, l(f.isDir || f.bytes === void 0 ? "—" : e(Ue)(f.bytes, e(Xe)(p.locale))), 1)
+            "cell-bytes": t(({ row: A }) => [
+              S("span", bt, l(A.isDir || A.bytes === void 0 ? "—" : e(Fe)(A.bytes, e(Qe)(r.locale))), 1)
             ]),
             _: 1
           }, 8, ["columns", "rows", "loading", "loading-text", "sort", "labels", "selected-keys"])),
-          x.value !== void 0 && !e(o) ? (t(), $(e(A), {
+          z.value !== void 0 && !e(s) ? (n(), k(e(F), {
             key: 1,
             variant: "secondary",
-            disabled: e(s),
-            onClick: u[11] || (u[11] = (f) => se(v.value, !0))
+            disabled: e(i),
+            onClick: P[11] || (P[11] = (A) => ue(p.value, !0))
           }, {
-            default: n(() => [
-              g(l(i.value.loadMore), 1)
+            default: t(() => [
+              g(l(u.value.loadMore), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])) : k("", !0)
+          }, 8, ["disabled"])) : b("", !0)
         ])
       ]),
-      _.value && !e(o) ? (t(), S("p", Fa, l(e(Pe)(i.value.selected, { name: _.value.path })), 1)) : k("", !0)
-    ], 8, za));
+      h.value && !e(s) ? (n(), R("p", gt, l(e(Be)(u.value.selected, { name: h.value.path })), 1)) : b("", !0)
+    ], 8, st));
   }
-}), Ke = /* @__PURE__ */ ne(La, [["__scopeId", "data-v-c689761c"]]), Na = {
+}), ua = /* @__PURE__ */ de(ht, [["__scopeId", "data-v-c689761c"]]), kt = {
   key: 0,
   class: "save-consent"
-}, Ma = ["aria-busy", "inert"], Ka = /* @__PURE__ */ le({
+}, _t = ["aria-busy", "inert"], wt = /* @__PURE__ */ oe({
   __name: "NasPicker",
   props: {
     open: { type: Boolean },
@@ -505,537 +611,583 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
     mode: {},
     title: {},
     description: {},
-    destination: {}
+    destination: {},
+    errorText: { type: Function }
   },
-  emits: ["update:open", "selected", "authorized"],
-  setup(p, { emit: I }) {
-    const a = p, m = I, i = y(), d = F(() => re(a.locale)), s = F(() => Re(a.locale)), o = y(!1), r = y();
-    let P = 0, v = !1;
-    Fe(() => a.open, () => {
-      P++, i.value = void 0, r.value = void 0;
-    }), ue(() => {
-      v = !0, P++;
+  emits: ["update:open", "selected", "authorized", "refused"],
+  setup(r, { emit: T }) {
+    const o = r, a = T, u = y(), m = D(() => ye(o.locale)), i = D(() => Ze(o.locale)), s = y(!1), d = y();
+    let v = 0, p = !1;
+    qe(() => o.open, () => {
+      v++, u.value = void 0, d.value = void 0;
+    }), fe(() => {
+      p = !0, v++;
     });
-    function _() {
-      o.value || (i.value = void 0, m("update:open", !1));
+    function h() {
+      s.value || (u.value = void 0, a("update:open", !1));
     }
-    async function z() {
-      const x = i.value, b = a.destination, D = P;
-      if (!(!x || o.value || !a.open || v || b && a.mode !== "folder")) {
-        if (!b) {
-          m("selected", x), _();
+    async function E() {
+      const z = u.value, _ = o.destination, $ = v;
+      if (!(!z || s.value || !o.open || p || _ && o.mode !== "folder")) {
+        if (!_) {
+          a("selected", z), h();
           return;
         }
-        o.value = !0, r.value = void 0;
+        s.value = !0, d.value = void 0;
         try {
-          const R = await b.selectDestination({ key: b.key, path: x });
-          if (v || D !== P) return;
-          if (!R || typeof R.id != "string" || !R.id || typeof R.username != "string" || !R.username || R.path !== x || R.key !== b.key || R.lifetime !== "until-revoked") throw { code: "commit-uncertain" };
-          m("authorized", R), o.value = !1, _();
-        } catch (R) {
-          !v && D === P && (r.value = R);
+          const x = await _.selectDestination({ key: _.key, path: z });
+          if (p || $ !== v) return;
+          if (!x || typeof x.id != "string" || !x.id || typeof x.username != "string" || !x.username || x.path !== z || x.key !== _.key || x.lifetime !== "until-revoked") throw { code: "commit-uncertain" };
+          a("authorized", x), s.value = !1, h();
+        } catch (x) {
+          if (p || $ !== v) return;
+          if (x?.code === "APP_DENIED") {
+            s.value = !1, a("refused", x), h();
+            return;
+          }
+          d.value = x;
         } finally {
-          v || (o.value = !1);
+          p || (s.value = !1);
         }
       }
     }
-    return (x, b) => (t(), $(e(Ae), {
-      open: p.open,
-      title: p.title ?? (p.mode === "folder" ? d.value.choose : d.value.chooseFile),
-      description: p.description ?? d.value.ownPermissions,
-      "close-label": d.value.close,
-      "show-close": !o.value,
+    return (z, _) => (n(), k(e(Le), {
+      open: r.open,
+      title: r.title ?? (r.mode === "folder" ? m.value.choose : m.value.chooseFile),
+      description: r.description ?? m.value.ownPermissions,
+      "close-label": m.value.close,
+      "show-close": !s.value,
       width: "800px",
-      onEscapeKeyDown: b[1] || (b[1] = (D) => {
-        o.value && D.preventDefault();
+      onEscapeKeyDown: _[1] || (_[1] = ($) => {
+        s.value && $.preventDefault();
       }),
-      onInteractOutside: b[2] || (b[2] = (D) => {
-        o.value && D.preventDefault();
+      onInteractOutside: _[2] || (_[2] = ($) => {
+        s.value && $.preventDefault();
       }),
-      "onUpdate:open": b[3] || (b[3] = (D) => {
-        D || _();
+      "onUpdate:open": _[3] || (_[3] = ($) => {
+        $ || h();
       })
     }, {
-      footer: n(() => [
-        h(e(A), {
+      footer: t(() => [
+        c(e(F), {
           variant: "secondary",
-          disabled: o.value,
-          onClick: _
+          disabled: s.value,
+          onClick: h
         }, {
-          default: n(() => [
-            g(l(d.value.cancel), 1)
+          default: t(() => [
+            g(l(m.value.cancel), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        h(e(A), {
+        c(e(F), {
           variant: "primary",
-          disabled: !i.value || o.value || !!p.destination && p.mode !== "folder",
-          onClick: z
+          disabled: !u.value || s.value || !!r.destination && r.mode !== "folder",
+          onClick: E
         }, {
-          default: n(() => [
-            g(l(d.value.confirm), 1)
+          default: t(() => [
+            g(l(m.value.confirm), 1)
           ]),
           _: 1
         }, 8, ["disabled"])
       ]),
-      default: n(() => [
-        p.destination ? (t(), S("p", Na, l(s.value.selection), 1)) : k("", !0),
-        r.value ? (t(), $(e(Q), {
+      default: t(() => [
+        r.destination ? (n(), R("p", kt, l(i.value.selection), 1)) : b("", !0),
+        d.value ? (n(), k(e(W), {
           key: 1,
           tone: "danger",
           role: "alert",
           class: "save-message"
         }, {
-          default: n(() => [
-            g(l(e(Ve)(r.value, s.value)), 1)
+          default: t(() => [
+            g(l(r.errorText?.(d.value) ?? e(Te)(d.value, i.value, "select")), 1)
           ]),
           _: 1
-        })) : k("", !0),
-        C("div", {
+        })) : b("", !0),
+        S("div", {
           class: "nas-picker-content",
-          "aria-busy": o.value,
-          inert: o.value
+          "aria-busy": s.value,
+          inert: s.value
         }, [
-          p.open ? (t(), $(Ke, {
+          r.open ? (n(), k(ua, {
             key: 0,
-            provider: p.provider,
-            locale: p.locale,
-            mode: p.mode,
-            onSelected: b[0] || (b[0] = (D) => i.value = D)
-          }, null, 8, ["provider", "locale", "mode"])) : k("", !0)
-        ], 8, Ma)
+            provider: r.provider,
+            locale: r.locale,
+            mode: r.mode,
+            onSelected: _[0] || (_[0] = ($) => u.value = $)
+          }, null, 8, ["provider", "locale", "mode"])) : b("", !0)
+        ], 8, _t)
       ]),
       _: 1
     }, 8, ["open", "title", "description", "close-label", "show-close"]));
   }
-}), _e = /* @__PURE__ */ ne(Ka, [["__scopeId", "data-v-535a0e54"]]), Ha = { role: "alert" }, Ga = { class: "files-actions" }, Ja = {
+}), Ee = /* @__PURE__ */ de(wt, [["__scopeId", "data-v-6ed8b8f6"]]), xt = { role: "alert" }, Ct = { class: "files-actions" }, $t = {
   key: 0,
   class: "files-path",
   role: "status"
-}, Xa = /* @__PURE__ */ le({
+}, St = /* @__PURE__ */ oe({
   __name: "FilesPage",
   props: {
     ctx: {}
   },
-  setup(p) {
-    const I = p, a = y(), m = y(!1), i = y("folder"), d = y(!1), s = y(""), o = y(0), r = qe(I.ctx);
-    let P = !1, v;
-    async function _() {
-      if (!P) {
-        a.value = void 0, m.value = !1, s.value = "", d.value = !1, o.value++;
+  setup(r) {
+    const T = r, o = y(), a = y(!1), u = y("folder"), m = y(!1), i = y(""), s = y(0), d = je(T.ctx);
+    let v = !1, p;
+    async function h() {
+      if (!v) {
+        o.value = void 0, a.value = !1, i.value = "", m.value = !1, s.value++;
         try {
-          await I.ctx.call("nas.session.status"), P || (m.value = !0);
-        } catch (z) {
-          !P && z?.code !== "unknown_method" && (a.value = z);
+          await T.ctx.call("nas.session.status"), v || (a.value = !0);
+        } catch (E) {
+          !v && E?.code !== "unknown_method" && (o.value = E);
         }
       }
     }
-    return ve(() => {
-      v = I.ctx.reopen(() => {
-        _();
-      }), _();
-    }), ue(() => {
-      P = !0, v?.(), r.dispose();
-    }), (z, x) => (t(), S(Z, null, [
-      a.value ? (t(), $(e(Q), {
+    return ge(() => {
+      p = T.ctx.reopen(() => {
+        h();
+      }), h();
+    }), fe(() => {
+      v = !0, p?.(), d.dispose();
+    }), (E, z) => (n(), R(se, null, [
+      o.value ? (n(), k(e(W), {
         key: 0,
         tone: "danger"
       }, {
-        default: n(() => [
-          C("span", Ha, l(e(Ee)(a.value, e(re)(p.ctx.locale))), 1),
-          h(e(A), {
+        default: t(() => [
+          S("span", xt, l(e(Ye)(o.value, e(ye)(r.ctx.locale))), 1),
+          c(e(F), {
             variant: "secondary",
-            onClick: _
+            onClick: h
           }, {
-            default: n(() => [
-              g(l(e(re)(p.ctx.locale).refresh), 1)
+            default: t(() => [
+              g(l(e(ye)(r.ctx.locale).refresh), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : k("", !0),
-      m.value ? (t(), $(e(ce), {
+      })) : b("", !0),
+      a.value ? (n(), k(e(he), {
         key: 1,
-        title: e(re)(p.ctx.locale).title,
+        title: e(ye)(r.ctx.locale).title,
+        description: e(ye)(r.ctx.locale).ownPermissions,
         collapsible: !1
       }, {
-        default: n(() => [
-          C("p", null, l(e(re)(p.ctx.locale).ownPermissions), 1),
-          C("div", Ga, [
-            h(e(A), {
+        default: t(() => [
+          S("div", Ct, [
+            c(e(F), {
               variant: "secondary",
-              onClick: x[0] || (x[0] = (b) => {
-                i.value = "folder", d.value = !0;
+              onClick: z[0] || (z[0] = (_) => {
+                u.value = "folder", m.value = !0;
               })
             }, {
-              default: n(() => [
-                g(l(e(re)(p.ctx.locale).choose), 1)
+              default: t(() => [
+                g(l(e(ye)(r.ctx.locale).choose), 1)
               ]),
               _: 1
             }),
-            h(e(A), {
+            c(e(F), {
               variant: "secondary",
-              onClick: x[1] || (x[1] = (b) => {
-                i.value = "file", d.value = !0;
+              onClick: z[1] || (z[1] = (_) => {
+                u.value = "file", m.value = !0;
               })
             }, {
-              default: n(() => [
-                g(l(e(re)(p.ctx.locale).chooseFile), 1)
+              default: t(() => [
+                g(l(e(ye)(r.ctx.locale).chooseFile), 1)
               ]),
               _: 1
             })
           ]),
-          s.value ? (t(), S("p", Ja, l(s.value), 1)) : k("", !0),
-          (t(), $(Ke, {
-            key: o.value,
-            provider: e(r),
-            locale: p.ctx.locale,
+          i.value ? (n(), R("p", $t, [
+            c(e(pe), { path: i.value }, null, 8, ["path"])
+          ])) : b("", !0),
+          (n(), k(ua, {
+            key: s.value,
+            provider: e(d),
+            locale: r.ctx.locale,
             transfers: ""
           }, null, 8, ["provider", "locale"])),
-          h(_e, {
-            provider: e(r),
-            locale: p.ctx.locale,
-            mode: i.value,
-            open: d.value,
-            "onUpdate:open": x[2] || (x[2] = (b) => d.value = b),
-            onSelected: x[3] || (x[3] = (b) => s.value = b)
+          c(Ee, {
+            provider: e(d),
+            locale: r.ctx.locale,
+            mode: u.value,
+            open: m.value,
+            "onUpdate:open": z[2] || (z[2] = (_) => m.value = _),
+            onSelected: z[3] || (z[3] = (_) => i.value = _)
           }, null, 8, ["provider", "locale", "mode", "open"])
         ]),
         _: 1
-      }, 8, ["title"])) : k("", !0)
+      }, 8, ["title", "description"])) : b("", !0)
     ], 64));
   }
-}), zt = /* @__PURE__ */ ne(Xa, [["__scopeId", "data-v-699931fa"]]), Qa = { key: 0 }, Ya = { key: 0 }, Wa = { key: 4 }, Za = { role: "alert" }, ja = 5e3, Pt = /* @__PURE__ */ le({
+}), on = /* @__PURE__ */ de(St, [["__scopeId", "data-v-15f9eb8e"]]), zt = { role: "alert" }, Pt = 5e3, un = /* @__PURE__ */ oe({
   __name: "PortalSettings",
   props: {
     portal: {}
   },
-  setup(p) {
-    const I = p, a = I.portal.messages, m = y(), i = y(""), d = y(!1), s = y("");
-    let o = !1;
-    function r(_) {
-      o || (m.value = _, i.value = _.alias || _.defaultAlias);
+  setup(r) {
+    const T = r, o = ia(), a = T.portal.messages, u = y(), m = y(""), i = y(!1), s = y("");
+    let d = !1;
+    function v(x) {
+      d || (u.value = x, m.value = x.alias || x.defaultAlias);
     }
-    const P = /* @__PURE__ */ Symbol("late");
-    async function v(_) {
-      if (d.value) return;
-      d.value = !0, s.value = "";
-      const z = _();
+    const p = /* @__PURE__ */ Symbol("late");
+    async function h(x) {
+      if (i.value) return;
+      i.value = !0, s.value = "";
+      const V = x();
       try {
-        const x = await Promise.race([z, new Promise((b) => setTimeout(() => b(P), ja))]);
-        if (x !== P) {
-          r(x);
+        const I = await Promise.race([V, new Promise((N) => setTimeout(() => N(p), Pt))]);
+        if (I !== p) {
+          v(I);
           return;
         }
-        z.then(r, () => {
-        }), r(await I.portal.status());
-      } catch (x) {
-        o || (s.value = a[x?.code || ""] || a.portal_unavailable);
+        v(await T.portal.status());
+        try {
+          await V;
+        } finally {
+          v(await T.portal.status());
+        }
+      } catch (I) {
+        d || (s.value = a[I?.code || ""] || a.portal_unavailable);
       } finally {
-        o || (d.value = !1);
+        d || (i.value = !1);
+      }
+    }
+    const E = D(() => !!u.value?.canManage && !!u.value.entry && u.value.entry !== "registered"), z = D(() => {
+      const x = u.value;
+      if (x) {
+        if (E.value) return x.entry === "unregistered" ? a.entryOff : a.cleanupRequired;
+        if (x.state !== "active")
+          return x.canManage ? a.inactive : x.controlPanel ? void 0 : a.askAdmin;
       }
+    }), _ = a.link?.replace(/\s*[:：]\s*$/, "");
+    function $() {
+      i.value || T.portal.status().then(v, () => {
+      });
     }
-    return ve(() => {
-      I.portal.status().then(r);
-    }), ue(() => {
-      o = !0;
-    }), (_, z) => m.value ? (t(), $(e(ce), {
+    return ge(() => {
+      o.subscribe?.($), $();
+    }), fe(() => {
+      d = !0;
+    }), (x, V) => u.value ? (n(), k(e(he), {
       key: 0,
       title: e(a).title,
+      description: z.value,
       collapsible: !1,
-      "aria-busy": d.value
-    }, {
-      default: n(() => [
-        m.value.state === "active" ? (t(), S("p", Qa, [
-          g(l(e(a).link) + " ", 1),
-          h(e(Ne), {
-            href: m.value.url,
-            external: ""
-          }, {
-            default: n(() => [
-              g(l(m.value.url), 1)
-            ]),
-            _: 1
-          }, 8, ["href"])
-        ])) : k("", !0),
-        m.value.canManage && m.value.entry && m.value.entry !== "registered" ? (t(), S(Z, { key: 1 }, [
-          C("p", null, l(m.value.entry === "unregistered" ? e(a).entryOff : e(a).cleanupRequired), 1),
-          m.value.entry === "unregistered" ? (t(), $(e(A), {
+      "aria-busy": i.value
+    }, Oe({
+      default: t(() => [
+        u.value.state === "active" ? (n(), k(e(Ae), {
+          key: 0,
+          label: e(_)
+        }, {
+          default: t(() => [
+            c(e(na), {
+              href: u.value.url,
+              external: ""
+            }, {
+              default: t(() => [
+                g(l(u.value.url), 1)
+              ]),
+              _: 1
+            }, 8, ["href"])
+          ]),
+          _: 1
+        }, 8, ["label"])) : b("", !0),
+        u.value.canManage && !E.value ? (n(), k(e(Pe), {
+          key: 1,
+          onSubmit: V[4] || (V[4] = ze((I) => h(() => r.portal.apply(m.value)), ["prevent"]))
+        }, {
+          default: t(() => [
+            c(e(Ae), {
+              label: e(a).alias
+            }, {
+              default: t(() => [
+                c(e(we), {
+                  id: "portal-alias",
+                  modelValue: m.value,
+                  "onUpdate:modelValue": V[0] || (V[0] = (I) => m.value = I),
+                  "aria-label": e(a).alias,
+                  maxlength: "64",
+                  autocomplete: "off",
+                  disabled: i.value
+                }, null, 8, ["modelValue", "aria-label", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            c(e(Ae), {
+              label: "",
+              "field-width": "full"
+            }, {
+              default: t(() => [
+                c(e(Ve), null, {
+                  default: t(() => [
+                    c(e(F), {
+                      type: "submit",
+                      variant: "primary",
+                      disabled: i.value
+                    }, {
+                      default: t(() => [
+                        g(l(e(a).apply), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    u.value.state === "active" ? (n(), k(e(F), {
+                      key: 0,
+                      variant: "secondary",
+                      disabled: i.value,
+                      onClick: V[1] || (V[1] = (I) => h(() => r.portal.disable()))
+                    }, {
+                      default: t(() => [
+                        g(l(e(a).disable), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])) : b("", !0),
+                    c(e(F), {
+                      variant: "secondary",
+                      onClick: V[2] || (V[2] = (I) => r.portal.openControlPanel())
+                    }, {
+                      default: t(() => [
+                        g(l(e(a).advanced), 1)
+                      ]),
+                      _: 1
+                    }),
+                    u.value.entry ? (n(), k(e(F), {
+                      key: 1,
+                      variant: "secondary",
+                      disabled: i.value,
+                      onClick: V[3] || (V[3] = (I) => h(() => r.portal.unregister()))
+                    }, {
+                      default: t(() => [
+                        g(l(e(a).unregister), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])) : b("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : b("", !0),
+        s.value ? (n(), k(e(W), {
+          key: 2,
+          tone: "danger"
+        }, {
+          default: t(() => [
+            S("span", zt, l(s.value), 1)
+          ]),
+          _: 1
+        })) : b("", !0)
+      ]),
+      _: 2
+    }, [
+      E.value ? {
+        name: "footer",
+        fn: t(() => [
+          u.value.entry === "unregistered" ? (n(), k(e(F), {
             key: 0,
             variant: "primary",
-            disabled: d.value,
-            onClick: z[0] || (z[0] = (x) => v(() => p.portal.register()))
+            disabled: i.value,
+            onClick: V[5] || (V[5] = (I) => h(() => r.portal.register()))
           }, {
-            default: n(() => [
+            default: t(() => [
               g(l(e(a).register), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])) : (t(), $(e(A), {
+          }, 8, ["disabled"])) : (n(), k(e(F), {
             key: 1,
             variant: "primary",
-            disabled: d.value,
-            onClick: z[1] || (z[1] = (x) => v(() => p.portal.unregister()))
+            disabled: i.value,
+            onClick: V[6] || (V[6] = (I) => h(() => r.portal.unregister()))
           }, {
-            default: n(() => [
+            default: t(() => [
               g(l(e(a).unregister), 1)
             ]),
             _: 1
           }, 8, ["disabled"]))
-        ], 64)) : m.value.canManage ? (t(), S(Z, { key: 2 }, [
-          m.value.state !== "active" ? (t(), S("p", Ya, l(e(a).inactive), 1)) : k("", !0),
-          h(e(be), {
-            onSubmit: z[4] || (z[4] = me((x) => v(() => p.portal.apply(i.value)), ["prevent"]))
-          }, {
-            default: n(() => [
-              h(e(oe), {
-                label: e(a).alias,
-                "label-for": "portal-alias"
-              }, {
-                default: n(() => [
-                  h(e(pe), {
-                    id: "portal-alias",
-                    modelValue: i.value,
-                    "onUpdate:modelValue": z[2] || (z[2] = (x) => i.value = x),
-                    maxlength: "64",
-                    autocomplete: "off",
-                    disabled: d.value
-                  }, null, 8, ["modelValue", "disabled"])
-                ]),
-                _: 1
-              }, 8, ["label"]),
-              h(e(ke), null, {
-                default: n(() => [
-                  h(e(A), {
-                    type: "submit",
-                    variant: "primary",
-                    disabled: d.value
-                  }, {
-                    default: n(() => [
-                      g(l(e(a).apply), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["disabled"]),
-                  m.value.state === "active" ? (t(), $(e(A), {
-                    key: 0,
-                    variant: "secondary",
-                    disabled: d.value,
-                    onClick: z[3] || (z[3] = (x) => v(() => p.portal.disable()))
-                  }, {
-                    default: n(() => [
-                      g(l(e(a).disable), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["disabled"])) : k("", !0)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          h(e(A), {
-            variant: "secondary",
-            onClick: z[5] || (z[5] = (x) => p.portal.openControlPanel())
-          }, {
-            default: n(() => [
-              g(l(e(a).advanced), 1)
-            ]),
-            _: 1
-          }),
-          m.value.entry ? (t(), $(e(A), {
-            key: 1,
+        ]),
+        key: "0"
+      } : !u.value.canManage && u.value.controlPanel ? {
+        name: "footer",
+        fn: t(() => [
+          c(e(F), {
             variant: "secondary",
-            disabled: d.value,
-            onClick: z[6] || (z[6] = (x) => v(() => p.portal.unregister()))
+            onClick: V[7] || (V[7] = (I) => r.portal.openControlPanel())
           }, {
-            default: n(() => [
-              g(l(e(a).unregister), 1)
+            default: t(() => [
+              g(l(e(a).controlPanel), 1)
             ]),
             _: 1
-          }, 8, ["disabled"])) : k("", !0)
-        ], 64)) : m.value.controlPanel ? (t(), $(e(A), {
-          key: 3,
-          variant: "secondary",
-          onClick: z[7] || (z[7] = (x) => p.portal.openControlPanel())
-        }, {
-          default: n(() => [
-            g(l(e(a).controlPanel), 1)
-          ]),
-          _: 1
-        })) : m.value.state !== "active" ? (t(), S("p", Wa, l(e(a).askAdmin), 1)) : k("", !0),
-        s.value ? (t(), $(e(Q), {
-          key: 5,
-          tone: "danger"
-        }, {
-          default: n(() => [
-            C("span", Za, l(s.value), 1)
-          ]),
-          _: 1
-        })) : k("", !0)
-      ]),
-      _: 1
-    }, 8, ["title", "aria-busy"])) : k("", !0);
+          })
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["title", "description", "aria-busy"])) : b("", !0);
   }
-}), el = ["aria-busy"], al = {
+}), Vt = ["aria-busy"], It = {
   key: 1,
   role: "status"
-}, ll = { role: "alert" }, tl = { role: "status" }, nl = /* @__PURE__ */ le({
+}, Tt = { role: "alert" }, At = { role: "status" }, Et = /* @__PURE__ */ oe({
   __name: "LoginPage",
   props: {
     session: {},
     locale: {}
   },
-  setup(p) {
-    const I = p, a = F(() => Qe(I.locale)), m = y(""), i = y(""), d = y(""), s = y(!1), o = y(!1), r = y(""), P = y(), v = F(() => window.location.protocol === "https:");
-    let _ = !1;
-    function z(R) {
-      const L = R?.code;
-      return a.value.errors[L || ""] || a.value.errors.failed;
+  setup(r) {
+    const T = r, o = D(() => ca(T.locale)), a = y(""), u = y(""), m = y(""), i = y(!1), s = y(!1), d = y(""), v = y(), p = D(() => window.location.protocol === "https:");
+    let h = !1;
+    function E(x) {
+      const V = x?.code;
+      return o.value.errors[V || ""] || o.value.errors.failed;
     }
-    async function x() {
-      if (!(o.value || !v.value || !m.value || !i.value || s.value && !d.value)) {
-        o.value = !0, r.value = "";
+    async function z() {
+      if (!(s.value || !p.value || !a.value || !u.value || i.value && !m.value)) {
+        s.value = !0, d.value = "";
         try {
-          await I.session.login(m.value, i.value, d.value), i.value = "", d.value = "";
-        } catch (R) {
-          if (_) return;
-          d.value = "", R?.code === "otp_required" ? s.value = !0 : (r.value = z(R), i.value = "", s.value = !1);
+          await T.session.login(a.value, u.value, m.value), u.value = "", m.value = "";
+        } catch (x) {
+          if (h) return;
+          m.value = "", x?.code === "otp_required" ? i.value = !0 : (d.value = E(x), u.value = "", i.value = !1);
         } finally {
-          _ || (o.value = !1, s.value && (await na(), _ || P.value?.querySelector("input")?.focus()));
+          h || (s.value = !1, i.value && (await za(), h || v.value?.querySelector("input")?.focus()));
         }
       }
     }
-    async function b() {
-      if (!o.value) {
-        o.value = !0, r.value = "";
+    async function _() {
+      if (!s.value) {
+        s.value = !0, d.value = "";
         try {
-          await I.session.bootstrap();
-        } catch (R) {
-          _ || (r.value = z(R));
+          await T.session.bootstrap();
+        } catch (x) {
+          h || (d.value = E(x));
         } finally {
-          _ || (o.value = !1);
+          h || (s.value = !1);
         }
       }
     }
-    function D() {
-      i.value = "", d.value = "", s.value = !1, r.value = "";
+    function $() {
+      u.value = "", m.value = "", i.value = !1, d.value = "";
     }
-    return Le(() => {
-      _ = !0, i.value = "", d.value = "";
-    }), (R, L) => (t(), S("main", {
+    return la(() => {
+      h = !0, u.value = "", m.value = "";
+    }), (x, V) => (n(), R("main", {
       class: "identity-login",
-      "aria-busy": o.value
+      "aria-busy": s.value
     }, [
-      h(e(ce), {
-        title: a.value.title,
+      c(e(he), {
+        title: o.value.title,
+        description: o.value.intro,
         collapsible: !1
       }, {
-        default: n(() => [
-          C("p", null, l(a.value.intro), 1),
-          v.value ? k("", !0) : (t(), $(e(Q), {
+        default: t(() => [
+          p.value ? b("", !0) : (n(), k(e(W), {
             key: 0,
             tone: "warning",
-            title: a.value.httpsTitle
+            title: o.value.httpsTitle
           }, {
-            default: n(() => [
-              g(l(a.value.errors.https_required), 1)
+            default: t(() => [
+              g(l(o.value.errors.https_required), 1)
             ]),
             _: 1
           }, 8, ["title"])),
-          p.session.notice.value ? (t(), S("p", al, l(a.value.notices[p.session.notice.value]), 1)) : k("", !0),
-          r.value ? (t(), $(e(Q), {
+          r.session.notice.value ? (n(), R("p", It, l(o.value.notices[r.session.notice.value]), 1)) : b("", !0),
+          d.value ? (n(), k(e(W), {
             key: 2,
             tone: "danger",
-            title: a.value.failedTitle
+            title: o.value.failedTitle
           }, {
-            default: n(() => [
-              C("span", ll, l(r.value), 1)
+            default: t(() => [
+              S("span", Tt, l(d.value), 1)
             ]),
             _: 1
-          }, 8, ["title"])) : k("", !0),
-          h(e(be), {
-            onSubmit: me(x, ["prevent"])
+          }, 8, ["title"])) : b("", !0),
+          c(e(Pe), {
+            onSubmit: ze(z, ["prevent"])
           }, {
-            default: n(() => [
-              h(e(oe), {
-                label: a.value.account
+            default: t(() => [
+              c(e(be), {
+                label: o.value.account
               }, {
-                default: n(() => [
-                  h(e(pe), {
-                    modelValue: m.value,
-                    "onUpdate:modelValue": L[0] || (L[0] = (E) => m.value = E),
+                default: t(() => [
+                  c(e(we), {
+                    modelValue: a.value,
+                    "onUpdate:modelValue": V[0] || (V[0] = (I) => a.value = I),
                     autocomplete: "username",
-                    disabled: o.value || s.value || !v.value
+                    disabled: s.value || i.value || !p.value
                   }, null, 8, ["modelValue", "disabled"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              s.value ? (t(), S(Z, { key: 1 }, [
-                C("p", tl, l(a.value.otpPrompt), 1),
-                C("div", {
+              i.value ? (n(), R(se, { key: 1 }, [
+                S("p", At, l(o.value.otpPrompt), 1),
+                S("div", {
                   ref_key: "otpField",
-                  ref: P
+                  ref: v
                 }, [
-                  h(e(oe), {
-                    label: a.value.otp
+                  c(e(be), {
+                    label: o.value.otp
                   }, {
-                    default: n(() => [
-                      h(e(pe), {
-                        modelValue: d.value,
-                        "onUpdate:modelValue": L[2] || (L[2] = (E) => d.value = E),
+                    default: t(() => [
+                      c(e(we), {
+                        modelValue: m.value,
+                        "onUpdate:modelValue": V[2] || (V[2] = (I) => m.value = I),
                         inputmode: "numeric",
                         autocomplete: "one-time-code",
-                        disabled: o.value
+                        disabled: s.value
                       }, null, 8, ["modelValue", "disabled"])
                     ]),
                     _: 1
                   }, 8, ["label"])
                 ], 512)
-              ], 64)) : (t(), $(e(oe), {
+              ], 64)) : (n(), k(e(be), {
                 key: 0,
-                label: a.value.password
+                label: o.value.password
               }, {
-                default: n(() => [
-                  h(e(pe), {
-                    modelValue: i.value,
-                    "onUpdate:modelValue": L[1] || (L[1] = (E) => i.value = E),
+                default: t(() => [
+                  c(e(we), {
+                    modelValue: u.value,
+                    "onUpdate:modelValue": V[1] || (V[1] = (I) => u.value = I),
                     type: "password",
                     autocomplete: "current-password",
-                    disabled: o.value || !v.value
+                    disabled: s.value || !p.value
                   }, null, 8, ["modelValue", "disabled"])
                 ]),
                 _: 1
               }, 8, ["label"])),
-              h(e(ke), null, {
-                default: n(() => [
-                  h(e(A), {
+              c(e(Ve), null, {
+                default: t(() => [
+                  c(e(F), {
                     type: "submit",
                     variant: "primary",
-                    disabled: o.value || !v.value || !m.value || !i.value || s.value && !d.value
+                    disabled: s.value || !p.value || !a.value || !u.value || i.value && !m.value
                   }, {
-                    default: n(() => [
-                      g(l(o.value ? a.value.signingIn : s.value ? a.value.verify : a.value.signIn), 1)
+                    default: t(() => [
+                      g(l(s.value ? o.value.signingIn : i.value ? o.value.verify : o.value.signIn), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled"]),
-                  s.value ? (t(), $(e(A), {
+                  i.value ? (n(), k(e(F), {
                     key: 0,
                     variant: "secondary",
-                    disabled: o.value,
-                    onClick: D
+                    disabled: s.value,
+                    onClick: $
                   }, {
-                    default: n(() => [
-                      g(l(a.value.otherAccount), 1)
+                    default: t(() => [
+                      g(l(o.value.otherAccount), 1)
                     ]),
                     _: 1
-                  }, 8, ["disabled"])) : (t(), $(e(A), {
+                  }, 8, ["disabled"])) : (n(), k(e(F), {
                     key: 1,
                     variant: "secondary",
-                    disabled: o.value || !v.value,
-                    onClick: b
+                    disabled: s.value || !p.value,
+                    onClick: _
                   }, {
-                    default: n(() => [
-                      g(l(a.value.continueDSM), 1)
+                    default: t(() => [
+                      g(l(o.value.continueDSM), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled"]))
@@ -1047,227 +1199,222 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
           })
         ]),
         _: 1
-      }, 8, ["title"])
-    ], 8, el));
+      }, 8, ["title", "description"])
+    ], 8, Vt));
   }
-}), Vt = /* @__PURE__ */ ne(nl, [["__scopeId", "data-v-f7afcf5e"]]), sl = { class: "integration-help" }, il = { role: "status" }, ol = { class: "integration-help" }, ul = { class: "integration-help" }, rl = { class: "integration-help" }, dl = { class: "integration-actions" }, vl = { class: "integration-actions" }, cl = {
+}), rn = /* @__PURE__ */ de(Et, [["__scopeId", "data-v-1c0358cd"]]), Ut = { role: "status" }, Rt = { class: "integration-help" }, Dt = { class: "integration-help" }, Bt = { class: "integration-help" }, Ft = { class: "integration-actions" }, qt = {
   key: 0,
   role: "status",
-  "data-bg-picked": ""
-}, fl = { class: "integration-actions" }, pl = { key: 2 }, yl = {
+  "data-bg-picked": "",
+  class: "bg-path"
+}, Ot = { class: "integration-actions" }, Lt = { key: 2 }, Nt = {
   key: 3,
-  class: "integration-jobs"
-}, ml = ["data-job-state", "data-job-id"], bl = { class: "nas-folder-name" }, kl = {
+  class: "bg-cards"
+}, Mt = { class: "bg-card-body" }, Kt = {
   key: 0,
   class: "integration-help"
-}, gl = {
+}, Ht = {
   key: 1,
   class: "integration-help"
-}, hl = {
+}, Gt = {
   key: 2,
-  class: "integration-help"
-}, _l = {
+  class: "integration-help bg-path"
+}, Jt = {
   key: 3,
   class: "integration-help"
-}, wl = {
-  key: 9,
+}, Wt = {
+  key: 4,
   class: "integration-help"
-}, Cl = ["aria-label"], $l = { class: "integration-help" }, xl = { key: 1 }, Sl = {
+}, Xt = { class: "integration-actions" }, Qt = ["aria-label"], Yt = { class: "integration-help" }, Zt = { key: 1 }, jt = {
   key: 2,
-  class: "integration-jobs"
-}, zl = ["data-schedule-id"], Pl = { class: "nas-folder-name" }, Vl = {
+  class: "bg-cards"
+}, el = { class: "bg-card-body" }, al = {
   key: 0,
   class: "integration-help"
-}, Il = {
+}, tl = {
   key: 1,
   class: "integration-help"
-}, Ul = { class: "integration-help" }, Al = { class: "integration-actions" }, Dl = { class: "integration-actions" }, Tl = { class: "integration-actions" }, El = /* @__PURE__ */ le({
+}, ll = { class: "integration-help" }, nl = { class: "integration-actions" }, sl = { class: "integration-actions" }, il = { class: "integration-actions" }, ol = /* @__PURE__ */ oe({
   __name: "BackgroundPanel",
   props: {
     ctx: {}
   },
-  setup(p) {
-    const I = p, a = F(() => Ye(I.ctx.locale)), m = (u, f) => Pe(u, f, I.ctx.locale), i = y(), d = y([]), s = y(), o = y(!1), r = y(!1), P = y([]), v = y(), _ = y(!1), z = y("3600"), x = y(), b = y(), D = y(), R = y(!1), L = y(!1), E = y(), q = y(""), J = y(""), G = We(I.ctx);
-    let K, O = !1;
-    const H = (u) => !["queued", "running"].includes(u.state), W = (u) => H(u) && u.state !== "paused", j = (u) => u.state === "running" && u.pauseRequested, ee = (u) => j(u) ? a.value.pausing : a.value[`state_${u.state}`];
-    async function N(u, f) {
+  setup(r, { expose: T }) {
+    const o = r, a = D(() => pa(o.ctx.locale)), u = (f, M) => Be(f, M, o.ctx.locale), m = y(), i = y([]), s = y(), d = y(!1), v = y(!1), p = y([]), h = y(), E = y(!1), z = y("3600"), _ = y(), $ = y(), x = y(), V = y(!1), I = y(!1), N = y(), q = y(""), X = y(""), ae = fa(o.ctx);
+    let Z, H = !1;
+    const j = (f) => !["queued", "running"].includes(f.state), te = (f) => j(f) && f.state !== "paused", ne = (f) => f.state === "running" && f.pauseRequested, Q = (f) => ne(f) ? a.value.pausing : a.value[`state_${f.state}`], Y = (f) => ne(f) ? "warning" : { queued: "info", running: "info", paused: "warning", succeeded: "success", failed: "danger", canceled: "neutral", interrupted: "danger" }[f.state];
+    async function G(f, M) {
       try {
-        return await I.ctx.call(u, f);
-      } catch (c) {
-        if (O) return;
-        c?.code === "unsupported" ? (o.value = !0, d.value = [], P.value = [], v.value = void 0, x.value = void 0, b.value = void 0, i.value = void 0, D.value = void 0, E.value = void 0, q.value && URL.revokeObjectURL(q.value), q.value = "") : O || (s.value = c);
+        return await o.ctx.call(f, M);
+      } catch (w) {
+        if (H) return;
+        w?.code === "unsupported" ? (d.value = !0, i.value = [], p.value = [], h.value = void 0, _.value = void 0, $.value = void 0, m.value = void 0, x.value = void 0, N.value = void 0, q.value && URL.revokeObjectURL(q.value), q.value = "") : H || (s.value = w);
         return;
       }
     }
-    async function T() {
-      if (!(O || R.value)) {
-        R.value = !0;
+    async function le() {
+      if (!(H || V.value)) {
+        V.value = !0;
         try {
-          const u = await N("bg.status");
-          if (!u || O) return;
-          if (!u.limits || typeof u.admin != "boolean") {
+          const f = await G("bg.status");
+          if (!f || H) return;
+          if (!f.limits || typeof f.admin != "boolean") {
             s.value = { code: "unavailable" };
             return;
           }
-          o.value = !1, i.value = u;
-          const f = await N("bg.jobs.list");
-          f && !O && (d.value = f.jobs ?? []);
-          const c = await N("bg.schedules.list");
-          c && !O && (P.value = c.schedules ?? []), !O && d.value.every(H) && P.value.every((X) => !X.enabled) && K && (clearInterval(K), K = void 0);
+          d.value = !1, m.value = f;
+          const M = await G("bg.jobs.list");
+          M && !H && (i.value = M.jobs ?? []);
+          const w = await G("bg.schedules.list");
+          w && !H && (p.value = w.schedules ?? []), !H && i.value.every(j) && p.value.every((ie) => !ie.enabled) && Z && (clearInterval(Z), Z = void 0);
         } finally {
-          R.value = !1;
+          V.value = !1;
         }
       }
     }
-    function B() {
-      K || (K = setInterval(() => {
-        T();
+    function L() {
+      Z || (Z = setInterval(() => {
+        le();
       }, 3e3));
     }
-    async function w(u) {
-      if (!r.value) {
-        r.value = !0, s.value = void 0;
+    async function U(f) {
+      if (!v.value) {
+        v.value = !0, s.value = void 0;
         try {
-          await u(), await T(), (P.value.some((f) => f.enabled) || d.value.some((f) => !H(f))) && B();
+          await f(), await le(), (p.value.some((M) => M.enabled) || i.value.some((M) => !j(M))) && L();
         } finally {
-          O || (r.value = !1);
+          H || (v.value = !1);
         }
       }
     }
-    const U = () => w(async () => {
-      if (!D.value) return;
-      await N("bg.jobs.purge", { owner: D.value }) && (D.value = void 0);
-    }), M = F(() => [{ value: "3600", label: a.value.hourly }, { value: "86400", label: a.value.daily }, { value: "604800", label: a.value.weekly }]), Y = (u) => {
-      v.value = u, _.value = !1, z.value = "3600";
-    }, ae = () => w(async () => {
-      if (!v.value || !_.value) return;
-      await N("bg.schedules.create", { key: De(), jobId: v.value.id, intervalSeconds: Number(z.value), consent: !0 }) && (v.value = void 0);
-    }), se = (u) => w(() => N("bg.schedules.disable", { id: u })), ge = () => w(async () => {
+    const B = () => U(async () => {
       if (!x.value) return;
-      await N("bg.schedules.delete", { id: x.value.id }) && (x.value = void 0);
-    }), we = () => w(async () => {
-      if (!b.value) return;
-      await N("bg.schedules.enable", { id: b.value.id, consent: !0 }) && (b.value = void 0);
-    }), Ce = (u) => {
-      const f = new Date(u);
-      return Number.isFinite(f.getTime()) ? f.toLocaleString() : a.value.unknownTime;
-    }, fe = (u) => u.copyRetained && u.state === "succeeded" && !u.scheduleId && u.submitter?.user === i.value?.owner?.user && u.submitter?.uid === i.value?.owner?.uid, ie = (u) => w(() => N("bg.jobs.cancel", { id: u })), ye = (u) => w(() => N("bg.jobs.pause", { id: u })), he = (u) => w(() => N("bg.jobs.resume", { id: u })), $e = (u) => {
-      const f = u.lastIndexOf("/");
-      E.value = { folder: u.slice(0, f), relative: u.slice(f + 1) };
-    }, xe = () => w(async () => {
-      if (!E.value) return;
-      await N("bg.jobs.submit", { key: De(), ...E.value }) && (E.value = void 0);
+      await G("bg.jobs.purge", { owner: x.value }) && (x.value = void 0);
+    }), J = D(() => [{ value: "3600", label: a.value.hourly }, { value: "86400", label: a.value.daily }, { value: "604800", label: a.value.weekly }]), ue = (f) => {
+      h.value = f, E.value = !1, z.value = "3600";
+    }, xe = () => U(async () => {
+      if (!h.value || !E.value) return;
+      await G("bg.schedules.create", { key: Ne(), jobId: h.value.id, intervalSeconds: Number(z.value), consent: !0 }) && (h.value = void 0);
+    }), Ce = (f) => U(() => G("bg.schedules.disable", { id: f })), ve = () => U(async () => {
+      if (!_.value) return;
+      await G("bg.schedules.delete", { id: _.value.id }) && (_.value = void 0);
+    }), ce = () => U(async () => {
+      if (!$.value) return;
+      await G("bg.schedules.enable", { id: $.value.id, consent: !0 }) && ($.value = void 0);
+    }), re = (f) => {
+      const M = new Date(f);
+      return Number.isFinite(M.getTime()) ? M.toLocaleString() : a.value.unknownTime;
+    }, me = (f) => f.copyRetained && f.state === "succeeded" && !f.scheduleId && f.submitter?.user === m.value?.owner?.user && f.submitter?.uid === m.value?.owner?.uid, K = (f) => U(() => G("bg.jobs.cancel", { id: f })), ee = (f) => U(() => G("bg.jobs.pause", { id: f })), O = (f) => U(() => G("bg.jobs.resume", { id: f })), C = (f) => {
+      const M = f.lastIndexOf("/");
+      N.value = { folder: f.slice(0, M), relative: f.slice(M + 1) };
+    }, P = () => U(async () => {
+      if (!N.value) return;
+      await G("bg.jobs.submit", { key: Ne(), ...N.value }) && (N.value = void 0);
     });
-    async function V(u) {
-      const f = await N("bg.jobs.result", { id: u.id });
-      !f || O || (q.value && URL.revokeObjectURL(q.value), q.value = URL.createObjectURL(new Blob([JSON.stringify(f.result, null, 2)], { type: "application/json" })), J.value = `${u.name || u.id}.sha256.json`);
+    async function A(f) {
+      const M = await G("bg.jobs.result", { id: f.id });
+      !M || H || (q.value && URL.revokeObjectURL(q.value), q.value = URL.createObjectURL(new Blob([JSON.stringify(M.result, null, 2)], { type: "application/json" })), X.value = `${f.name || f.id}.sha256.json`);
     }
-    return ve(() => {
-      T().then(() => {
-        (P.value.some((u) => u.enabled) || d.value.some((u) => !H(u))) && B();
+    return T({ refresh: le }), ge(() => {
+      le().then(() => {
+        (p.value.some((f) => f.enabled) || i.value.some((f) => !j(f))) && L();
       });
-    }), ue(() => {
-      O = !0, G.dispose(), K && clearInterval(K), q.value && URL.revokeObjectURL(q.value);
-    }), (u, f) => (t(), $(e(ce), {
-      "aria-busy": r.value || R.value,
+    }), fe(() => {
+      H = !0, ae.dispose(), Z && clearInterval(Z), q.value && URL.revokeObjectURL(q.value);
+    }), (f, M) => (n(), k(e(he), {
+      "aria-busy": v.value || V.value,
       title: a.value.title,
+      description: d.value ? void 0 : a.value.help,
+      loading: !m.value && !s.value && !d.value,
       collapsible: !1,
       "data-background-panel": ""
     }, {
-      default: n(() => [
-        o.value ? (t(), $(e(Q), {
+      default: t(() => [
+        d.value ? (n(), k(e(W), {
           key: 0,
           tone: "warning"
         }, {
-          default: n(() => [
+          default: t(() => [
             g(l(a.value.unsupported), 1)
           ]),
           _: 1
-        })) : (t(), S(Z, { key: 1 }, [
-          C("p", sl, l(a.value.help), 1),
-          s.value ? (t(), $(e(Q), {
+        })) : (n(), R(se, { key: 1 }, [
+          s.value ? (n(), k(e(W), {
             key: 0,
             tone: "danger",
             role: "alert"
           }, {
-            default: n(() => [
-              g(l(e(Ze)(s.value, a.value)), 1)
+            default: t(() => [
+              g(l(e(ma)(s.value, a.value)), 1)
             ]),
             _: 1
-          })) : k("", !0),
-          i.value ? (t(), S(Z, { key: 1 }, [
-            C("p", il, l(i.value.worker?.alive ? m(a.value.workerRunning, { user: i.value.worker.username }) : a.value.workerStopped), 1),
-            C("p", ol, l(m(a.value.limits, { size: i.value.limits.maxInputBytes / 1024, queue: i.value.limits.maxQueued, seconds: i.value.limits.jobTimeoutSeconds })), 1),
-            C("p", ul, l(i.value.admin ? a.value.adminScope : a.value.ownerScope), 1),
-            C("p", rl, l(m(a.value.ownerLimits, { jobs: i.value.limits.maxOwnerPending, size: i.value.limits.maxOwnerBytes / 1024 })), 1),
-            C("div", dl, [
-              h(e(A), {
-                variant: "secondary",
-                disabled: r.value,
-                onClick: T
-              }, {
-                default: n(() => [
-                  g(l(a.value.refresh), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            C("div", vl, [
-              h(e(A), {
+          })) : b("", !0),
+          m.value ? (n(), R(se, { key: 1 }, [
+            S("p", Ut, l(m.value.worker?.alive ? u(a.value.workerRunning, { user: m.value.worker.username }) : a.value.workerStopped), 1),
+            S("p", Rt, l(u(a.value.limits, { size: m.value.limits.maxInputBytes / 1024, queue: m.value.limits.maxQueued, seconds: m.value.limits.jobTimeoutSeconds })), 1),
+            S("p", Dt, l(m.value.admin ? a.value.adminScope : a.value.ownerScope), 1),
+            S("p", Bt, l(u(a.value.ownerLimits, { jobs: m.value.limits.maxOwnerPending, size: m.value.limits.maxOwnerBytes / 1024 })), 1),
+            S("div", Ft, [
+              c(e(F), {
                 variant: "secondary",
-                disabled: r.value,
-                onClick: f[0] || (f[0] = (c) => L.value = !0)
+                disabled: v.value,
+                onClick: M[0] || (M[0] = (w) => I.value = !0)
               }, {
-                default: n(() => [
+                default: t(() => [
                   g(l(a.value.chooseFile), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              h(e(A), {
+              c(e(F), {
                 variant: "primary",
-                disabled: r.value || !E.value,
-                onClick: xe
+                disabled: v.value || !N.value,
+                onClick: P
               }, {
-                default: n(() => [
+                default: t(() => [
                   g(l(a.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
             ]),
-            E.value ? (t(), S("p", cl, l(m(a.value.chosen, { path: `${E.value.folder}/${E.value.relative}` })), 1)) : k("", !0),
-            h(_e, {
-              open: L.value,
-              "onUpdate:open": f[1] || (f[1] = (c) => L.value = c),
-              locale: p.ctx.locale,
-              provider: e(G),
+            N.value ? (n(), R("p", qt, [
+              g(l(u(a.value.chosen, { path: "" }).trim()) + " ", 1),
+              c(e(pe), {
+                path: `${N.value.folder}/${N.value.relative}`
+              }, null, 8, ["path"])
+            ])) : b("", !0),
+            c(Ee, {
+              open: I.value,
+              "onUpdate:open": M[1] || (M[1] = (w) => I.value = w),
+              locale: r.ctx.locale,
+              provider: e(ae),
               mode: "file",
               title: a.value.pickerTitle,
               description: a.value.pickerConsent,
-              onSelected: $e
+              onSelected: C
             }, null, 8, ["open", "locale", "provider", "title", "description"]),
-            D.value && i.value.admin ? (t(), $(e(Q), {
+            x.value && m.value.admin ? (n(), k(e(W), {
               key: 1,
               tone: "warning"
             }, {
-              default: n(() => [
-                C("p", null, l(m(a.value.purgeConfirm, { user: D.value.user, uid: D.value.uid })), 1),
-                C("div", fl, [
-                  h(e(A), {
+              default: t(() => [
+                S("p", null, l(u(a.value.purgeConfirm, { user: x.value.user, uid: x.value.uid })), 1),
+                S("div", Ot, [
+                  c(e(F), {
                     variant: "secondary",
-                    disabled: r.value,
-                    onClick: U
+                    disabled: v.value,
+                    onClick: B
                   }, {
-                    default: n(() => [
+                    default: t(() => [
                       g(l(a.value.confirmPurge), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled"]),
-                  h(e(A), {
+                  c(e(F), {
                     variant: "secondary",
-                    disabled: r.value,
-                    onClick: f[2] || (f[2] = (c) => D.value = void 0)
+                    disabled: v.value,
+                    onClick: M[2] || (M[2] = (w) => x.value = void 0)
                   }, {
-                    default: n(() => [
+                    default: t(() => [
                       g(l(a.value.keepJobs), 1)
                     ]),
                     _: 1
@@ -1275,141 +1422,165 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
                 ])
               ]),
               _: 1
-            })) : k("", !0),
-            d.value.length ? (t(), S("ul", yl, [
-              (t(!0), S(Z, null, de(d.value, (c) => (t(), S("li", {
-                key: c.id,
-                "data-job-state": c.state,
-                "data-job-id": c.id
-              }, [
-                C("span", bl, l(c.name) + " — " + l(ee(c)), 1),
-                c.progress?.total ? (t(), S("span", kl, l(m(a.value.progressItems, { done: c.progress.done, count: c.progress.total })), 1)) : k("", !0),
-                c.progress?.totalBytes ? (t(), S("span", gl, l(m(a.value.progressBytes, { done: e(Ue)(c.progress.bytes, p.ctx.locale), total: e(Ue)(c.progress.totalBytes, p.ctx.locale) })), 1)) : k("", !0),
-                c.progress?.item ? (t(), S("span", hl, l(m(a.value.progressItem, { item: c.progress.item })), 1)) : k("", !0),
-                i.value.admin && c.submitter ? (t(), S("span", _l, l(m(a.value.owner, { user: c.submitter.user, uid: c.submitter.uid })), 1)) : k("", !0),
-                i.value.admin && c.submitter ? (t(), $(e(A), {
-                  key: 4,
-                  variant: "secondary",
-                  disabled: r.value,
-                  onClick: (X) => D.value = c.submitter
-                }, {
-                  default: n(() => [
-                    g(l(a.value.purgeOwner), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])) : k("", !0),
-                !H(c) && !c.pauseRequested && !c.delegation_id ? (t(), $(e(A), {
-                  key: 5,
-                  variant: "secondary",
-                  disabled: r.value,
-                  onClick: (X) => ye(c.id)
-                }, {
-                  default: n(() => [
-                    g(l(a.value.pause), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])) : k("", !0),
-                c.state === "paused" || j(c) ? (t(), $(e(A), {
-                  key: 6,
-                  variant: "secondary",
-                  disabled: r.value,
-                  onClick: (X) => he(c.id)
-                }, {
-                  default: n(() => [
-                    g(l(a.value.resume), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])) : k("", !0),
-                W(c) ? k("", !0) : (t(), $(e(A), {
-                  key: 7,
-                  variant: "secondary",
-                  disabled: r.value,
-                  onClick: (X) => ie(c.id)
-                }, {
-                  default: n(() => [
-                    g(l(a.value.cancel), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])),
-                fe(c) ? (t(), $(e(A), {
-                  key: 8,
-                  variant: "secondary",
-                  disabled: r.value,
-                  onClick: (X) => Y(c)
-                }, {
-                  default: n(() => [
-                    g(l(a.value.scheduleCopy), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])) : k("", !0),
-                c.scheduleId ? (t(), S("span", wl, l(a.value.scheduledJob), 1)) : k("", !0),
-                c.state === "succeeded" ? (t(), $(e(A), {
-                  key: 10,
-                  variant: "secondary",
-                  disabled: r.value,
-                  onClick: (X) => V(c)
-                }, {
-                  default: n(() => [
-                    g(l(a.value.result), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled", "onClick"])) : k("", !0)
-              ], 8, ml))), 128))
-            ])) : (t(), S("p", pl, l(a.value.noJobs), 1)),
-            C("section", {
+            })) : b("", !0),
+            i.value.length ? (n(), R("div", Nt, [
+              (n(!0), R(se, null, _e(i.value, (w) => (n(), k(e(We), {
+                key: w.id,
+                title: w.name,
+                "layout-type": "compact",
+                "data-job-state": w.state,
+                "data-job-id": w.id
+              }, {
+                "header-actions": t(() => [
+                  c(e(Se), {
+                    tone: Y(w),
+                    "data-bg-state": ""
+                  }, {
+                    default: t(() => [
+                      g(l(Q(w)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["tone"])
+                ]),
+                default: t(() => [
+                  S("div", Mt, [
+                    w.progress?.total ? (n(), R("span", Kt, l(u(a.value.progressItems, { done: w.progress.done, count: w.progress.total })), 1)) : b("", !0),
+                    w.progress?.totalBytes ? (n(), R("span", Ht, l(u(a.value.progressBytes, { done: e(Fe)(w.progress.bytes, r.ctx.locale), total: e(Fe)(w.progress.totalBytes, r.ctx.locale) })), 1)) : b("", !0),
+                    w.progress?.item ? (n(), R("span", Gt, [
+                      g(l(u(a.value.progressItem, { item: "" }).trim()) + " ", 1),
+                      c(e(pe), {
+                        path: w.progress.item
+                      }, null, 8, ["path"])
+                    ])) : b("", !0),
+                    m.value.admin && w.submitter ? (n(), R("span", Jt, l(u(a.value.owner, { user: w.submitter.user, uid: w.submitter.uid })), 1)) : b("", !0),
+                    w.scheduleId ? (n(), R("span", Wt, l(a.value.scheduledJob), 1)) : b("", !0),
+                    S("div", Xt, [
+                      m.value.admin && w.submitter ? (n(), k(e(F), {
+                        key: 0,
+                        variant: "secondary",
+                        disabled: v.value,
+                        onClick: (ie) => x.value = w.submitter
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.purgeOwner), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])) : b("", !0),
+                      !j(w) && !w.pauseRequested && !w.delegation_id ? (n(), k(e(F), {
+                        key: 1,
+                        variant: "secondary",
+                        disabled: v.value,
+                        onClick: (ie) => ee(w.id)
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.pause), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])) : b("", !0),
+                      w.state === "paused" || ne(w) ? (n(), k(e(F), {
+                        key: 2,
+                        variant: "secondary",
+                        disabled: v.value,
+                        onClick: (ie) => O(w.id)
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.resume), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])) : b("", !0),
+                      te(w) ? b("", !0) : (n(), k(e(F), {
+                        key: 3,
+                        variant: "secondary",
+                        disabled: v.value,
+                        onClick: (ie) => K(w.id)
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.cancel), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])),
+                      me(w) ? (n(), k(e(F), {
+                        key: 4,
+                        variant: "secondary",
+                        disabled: v.value,
+                        onClick: (ie) => ue(w)
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.scheduleCopy), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])) : b("", !0),
+                      w.state === "succeeded" ? (n(), k(e(F), {
+                        key: 5,
+                        variant: "secondary",
+                        disabled: v.value,
+                        onClick: (ie) => A(w)
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.result), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "onClick"])) : b("", !0)
+                    ])
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["title", "data-job-state", "data-job-id"]))), 128))
+            ])) : (n(), R("p", Lt, l(a.value.noJobs), 1)),
+            S("section", {
               "data-bg-schedules": "",
               class: "bg-schedules",
               "aria-label": a.value.schedulesTitle
             }, [
-              C("h3", null, l(a.value.schedulesTitle), 1),
-              C("p", $l, l(a.value.scheduleHelp), 1),
-              v.value ? (t(), $(e(be), {
+              S("h3", null, l(a.value.schedulesTitle), 1),
+              S("p", Yt, l(a.value.scheduleHelp), 1),
+              h.value ? (n(), k(e(Pe), {
                 key: 0,
                 class: "bg-schedule-form",
-                onSubmit: me(ae, ["prevent"])
+                onSubmit: ze(xe, ["prevent"])
               }, {
-                default: n(() => [
-                  C("p", null, l(m(a.value.scheduleSource, { name: v.value.name })), 1),
-                  h(e(oe), {
+                default: t(() => [
+                  S("p", null, l(u(a.value.scheduleSource, { name: h.value.name })), 1),
+                  c(e(be), {
                     label: a.value.interval
                   }, {
-                    default: n(() => [
-                      h(e(Me), {
+                    default: t(() => [
+                      c(e(sa), {
                         modelValue: z.value,
-                        "onUpdate:modelValue": f[3] || (f[3] = (c) => z.value = c),
+                        "onUpdate:modelValue": M[3] || (M[3] = (w) => z.value = w),
                         "data-schedule-interval": "",
-                        options: M.value,
-                        disabled: r.value
+                        options: J.value,
+                        disabled: v.value
                       }, null, 8, ["modelValue", "options", "disabled"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  h(e(pa), {
-                    modelValue: _.value,
-                    "onUpdate:modelValue": f[4] || (f[4] = (c) => _.value = c),
+                  c(e(qa), {
+                    modelValue: E.value,
+                    "onUpdate:modelValue": M[4] || (M[4] = (w) => E.value = w),
                     "data-schedule-consent": "",
-                    disabled: r.value,
+                    disabled: v.value,
                     label: a.value.scheduleConsent
                   }, null, 8, ["modelValue", "disabled", "label"]),
-                  h(e(ke), null, {
-                    default: n(() => [
-                      h(e(A), {
+                  c(e(Ve), null, {
+                    default: t(() => [
+                      c(e(F), {
                         type: "submit",
                         variant: "primary",
-                        disabled: r.value || !_.value
+                        disabled: v.value || !E.value
                       }, {
-                        default: n(() => [
+                        default: t(() => [
                           g(l(a.value.createSchedule), 1)
                         ]),
                         _: 1
                       }, 8, ["disabled"]),
-                      h(e(A), {
+                      c(e(F), {
                         type: "button",
                         variant: "secondary",
-                        disabled: r.value,
-                        onClick: f[5] || (f[5] = (c) => v.value = void 0)
+                        disabled: v.value,
+                        onClick: M[5] || (M[5] = (w) => h.value = void 0)
                       }, {
-                        default: n(() => [
+                        default: t(() => [
                           g(l(a.value.cancel), 1)
                         ]),
                         _: 1
@@ -1419,91 +1590,108 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
                   })
                 ]),
                 _: 1
-              })) : k("", !0),
-              P.value.length ? (t(), S("ul", Sl, [
-                (t(!0), S(Z, null, de(P.value, (c) => (t(), S("li", {
-                  key: c.id,
-                  "data-schedule-id": c.id
-                }, [
-                  C("span", Pl, l(c.name) + " — " + l(c.enabled ? a.value.scheduleOn : a.value.scheduleOff), 1),
-                  i.value.admin ? (t(), S("span", Vl, l(m(a.value.owner, { user: c.owner.user, uid: c.owner.uid })), 1)) : k("", !0),
-                  c.enabled ? (t(), S("span", Il, l(m(a.value.nextRun, { time: Ce(c.nextAt) })), 1)) : k("", !0),
-                  C("span", Ul, l(m(a.value.missedRuns, { count: c.missed })), 1),
-                  c.reason === "worker-changed" ? (t(), $(e(Q), {
-                    key: 2,
-                    tone: "warning"
-                  }, {
-                    default: n(() => [
-                      g(l(a.value.revisionChanged), 1)
-                    ]),
-                    _: 1
-                  })) : c.reason === "input-unavailable" ? (t(), $(e(Q), {
-                    key: 3,
-                    tone: "warning"
-                  }, {
-                    default: n(() => [
-                      g(l(a.value.errors["input-unavailable"]), 1)
-                    ]),
-                    _: 1
-                  })) : k("", !0),
-                  C("div", Al, [
-                    c.enabled ? (t(), $(e(A), {
-                      key: 0,
-                      variant: "secondary",
-                      disabled: r.value,
-                      onClick: (X) => se(c.id)
-                    }, {
-                      default: n(() => [
-                        g(l(a.value.disableSchedule), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["disabled", "onClick"])) : i.value.admin ? (t(), $(e(A), {
-                      key: 1,
-                      variant: "secondary",
-                      disabled: r.value,
-                      onClick: (X) => b.value = c
-                    }, {
-                      default: n(() => [
-                        g(l(a.value.enableSchedule), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["disabled", "onClick"])) : k("", !0),
-                    h(e(A), {
-                      variant: "secondary",
-                      disabled: r.value,
-                      onClick: (X) => x.value = c
+              })) : b("", !0),
+              p.value.length ? (n(), R("div", jt, [
+                (n(!0), R(se, null, _e(p.value, (w) => (n(), k(e(We), {
+                  key: w.id,
+                  title: w.name,
+                  "layout-type": "compact",
+                  "data-schedule-id": w.id
+                }, {
+                  "header-actions": t(() => [
+                    c(e(Se), {
+                      tone: w.enabled ? "success" : "neutral",
+                      "data-bg-state": ""
                     }, {
-                      default: n(() => [
-                        g(l(a.value.deleteSchedule), 1)
+                      default: t(() => [
+                        g(l(w.enabled ? a.value.scheduleOn : a.value.scheduleOff), 1)
                       ]),
-                      _: 1
-                    }, 8, ["disabled", "onClick"])
-                  ])
-                ], 8, zl))), 128))
-              ])) : (t(), S("p", xl, l(a.value.noSchedules), 1)),
-              x.value ? (t(), $(e(Q), {
+                      _: 2
+                    }, 1032, ["tone"])
+                  ]),
+                  default: t(() => [
+                    S("div", el, [
+                      m.value.admin ? (n(), R("span", al, l(u(a.value.owner, { user: w.owner.user, uid: w.owner.uid })), 1)) : b("", !0),
+                      w.enabled ? (n(), R("span", tl, l(u(a.value.nextRun, { time: re(w.nextAt) })), 1)) : b("", !0),
+                      S("span", ll, l(u(a.value.missedRuns, { count: w.missed })), 1),
+                      w.reason === "worker-changed" ? (n(), k(e(W), {
+                        key: 2,
+                        tone: "warning"
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.revisionChanged), 1)
+                        ]),
+                        _: 1
+                      })) : w.reason === "input-unavailable" ? (n(), k(e(W), {
+                        key: 3,
+                        tone: "warning"
+                      }, {
+                        default: t(() => [
+                          g(l(a.value.errors["input-unavailable"]), 1)
+                        ]),
+                        _: 1
+                      })) : b("", !0),
+                      S("div", nl, [
+                        w.enabled ? (n(), k(e(F), {
+                          key: 0,
+                          variant: "secondary",
+                          disabled: v.value,
+                          onClick: (ie) => Ce(w.id)
+                        }, {
+                          default: t(() => [
+                            g(l(a.value.disableSchedule), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "onClick"])) : m.value.admin ? (n(), k(e(F), {
+                          key: 1,
+                          variant: "secondary",
+                          disabled: v.value,
+                          onClick: (ie) => $.value = w
+                        }, {
+                          default: t(() => [
+                            g(l(a.value.enableSchedule), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "onClick"])) : b("", !0),
+                        c(e(F), {
+                          variant: "secondary",
+                          disabled: v.value,
+                          onClick: (ie) => _.value = w
+                        }, {
+                          default: t(() => [
+                            g(l(a.value.deleteSchedule), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "onClick"])
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["title", "data-schedule-id"]))), 128))
+              ])) : (n(), R("p", Zt, l(a.value.noSchedules), 1)),
+              _.value ? (n(), k(e(W), {
                 key: 3,
                 tone: "warning"
               }, {
-                default: n(() => [
-                  C("p", null, l(m(a.value.deleteScheduleConsent, { name: x.value.name })), 1),
-                  C("div", Dl, [
-                    h(e(A), {
+                default: t(() => [
+                  S("p", null, l(u(a.value.deleteScheduleConsent, { name: _.value.name })), 1),
+                  S("div", sl, [
+                    c(e(F), {
                       variant: "danger",
-                      disabled: r.value,
-                      onClick: ge
+                      disabled: v.value,
+                      onClick: ve
                     }, {
-                      default: n(() => [
+                      default: t(() => [
                         g(l(a.value.confirmDeleteSchedule), 1)
                       ]),
                       _: 1
                     }, 8, ["disabled"]),
-                    h(e(A), {
+                    c(e(F), {
                       variant: "secondary",
-                      disabled: r.value,
-                      onClick: f[6] || (f[6] = (c) => x.value = void 0)
+                      disabled: v.value,
+                      onClick: M[6] || (M[6] = (w) => _.value = void 0)
                     }, {
-                      default: n(() => [
+                      default: t(() => [
                         g(l(a.value.cancel), 1)
                       ]),
                       _: 1
@@ -1511,30 +1699,30 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
                   ])
                 ]),
                 _: 1
-              })) : k("", !0),
-              b.value ? (t(), $(e(Q), {
+              })) : b("", !0),
+              $.value ? (n(), k(e(W), {
                 key: 4,
                 tone: "warning"
               }, {
-                default: n(() => [
-                  C("p", null, l(m(a.value.enableScheduleConsent, { name: b.value.name })), 1),
-                  C("div", Tl, [
-                    h(e(A), {
+                default: t(() => [
+                  S("p", null, l(u(a.value.enableScheduleConsent, { name: $.value.name })), 1),
+                  S("div", il, [
+                    c(e(F), {
                       variant: "primary",
-                      disabled: r.value,
-                      onClick: we
+                      disabled: v.value,
+                      onClick: ce
                     }, {
-                      default: n(() => [
+                      default: t(() => [
                         g(l(a.value.confirmEnableSchedule), 1)
                       ]),
                       _: 1
                     }, 8, ["disabled"]),
-                    h(e(A), {
+                    c(e(F), {
                       variant: "secondary",
-                      disabled: r.value,
-                      onClick: f[7] || (f[7] = (c) => b.value = void 0)
+                      disabled: v.value,
+                      onClick: M[7] || (M[7] = (w) => $.value = void 0)
                     }, {
-                      default: n(() => [
+                      default: t(() => [
                         g(l(a.value.cancel), 1)
                       ]),
                       _: 1
@@ -1542,25 +1730,31 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
                   ])
                 ]),
                 _: 1
-              })) : k("", !0)
-            ], 8, Cl),
-            q.value ? (t(), $(e(Ne), {
+              })) : b("", !0)
+            ], 8, Qt),
+            q.value ? (n(), k(e(na), {
               key: 4,
               href: q.value,
-              download: J.value
+              download: X.value
             }, {
-              default: n(() => [
+              default: t(() => [
                 g(l(a.value.download), 1)
               ]),
               _: 1
-            }, 8, ["href", "download"])) : k("", !0)
-          ], 64)) : k("", !0)
+            }, 8, ["href", "download"])) : b("", !0)
+          ], 64)) : b("", !0)
         ], 64))
       ]),
       _: 1
-    }, 8, ["aria-busy", "title"]));
+    }, 8, ["aria-busy", "title", "description", "loading"]));
   }
-}), It = /* @__PURE__ */ ne(El, [["__scopeId", "data-v-d845d0a7"]]), Rl = { role: "status" }, ql = { key: 1 }, Bl = { key: 2 }, Ut = /* @__PURE__ */ le({
+}), dn = /* @__PURE__ */ de(ol, [["__scopeId", "data-v-fa2b6101"]]), ul = { class: "executor-alert" }, rl = {
+  key: 1,
+  class: "executor-summary"
+}, dl = ["data-executor-status"], vl = { class: "executor-help" }, cl = {
+  key: 0,
+  class: "executor-hint"
+}, pl = /* @__PURE__ */ oe({
   __name: "ExecutorSettings",
   props: {
     admin: { type: Boolean },
@@ -1568,300 +1762,380 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
     ctx: {}
   },
   emits: ["confirmed"],
-  setup(p, { emit: I }) {
-    const a = p, m = I, i = Ca(), d = F(() => Be(a.locale)), s = y(), o = y(""), r = y(!1), P = y(!1), v = y(!1), _ = y(), z = y(""), x = y([]), b = F(() => _.value?.scope_mode === "install-selected"), D = F(() => [{ label: d.value.homeScope, value: "home" }, ...x.value]), R = F(() => !b.value || !!z.value && D.value.some((O) => O.value === z.value)), L = F(() => b.value && !_.value?.selection), E = F(() => z.value !== _.value?.selection?.scope);
+  setup(r, { expose: T, emit: o }) {
+    const a = r, u = o, m = ia(), i = D(() => ea(a.locale)), s = y(), d = y(""), v = y(!1), p = y(!1), h = y(!1), E = y(), z = y(""), _ = y([]), $ = D(() => E.value?.scope_mode === "install-selected"), x = D(() => [{ label: i.value.homeScope, value: "home" }, ..._.value]), V = D(() => !$.value || !!z.value && x.value.some((Q) => Q.value === z.value)), I = D(() => $.value && !E.value?.selection), N = D(() => z.value !== E.value?.selection?.scope);
     let q = !1;
-    async function J(O) {
-      const H = O ?? await i.status();
-      if (q || (s.value = H, !a.ctx)) return;
-      const W = await a.ctx.call("delegate.status");
-      if (q || (_.value = W, W.scope_mode !== "install-selected")) return;
-      const j = [];
-      let ee = 0;
-      for (let N = 0; N < 128; N++) {
-        const T = await a.ctx.call("bg.browse", { offset: ee });
+    async function X(Q) {
+      const Y = Q ?? await m.status();
+      if (q || (s.value = Y, !a.ctx)) return;
+      const G = await a.ctx.call("delegate.status");
+      if (q || (E.value = G, G.scope_mode !== "install-selected")) return;
+      const le = [];
+      let L = 0;
+      for (let U = 0; U < 128; U++) {
+        const B = await a.ctx.call("bg.browse", { offset: L });
         if (q) return;
-        if (!Array.isArray(T.shares) || !Number.isSafeInteger(T.total) || T.total < 0 || !T.shares.length && ee < T.total) throw { code: "EXECUTOR_PROTOCOL" };
-        for (const B of T.shares)
-          B.isdir && B.path === "/" + B.name && !["home", "homes"].includes(B.name.toLowerCase()) && j.push({ label: B.name, value: "shared:" + B.name });
-        if (ee += T.shares.length, ee >= T.total) break;
-        if (N === 127) throw { code: "EXECUTOR_PROTOCOL" };
+        if (!Array.isArray(B.shares) || !Number.isSafeInteger(B.total) || B.total < 0 || !B.shares.length && L < B.total) throw { code: "EXECUTOR_PROTOCOL" };
+        for (const J of B.shares)
+          J.isdir && J.path === "/" + J.name && !["home", "homes"].includes(J.name.toLowerCase()) && le.push({ label: J.name, value: "shared:" + J.name });
+        if (L += B.shares.length, L >= B.total) break;
+        if (U === 127) throw { code: "EXECUTOR_PROTOCOL" };
       }
-      x.value = j, z.value = W.selection?.scope ?? W.preselection ?? "";
+      _.value = le, z.value = G.selection?.scope ?? G.preselection ?? "";
     }
-    async function G() {
-      if (!(!a.admin || r.value)) {
-        r.value = !0, v.value = !1;
+    async function ae() {
+      if (!(!a.admin || v.value)) {
+        v.value = !0, h.value = !1;
         try {
-          await J();
+          await X();
         } catch {
-          q || (v.value = !0);
+          q || (h.value = !0);
         } finally {
-          q || (r.value = !1);
+          q || (v.value = !1);
         }
       }
     }
-    async function K() {
-      if (!a.admin || r.value || !o.value || !R.value || v.value) return;
-      r.value = !0, v.value = !1;
-      const O = o.value;
-      o.value = "", P.value = !0;
+    async function Z() {
+      if (!a.admin || v.value || !d.value || !V.value || h.value) return;
+      v.value = !0, h.value = !1;
+      const Q = d.value;
+      d.value = "", p.value = !0;
       try {
-        let H = b.value ? await i.authorize(O, z.value) : await i.authorize(O);
-        await J(H), !q && b.value && H.state === "ready" && L.value && (H = await i.authorize(O, z.value), await J(H)), q || m("confirmed");
+        let Y = $.value ? await m.authorize(Q, z.value) : await m.authorize(Q);
+        await X(Y), !q && $.value && Y.state === "ready" && I.value && (Y = await m.authorize(Q, z.value), await X(Y)), q || u("confirmed");
       } catch {
-        q || (v.value = !0);
+        q || (h.value = !0);
       } finally {
-        q || (r.value = !1, P.value = !1);
+        q || (v.value = !1, p.value = !1);
       }
     }
-    return ve(() => {
-      i.subscribe?.((O) => {
-        q || (s.value = O);
-      }), G();
-    }), ue(() => {
-      q = !0, o.value = "";
-    }), (O, H) => p.admin ? (t(), $(e(ce), {
+    const H = D(() => p.value ? "confirming" : s.value ? s.value.state === "ready" ? I.value ? "scope" : "ready" : s.value.state === "needs-admin-approval" ? "needs" : "blocked" : void 0), j = D(() => ({ ready: { tone: "success", text: i.value.statusReady }, scope: { tone: "warning", text: i.value.statusScope }, needs: { tone: "warning", text: i.value.statusNeeds }, blocked: { tone: "danger", text: i.value.statusBlocked }, confirming: { tone: "info", text: i.value.statusConfirming } })[H.value ?? "confirming"]), te = D(() => $.value && !!E.value?.selection && !N.value), ne = D(() => v.value || h.value ? "" : te.value ? i.value.hintUnchanged : d.value ? "" : i.value.hintPassword);
+    return T({ refresh: ae }), ge(() => {
+      m.subscribe?.((Q) => {
+        q || (s.value = Q);
+      }), ae();
+    }), fe(() => {
+      q = !0, d.value = "";
+    }), (Q, Y) => r.admin ? (n(), k(e(he), {
       key: 0,
-      title: d.value.setupTitle,
+      title: i.value.setupTitle,
+      description: i.value.setupHelp,
+      loading: !s.value && !p.value && !h.value,
       collapsible: !1,
-      "aria-busy": r.value
+      "aria-busy": v.value
     }, {
-      default: n(() => [
-        C("p", null, l(d.value.setupHelp), 1),
-        v.value ? (t(), $(e(Q), {
+      default: t(() => [
+        h.value ? (n(), k(e(W), {
           key: 0,
           tone: "danger",
           role: "alert"
         }, {
-          default: n(() => [
-            g(l(d.value.setupError), 1)
+          default: t(() => [
+            S("span", ul, [
+              g(l(i.value.setupError), 1),
+              c(e(F), {
+                variant: "secondary",
+                size: "sm",
+                disabled: v.value,
+                onClick: ae
+              }, {
+                default: t(() => [
+                  g(l(i.value.retry), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]),
+          _: 1
+        })) : b("", !0),
+        s.value || p.value ? (n(), R("div", rl, [
+          c(e($e), {
+            label: i.value.status,
+            "label-width": "10rem"
+          }, {
+            default: t(() => [
+              S("span", {
+                role: "status",
+                "data-executor-status": H.value
+              }, [
+                c(e(Se), {
+                  tone: j.value.tone
+                }, {
+                  default: t(() => [
+                    g(l(j.value.text), 1)
+                  ]),
+                  _: 1
+                }, 8, ["tone"])
+              ], 8, dl)
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          s.value?.reason && (s.value.state === "blocked" || s.value.state === "unsupported") ? (n(), k(e($e), {
+            key: 0,
+            label: i.value.details,
+            "label-width": "10rem"
+          }, {
+            default: t(() => [
+              g(l(s.value.reason), 1)
+            ]),
+            _: 1
+          }, 8, ["label"])) : b("", !0),
+          E.value?.selection ? (n(), k(e($e), {
+            key: 1,
+            label: i.value.protectedScope,
+            "label-width": "10rem"
+          }, {
+            default: t(() => [
+              c(e(pe), {
+                path: E.value.selection.root
+              }, null, 8, ["path"])
+            ]),
+            _: 1
+          }, 8, ["label"])) : b("", !0)
+        ])) : b("", !0),
+        H.value === "needs" ? (n(), k(e(W), {
+          key: 2,
+          tone: "info"
+        }, {
+          default: t(() => [
+            g(l(i.value.needs), 1)
           ]),
           _: 1
-        })) : k("", !0),
-        C("p", Rl, l(P.value ? d.value.confirming : s.value ? s.value.state === "ready" ? L.value ? d.value.scopeNeeds : d.value.ready : s.value.state === "needs-admin-approval" ? d.value.needs : d.value.blocked : d.value.loading), 1),
-        s.value?.reason && (s.value.state === "blocked" || s.value.state === "unsupported") ? (t(), S("p", ql, l(d.value.details) + ": " + l(s.value.reason), 1)) : k("", !0),
-        _.value?.selection ? (t(), S("p", Bl, l(d.value.protectedScope) + ": " + l(_.value.selection.root), 1)) : k("", !0),
-        _.value?.mismatch ? (t(), $(e(Q), {
+        })) : H.value === "scope" ? (n(), k(e(W), {
           key: 3,
           tone: "warning"
         }, {
-          default: n(() => [
-            g(l(d.value.scopeMismatch) + " " + l(d.value.preselection) + ": " + l(_.value.preselection) + " · " + l(d.value.protectedScope) + ": " + l(_.value.selection?.root), 1)
+          default: t(() => [
+            g(l(i.value.scopeNeeds), 1)
           ]),
           _: 1
-        })) : k("", !0),
-        s.value?.state === "needs-admin-approval" || s.value?.retry || b.value && s.value?.state === "ready" ? (t(), $(e(be), {
+        })) : H.value === "blocked" ? (n(), k(e(W), {
           key: 4,
-          onSubmit: me(K, ["prevent"])
+          tone: "warning"
         }, {
-          default: n(() => [
-            b.value ? (t(), S(Z, { key: 0 }, [
-              C("p", null, l(_.value?.selection ? d.value.scopeChangeHelp : d.value.preselectionHelp), 1),
-              h(e(oe), {
-                label: d.value.scopeLabel,
+          default: t(() => [
+            g(l(i.value.blocked), 1)
+          ]),
+          _: 1
+        })) : b("", !0),
+        E.value?.mismatch ? (n(), k(e(W), {
+          key: 5,
+          tone: "warning"
+        }, {
+          default: t(() => [
+            g(l(i.value.scopeMismatch), 1)
+          ]),
+          _: 1
+        })) : b("", !0),
+        s.value?.state === "needs-admin-approval" || s.value?.retry || $.value && s.value?.state === "ready" ? (n(), k(e(Pe), {
+          key: 6,
+          direction: "vertical",
+          class: "executor-form",
+          onSubmit: ze(Z, ["prevent"])
+        }, {
+          default: t(() => [
+            $.value ? (n(), R(se, { key: 0 }, [
+              S("p", vl, l(E.value?.selection ? i.value.scopeChangeHelp : i.value.preselectionHelp), 1),
+              c(e(be), {
+                label: i.value.scopeLabel,
                 "label-for": "delegate-scope"
               }, {
-                default: n(() => [
-                  h(e(Me), {
+                default: t(() => [
+                  c(e(sa), {
                     id: "delegate-scope",
                     modelValue: z.value,
-                    "onUpdate:modelValue": H[0] || (H[0] = (W) => z.value = W),
-                    options: D.value,
-                    disabled: r.value || v.value
+                    "onUpdate:modelValue": Y[0] || (Y[0] = (G) => z.value = G),
+                    options: x.value,
+                    disabled: v.value || h.value
                   }, null, 8, ["modelValue", "options", "disabled"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : k("", !0),
-            h(e(oe), {
-              label: d.value.password,
+            ], 64)) : b("", !0),
+            c(e(be), {
+              label: i.value.password,
               "label-for": "delegate-password"
             }, {
-              default: n(() => [
-                h(e(pe), {
+              default: t(() => [
+                c(e(we), {
                   id: "delegate-password",
-                  modelValue: o.value,
-                  "onUpdate:modelValue": H[1] || (H[1] = (W) => o.value = W),
+                  modelValue: d.value,
+                  "onUpdate:modelValue": Y[1] || (Y[1] = (G) => d.value = G),
                   type: "password",
                   autocomplete: "current-password",
-                  disabled: r.value || v.value
+                  disabled: v.value || h.value
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               _: 1
             }, 8, ["label"]),
-            h(e(ke), null, {
-              default: n(() => [
-                h(e(A), {
+            c(e(Ve), null, {
+              default: t(() => [
+                c(e(F), {
                   type: "submit",
                   variant: "primary",
-                  disabled: r.value || v.value || !o.value || !R.value || b.value && !!_.value?.selection && !E.value
+                  disabled: v.value || h.value || !d.value || !V.value || te.value
                 }, {
-                  default: n(() => [
-                    g(l(b.value ? _.value?.selection ? d.value.confirmScope : d.value.confirmShare : d.value.authorize), 1)
+                  default: t(() => [
+                    g(l($.value ? E.value?.selection ? i.value.confirmScope : i.value.confirmShare : i.value.authorize), 1)
                   ]),
                   _: 1
-                }, 8, ["disabled"])
+                }, 8, ["disabled"]),
+                ne.value ? (n(), R("span", cl, l(ne.value), 1)) : b("", !0)
               ]),
               _: 1
             })
           ]),
           _: 1
-        })) : k("", !0),
-        h(e(A), {
-          variant: "secondary",
-          disabled: r.value,
-          onClick: G
-        }, {
-          default: n(() => [
-            g(l(d.value.refresh), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled"])
+        })) : b("", !0)
       ]),
       _: 1
-    }, 8, ["title", "aria-busy"])) : k("", !0);
+    }, 8, ["title", "description", "loading", "aria-busy"])) : b("", !0);
   }
-}), Ol = {
+}), vn = /* @__PURE__ */ de(pl, [["__scopeId", "data-v-868f9f3a"]]), fl = {
   key: 1,
   role: "status"
-}, Fl = {
+}, ml = {
   key: 2,
   role: "status"
-}, Ll = {
+}, yl = {
   key: 0,
   role: "status",
   class: "destination"
-}, Nl = { class: "section-heading" }, Ml = { key: 3 }, Kl = {
+}, bl = { key: 3 }, gl = {
   key: 4,
   class: "records"
-}, Hl = ["data-job-state"], Gl = ["role"], Jl = { key: 5 }, Xl = {
+}, hl = ["data-job-state"], kl = ["role"], _l = { key: 5 }, wl = {
   key: 6,
   class: "records"
-}, Ql = /* @__PURE__ */ le({
+}, xl = /* @__PURE__ */ oe({
   __name: "DelegatePanel",
   props: {
     ctx: {}
   },
-  setup(p) {
-    const I = p, a = F(() => Be(I.ctx.locale)), m = qe(I.ctx), i = y(), d = y([]), s = y([]), o = y(!1), r = y(), P = y(""), v = y(!1), _ = y(""), z = y(""), x = y("");
-    let b = !1, D, R;
-    Fe([z, _, x], () => {
-      R = void 0;
+  setup(r, { expose: T }) {
+    const o = r, a = D(() => ea(o.ctx.locale)), u = D(() => aa(o.ctx.locale)), m = je(o.ctx), i = y(), s = y([]), d = y([]), v = y(!1), p = y(), h = y(""), E = y(!1), z = y(""), _ = y(""), $ = y("");
+    let x = !1, V, I;
+    qe([_, z, $], () => {
+      I = void 0;
     }, { flush: "sync" });
-    const L = (B) => ["queued", "running", "waiting_executor"].includes(B.state), E = F(() => s.value.some((B) => B.state === "waiting_executor")), q = ["EXECUTOR_UNAVAILABLE", "EXECUTOR_TIMEOUT"], J = F(() => E.value && q.includes(r.value?.code ?? "")), G = F(() => i.value && i.value.state !== "ready" && !(E.value && i.value.state === "needs-admin-approval" && q.includes(i.value.reason ?? "")));
-    async function K() {
-      if (b) return;
-      const [B, w, U] = await Promise.allSettled([I.ctx.call("delegate.status"), I.ctx.call("delegate.list"), I.ctx.call("delegate.jobs.list")]);
-      if (!b) {
-        B.status === "fulfilled" && (i.value = B.value), w.status === "fulfilled" && (d.value = (w.value.delegations ?? []).filter((M) => !M.revoked)), U.status === "fulfilled" && (s.value = U.value.jobs ?? []);
-        for (const M of [B, w, U]) if (M.status === "rejected") throw M.reason;
+    const N = (L) => ["queued", "running", "waiting_executor"].includes(L.state), q = D(() => d.value.some((L) => L.state === "waiting_executor")), X = ["EXECUTOR_UNAVAILABLE", "EXECUTOR_TIMEOUT"], ae = D(() => q.value && X.includes(p.value?.code ?? "")), Z = D(() => i.value && i.value.state !== "ready" && !(q.value && i.value.state === "needs-admin-approval" && X.includes(i.value.reason ?? "")));
+    async function H() {
+      if (x) return;
+      const [L, U, B] = await Promise.allSettled([o.ctx.call("delegate.status"), o.ctx.call("delegate.list"), o.ctx.call("delegate.jobs.list")]);
+      if (!x) {
+        L.status === "fulfilled" && (i.value = L.value), U.status === "fulfilled" && (s.value = (U.value.delegations ?? []).filter((J) => !J.revoked)), B.status === "fulfilled" && (d.value = B.value.jobs ?? []);
+        for (const J of [L, U, B]) if (J.status === "rejected") throw J.reason;
       }
     }
-    async function O(B) {
-      if (!(o.value || b)) {
-        o.value = !0, r.value = void 0;
+    async function j(L) {
+      if (!(v.value || x)) {
+        v.value = !0, p.value = void 0;
         try {
-          await B();
-        } catch (w) {
-          b || (r.value = w);
+          await L();
+        } catch (U) {
+          x || (p.value = U);
         } finally {
-          b || (o.value = !1);
+          x || (v.value = !1);
         }
       }
     }
-    const H = () => O(K), W = (B) => O(async () => {
-      await I.ctx.call("delegate.revoke", { delegation_id: B }), await K();
-    }), j = (B) => O(async () => {
-      const w = await I.ctx.call("delegate.jobs.cancel", { id: B });
-      b || (P.value = w.revocation_pending ? a.value.pending : ""), await K();
-    }), ee = F(() => i.value?.state === "ready" && !!_.value && !!z.value && !!x.value), N = () => O(async () => {
-      ee.value && (await I.ctx.call("delegate.jobs.submit", { key: R ?? (R = crypto.randomUUID()), url: z.value, dest: _.value, name: x.value }), b || (z.value = "", x.value = "", _.value = ""), await K());
-    }), T = (B) => {
-      const w = new Date(B);
-      return Number.isNaN(w.getTime()) ? "—" : w.toLocaleString(I.ctx.locale);
+    const te = () => j(H), ne = (L) => j(async () => {
+      await o.ctx.call("delegate.revoke", { delegation_id: L }), await H();
+    }), Q = (L) => j(async () => {
+      const U = await o.ctx.call("delegate.jobs.cancel", { id: L });
+      x || (h.value = U.revocation_pending ? a.value.pending : ""), await H();
+    }), Y = D(() => i.value?.state === "ready" && !!z.value && !!_.value && !!$.value), G = () => j(async () => {
+      Y.value && (await o.ctx.call("delegate.jobs.submit", { key: I ?? (I = crypto.randomUUID()), url: _.value, dest: z.value, name: $.value }), x || (_.value = "", $.value = "", z.value = ""), await H());
+    }), le = (L) => {
+      const U = new Date(L);
+      return Number.isNaN(U.getTime()) ? "—" : U.toLocaleString(o.ctx.locale);
     };
-    return ve(() => {
-      H(), D = setInterval(() => {
-        s.value.some(L) && H();
+    return T({ refresh: te }), ge(() => {
+      te(), V = setInterval(() => {
+        d.value.some(N) && te();
       }, 3e3);
-    }), ue(() => {
-      b = !0, D && clearInterval(D), m.dispose();
-    }), (B, w) => (t(), $(e(ce), {
+    }), fe(() => {
+      x = !0, V && clearInterval(V), m.dispose();
+    }), (L, U) => (n(), k(e(he), {
       title: a.value.title,
+      description: a.value.help,
+      loading: !i.value && v.value,
       collapsible: !1,
-      "aria-busy": o.value,
+      "aria-busy": v.value,
       class: "delegate-panel"
     }, {
-      default: n(() => [
-        C("p", null, l(a.value.help), 1),
-        r.value && !J.value ? (t(), $(e(Q), {
+      default: t(() => [
+        p.value && !ae.value ? (n(), k(e(W), {
           key: 0,
           tone: "danger",
           role: "alert"
         }, {
-          default: n(() => [
-            g(l(e(je)(r.value, a.value)), 1)
+          default: t(() => [
+            g(l(e(ya)(p.value, a.value)), 1)
           ]),
           _: 1
-        })) : k("", !0),
-        P.value ? (t(), S("p", Ol, l(P.value), 1)) : k("", !0),
-        G.value ? (t(), S("p", Fl, l(i.value?.state === "needs-admin-approval" ? a.value.needs : a.value.blocked), 1)) : k("", !0),
-        h(e(be), {
-          onSubmit: me(N, ["prevent"])
+        })) : b("", !0),
+        h.value ? (n(), R("p", fl, l(h.value), 1)) : b("", !0),
+        Z.value ? (n(), R("p", ml, l(i.value?.state === "needs-admin-approval" ? a.value.needs : a.value.blocked), 1)) : b("", !0),
+        c(e(Pe), {
+          direction: "vertical",
+          onSubmit: ze(G, ["prevent"])
         }, {
-          default: n(() => [
-            h(e(oe), {
+          default: t(() => [
+            c(e(be), {
               label: a.value.url,
               "label-for": "delegate-url"
             }, {
-              default: n(() => [
-                h(e(pe), {
+              default: t(() => [
+                c(e(we), {
                   id: "delegate-url",
-                  modelValue: z.value,
-                  "onUpdate:modelValue": w[0] || (w[0] = (U) => z.value = U),
+                  modelValue: _.value,
+                  "onUpdate:modelValue": U[0] || (U[0] = (B) => _.value = B),
                   type: "url",
-                  disabled: o.value || i.value?.state !== "ready"
+                  disabled: v.value || i.value?.state !== "ready"
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               _: 1
             }, 8, ["label"]),
-            h(e(oe), {
+            c(e(be), {
               label: a.value.name,
               "label-for": "delegate-name"
             }, {
-              default: n(() => [
-                h(e(pe), {
+              default: t(() => [
+                c(e(we), {
                   id: "delegate-name",
-                  modelValue: x.value,
-                  "onUpdate:modelValue": w[1] || (w[1] = (U) => x.value = U),
+                  modelValue: $.value,
+                  "onUpdate:modelValue": U[1] || (U[1] = (B) => $.value = B),
                   "data-file-name": "",
-                  disabled: o.value || i.value?.state !== "ready"
+                  disabled: v.value || i.value?.state !== "ready"
                 }, null, 8, ["modelValue", "disabled"])
               ]),
               _: 1
             }, 8, ["label"]),
-            C("p", null, l(a.value.size), 1),
-            _.value ? (t(), S("p", Ll, l(a.value.destination) + ": " + l(_.value), 1)) : k("", !0),
-            h(e(ke), null, {
-              default: n(() => [
-                h(e(A), {
+            S("p", null, l(a.value.size), 1),
+            z.value ? (n(), R("p", yl, [
+              g(l(a.value.destination) + l(u.value), 1),
+              c(e(pe), { path: z.value }, null, 8, ["path"])
+            ])) : b("", !0),
+            c(e(Ve), null, {
+              default: t(() => [
+                c(e(F), {
                   type: "button",
                   variant: "secondary",
-                  disabled: o.value || i.value?.state !== "ready",
-                  onClick: w[2] || (w[2] = (U) => v.value = !0)
+                  disabled: v.value || i.value?.state !== "ready",
+                  onClick: U[2] || (U[2] = (B) => E.value = !0)
                 }, {
-                  default: n(() => [
+                  default: t(() => [
                     g(l(a.value.choose), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                h(e(A), {
+                c(e(F), {
                   type: "submit",
                   variant: "primary",
-                  disabled: o.value || !ee.value
+                  disabled: v.value || !Y.value
                 }, {
-                  default: n(() => [
+                  default: t(() => [
                     g(l(a.value.submit), 1)
                   ]),
                   _: 1
@@ -1872,63 +2146,53 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
           ]),
           _: 1
         }),
-        h(_e, {
-          open: v.value,
-          "onUpdate:open": w[3] || (w[3] = (U) => v.value = U),
-          locale: p.ctx.locale,
+        c(Ee, {
+          open: E.value,
+          "onUpdate:open": U[3] || (U[3] = (B) => E.value = B),
+          locale: r.ctx.locale,
           provider: e(m),
           mode: "folder",
-          onSelected: w[4] || (w[4] = (U) => _.value = U)
+          onSelected: U[4] || (U[4] = (B) => z.value = B)
         }, null, 8, ["open", "locale", "provider"]),
-        C("div", Nl, [
-          C("h3", null, l(a.value.downloads), 1),
-          h(e(A), {
-            variant: "secondary",
-            disabled: o.value,
-            onClick: H
-          }, {
-            default: n(() => [
-              g(l(a.value.refresh), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ]),
-        !s.value.length && !r.value ? (t(), S("p", Ml, l(a.value.noJobs), 1)) : (t(), S("ul", Kl, [
-          (t(!0), S(Z, null, de(s.value, (U) => (t(), S("li", {
-            key: U.id,
-            "data-job-state": U.state
+        S("h3", null, l(a.value.downloads), 1),
+        !d.value.length && !p.value ? (n(), R("p", bl, l(a.value.noJobs), 1)) : (n(), R("ul", gl, [
+          (n(!0), R(se, null, _e(d.value, (B) => (n(), R("li", {
+            key: B.id,
+            "data-job-state": B.state
           }, [
-            C("span", {
-              role: U.state === "waiting_executor" ? "status" : void 0
-            }, l(U.name) + " · " + l(a.value[U.state]), 9, Gl),
-            L(U) ? (t(), $(e(A), {
+            S("span", {
+              role: B.state === "waiting_executor" ? "status" : void 0
+            }, l(B.name) + " · " + l(a.value[B.state]), 9, kl),
+            N(B) ? (n(), k(e(F), {
               key: 0,
               variant: "secondary",
-              disabled: o.value,
-              onClick: (M) => j(U.id)
+              disabled: v.value,
+              onClick: (J) => Q(B.id)
             }, {
-              default: n(() => [
+              default: t(() => [
                 g(l(a.value.cancel), 1)
               ]),
               _: 1
-            }, 8, ["disabled", "onClick"])) : k("", !0)
-          ], 8, Hl))), 128))
+            }, 8, ["disabled", "onClick"])) : b("", !0)
+          ], 8, hl))), 128))
         ])),
-        C("h3", null, l(a.value.delegations), 1),
-        !d.value.length && !r.value ? (t(), S("p", Jl, l(a.value.noDelegations), 1)) : (t(), S("ul", Xl, [
-          (t(!0), S(Z, null, de(d.value, (U) => (t(), S("li", {
-            key: U.delegation_id
+        S("h3", null, l(a.value.delegations), 1),
+        !s.value.length && !p.value ? (n(), R("p", _l, l(a.value.noDelegations), 1)) : (n(), R("ul", wl, [
+          (n(!0), R(se, null, _e(s.value, (B) => (n(), R("li", {
+            key: B.delegation_id
           }, [
-            C("div", null, [
-              C("strong", null, l(U.path), 1),
-              C("p", null, l(a.value.expires) + ": " + l(T(U.expires_at)), 1)
+            S("div", null, [
+              c(e(pe), {
+                path: B.path
+              }, null, 8, ["path"]),
+              S("p", null, l(a.value.expires) + l(u.value) + l(le(B.expires_at)), 1)
             ]),
-            h(e(A), {
+            c(e(F), {
               variant: "secondary",
-              disabled: o.value,
-              onClick: (M) => W(U.delegation_id)
+              disabled: v.value,
+              onClick: (J) => ne(B.delegation_id)
             }, {
-              default: n(() => [
+              default: t(() => [
                 g(l(a.value.revoke), 1)
               ]),
               _: 1
@@ -1937,460 +2201,570 @@ const za = ["aria-busy", "aria-label"], Pa = { class: "file-toolbar file-locatio
         ]))
       ]),
       _: 1
-    }, 8, ["title", "aria-busy"]));
+    }, 8, ["title", "description", "loading", "aria-busy"]));
   }
-}), At = /* @__PURE__ */ ne(Ql, [["__scopeId", "data-v-d79ee942"]]), Yl = {
-  key: 1,
-  role: "status"
-}, Wl = {
+}), cn = /* @__PURE__ */ de(xl, [["__scopeId", "data-v-c590f505"]]), Cl = { class: "save-alert" }, $l = { "data-save-error": "" }, Sl = {
   key: 2,
-  role: "status"
-}, Zl = { key: 3 }, jl = {
+  class: "save-summary"
+}, zl = ["data-save-status"], Pl = {
   key: 7,
-  role: "status"
-}, et = { class: "save-actions" }, at = { key: 8 }, lt = {
-  key: 10,
+  class: "save-help"
+}, Vl = {
+  key: 8,
+  class: "save-records"
+}, Il = { class: "save-record" }, Tl = { class: "save-note" }, Al = {
+  key: 9,
   class: "save-actions"
-}, tt = { key: 12 }, nt = { class: "save-records" }, st = { class: "save-actions" }, it = { key: 14 }, ot = { class: "save-records" }, ut = ["data-job-id", "data-save-state"], rt = { key: 0 }, dt = { key: 3 }, vt = /* @__PURE__ */ le({
+}, El = {
+  key: 11,
+  class: "save-example"
+}, Ul = { class: "save-help" }, Rl = { class: "save-actions" }, Dl = {
+  key: 12,
+  class: "save-help"
+}, Bl = {
+  key: 13,
+  "data-save-operations": ""
+}, Fl = ["data-save-job", "title"], ql = {
+  key: 0,
+  class: "save-note"
+}, Ol = {
+  key: 1,
+  class: "save-note"
+}, Ll = ["data-save-state"], Nl = { key: 1 }, Ml = {
+  class: "save-danger",
+  "data-save-danger": ""
+}, Ie = 10, Kl = /* @__PURE__ */ oe({
   __name: "BackgroundSavePanel",
   props: {
     sdk: {},
     admin: { type: Boolean },
     locale: {},
-    picker: {}
+    picker: {},
+    pickerErrorText: { type: Function },
+    sampleSave: { type: Boolean }
   },
   emits: ["authorized"],
-  setup(p, { emit: I }) {
-    const a = p, m = I, i = y(!1), d = y(""), s = F(() => Re(a.locale)), o = y(), r = y([]), P = y([]), v = y(!1), _ = y(), z = y(""), x = y([]), b = F(() => a.picker && (o.value?.selection ? ea(a.picker.provider, o.value.selection.root) : o.value?.scopeMode === "install-selected" ? void 0 : a.picker.provider));
-    let D = !1, R;
-    const L = (T) => T.state === "copying" && T.code === "CANCEL_REQUESTED", E = (T) => L(T) ? "canceling" : T.state === "committed" && !T.receipt?.path ? "uncertain" : T.state, q = (T) => ["queued", "copying"].includes(T.state) && !L(T);
-    function J() {
-      o.value = void 0, r.value = [], P.value = [], x.value = [], i.value = !1;
+  setup(r, { expose: T, emit: o }) {
+    const a = r, u = o, m = y(!1), i = y(""), s = D(() => Ze(a.locale)), d = y(), v = y([]), p = y([]), h = y(!1), E = y(), z = y(""), _ = y(!1), $ = y([]), x = D(() => a.picker && (d.value?.selection ? ba(a.picker.provider, d.value.selection.root) : d.value?.scopeMode === "install-selected" ? void 0 : a.picker.provider));
+    let V = !1, I;
+    const N = (K) => K.state === "copying" && K.code === "CANCEL_REQUESTED", q = (K) => N(K) ? "canceling" : K.state === "committed" && !K.receipt?.path ? "uncertain" : K.state, X = (K) => ["queued", "copying"].includes(K.state) && !N(K);
+    function ae() {
+      d.value = void 0, v.value = [], p.value = [], $.value = [], m.value = !1;
     }
-    async function G() {
-      const [T, B, w, U] = await Promise.all([a.sdk.status(), a.sdk.list(), a.sdk.operations(), Promise.all((a.picker?.keys ?? []).map((M) => a.sdk.destination(M)))]);
-      if (!D) {
-        if (!T || typeof T.disabled != "boolean" || !Array.isArray(B) || !Array.isArray(w)) throw { code: "unavailable" };
-        (o.value?.selection?.generation !== T.selection?.generation || o.value?.selection?.scope !== T.selection?.scope) && (i.value = !1), o.value = T, r.value = U.length ? B.filter((M) => U.some((Y) => Y.status === "active" && Y.destination?.id === M.id)) : B, P.value = w, x.value = U;
+    async function Z() {
+      const [K, ee, O, C] = await Promise.all([a.sdk.status(), a.sdk.list(), a.sdk.operations(), Promise.all((a.picker?.keys ?? []).map((P) => a.sdk.destination(P)))]);
+      if (!V) {
+        if (!K || typeof K.disabled != "boolean" || !Array.isArray(ee) || !Array.isArray(O)) throw { code: "unavailable" };
+        (d.value?.selection?.generation !== K.selection?.generation || d.value?.selection?.scope !== K.selection?.scope) && (m.value = !1), d.value = K, v.value = C.length ? ee.filter((P) => C.some((A) => A.status === "active" && A.destination?.id === P.id)) : ee, p.value = O, $.value = C;
       }
     }
-    async function K(T) {
-      if (!(D || v.value)) {
-        v.value = !0, _.value = void 0, z.value = "";
+    async function H(K) {
+      if (!(V || h.value)) {
+        h.value = !0, E.value = void 0, z.value = "", _.value = !1;
         try {
-          await T();
-        } catch (B) {
-          D || (J(), _.value = B);
+          await K();
+        } catch (ee) {
+          V || (ae(), E.value = ee);
         } finally {
-          D || (v.value = !1);
+          V || (h.value = !1);
         }
       }
     }
-    const O = () => K(G);
-    function H(T) {
-      m("authorized", T), O();
+    const j = () => H(Z);
+    function te(K) {
+      u("authorized", K), j();
     }
-    const W = (T) => K(async () => {
-      if ((await a.sdk.revoke({ delegation_id: T }))?.revoked !== !0) throw { code: "commit-uncertain" };
-      await G(), D || (z.value = s.value.revoked);
-    }), j = (T) => K(async () => {
-      await a.sdk.cancel({ delegation_id: T.delegation_id, job_id: T.job_id }), await G();
-    }), ee = () => K(async () => {
-      if (!a.admin || !o.value) return;
-      const T = o.value.disabled;
-      if ((T ? await a.sdk.enable() : await a.sdk.disable())?.disabled !== !T) throw { code: "commit-uncertain" };
-      await G();
-    }), N = (T) => K(async () => {
-      const B = "example-" + Array.from(crypto.getRandomValues(new Uint8Array(16)), (w) => w.toString(16).padStart(2, "0")).join("");
-      await a.sdk.exportExample({ key: T, job_id: B }), await G();
-    });
-    return ve(() => {
-      O(), R = setInterval(() => {
-        P.value.some(q) && O();
+    function ne(K) {
+      V || (z.value = "", E.value = K, _.value = !0);
+    }
+    const Q = D(() => _.value ? a.pickerErrorText?.(E.value) ?? Te(E.value, s.value, "select") : Te(E.value, s.value)), Y = (K) => H(async () => {
+      if ((await a.sdk.revoke({ delegation_id: K }))?.revoked !== !0) throw { code: "commit-uncertain" };
+      await Z(), V || (z.value = s.value.revoked);
+    }), G = (K) => H(async () => {
+      await a.sdk.cancel({ delegation_id: K.delegation_id, job_id: K.job_id }), await Z();
+    }), le = () => H(async () => {
+      if (!a.admin || !d.value) return;
+      const K = d.value.disabled;
+      if ((K ? await a.sdk.enable() : await a.sdk.disable())?.disabled !== !K) throw { code: "commit-uncertain" };
+      await Z();
+    }), L = (K) => H(async () => {
+      const ee = "example-" + Array.from(crypto.getRandomValues(new Uint8Array(16)), (O) => O.toString(16).padStart(2, "0")).join("");
+      await a.sdk.exportExample({ key: K, job_id: ee }), await Z();
+    }), U = y(1), B = D(() => p.value.slice((U.value - 1) * Ie, U.value * Ie)), J = D(() => [{ key: "name", label: s.value.file }, { key: "state", label: s.value.status, width: "6.5rem" }, { key: "size", label: s.value.size, width: "6rem", align: "right" }, { key: "location", label: s.value.location, width: "30%" }, { key: "actions", label: "", width: "7.5rem" }]), ue = (K) => ({ committed: "success", canceled: "neutral", canceling: "neutral", interrupted: "danger", uncertain: "warning" })[q(K)] ?? "info", xe = (K) => K.slice(0, K.lastIndexOf("/")) || "/", Ce = D(() => d.value?.scopeMode === "install-selected" && !d.value.selection), ve = D(() => d.value ? d.value.disabled ? "disabled" : Ce.value ? "needs-scope" : "enabled" : void 0), ce = (K) => a.picker?.labels?.[K] ? `${s.value.choose}${me.value}${a.picker.labels[K]}` : s.value.choose, re = (K) => a.picker?.labels?.[K] ? `${s.value.example}${me.value}${a.picker.labels[K]}` : s.value.example, me = D(() => aa(a.locale));
+    return T({ refresh: j }), ge(() => {
+      j(), I = setInterval(() => {
+        p.value.some(X) && j();
       }, 3e3);
-    }), ue(() => {
-      D = !0, R && clearInterval(R);
-    }), (T, B) => (t(), $(e(ce), {
+    }), fe(() => {
+      V = !0, I && clearInterval(I);
+    }), (K, ee) => (n(), k(e(he), {
       title: s.value.title,
+      description: s.value.help,
+      loading: h.value && !d.value && !E.value,
       collapsible: !1,
-      "aria-busy": v.value,
+      "aria-busy": h.value,
       class: "background-save-panel"
-    }, {
-      default: n(() => [
-        C("p", null, l(s.value.help), 1),
-        _.value ? (t(), $(e(Q), {
+    }, Oe({
+      default: t(() => [
+        E.value ? (n(), k(e(W), {
           key: 0,
           tone: "danger",
           role: "alert",
           class: "save-message"
         }, {
-          default: n(() => [
-            g(l(e(Ve)(_.value, s.value)), 1)
+          default: t(() => [
+            S("span", Cl, [
+              S("span", $l, l(Q.value), 1),
+              c(e(F), {
+                variant: "secondary",
+                size: "sm",
+                disabled: h.value,
+                onClick: j
+              }, {
+                default: t(() => [
+                  g(l(s.value.retry), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
           ]),
           _: 1
-        })) : k("", !0),
-        v.value && !o.value ? (t(), S("p", Yl, l(s.value.loading), 1)) : k("", !0),
-        z.value ? (t(), S("p", Wl, l(z.value), 1)) : k("", !0),
-        o.value?.selection ? (t(), S("p", Zl, [
-          C("strong", null, l(s.value.scope), 1),
-          g(": " + l(o.value.selection.root), 1)
-        ])) : k("", !0),
-        o.value?.mismatch ? (t(), $(e(Q), {
-          key: 4,
+        })) : b("", !0),
+        z.value ? (n(), k(e(W), {
+          key: 1,
+          tone: "success",
+          role: "status"
+        }, {
+          default: t(() => [
+            g(l(z.value), 1)
+          ]),
+          _: 1
+        })) : b("", !0),
+        d.value ? (n(), R("div", Sl, [
+          c(e($e), {
+            label: s.value.status,
+            "label-width": "10rem"
+          }, {
+            default: t(() => [
+              S("span", {
+                role: "status",
+                "data-save-status": ve.value
+              }, [
+                c(e(Se), {
+                  tone: ve.value === "enabled" ? "success" : ve.value === "disabled" ? "neutral" : "warning"
+                }, {
+                  default: t(() => [
+                    g(l(ve.value === "enabled" ? s.value.statusEnabled : ve.value === "disabled" ? s.value.statusDisabled : s.value.statusNeedsScope), 1)
+                  ]),
+                  _: 1
+                }, 8, ["tone"])
+              ], 8, zl)
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          d.value.selection ? (n(), k(e($e), {
+            key: 0,
+            label: s.value.scope,
+            "label-width": "10rem",
+            "data-save-scope": ""
+          }, {
+            default: t(() => [
+              c(e(pe), {
+                path: d.value.selection.root
+              }, null, 8, ["path"])
+            ]),
+            _: 1
+          }, 8, ["label"])) : b("", !0)
+        ])) : b("", !0),
+        d.value?.mismatch ? (n(), k(e(W), {
+          key: 3,
           tone: "warning"
         }, {
-          default: n(() => [
-            g(l(s.value.scopeMismatch) + " " + l(o.value.preselection) + " → " + l(o.value.selection?.root), 1)
+          default: t(() => [
+            g(l(s.value.scopeMismatch) + " " + l(d.value.preselection) + " → " + l(d.value.selection?.root), 1)
           ]),
           _: 1
-        })) : k("", !0),
-        o.value?.scopeMode === "install-selected" && !o.value.selection ? (t(), $(e(Q), {
-          key: 5,
+        })) : b("", !0),
+        Ce.value ? (n(), k(e(W), {
+          key: 4,
           tone: "warning"
         }, {
-          default: n(() => [
+          default: t(() => [
             g(l(s.value.scopeNeeds), 1)
           ]),
           _: 1
-        })) : k("", !0),
-        o.value?.disabled ? (t(), $(e(Q), {
-          key: 6,
+        })) : b("", !0),
+        d.value?.disabled ? (n(), k(e(W), {
+          key: 5,
           tone: "warning",
-          role: "status",
           class: "save-message"
         }, {
-          default: n(() => [
+          default: t(() => [
             g(l(s.value.disabled), 1)
           ]),
           _: 1
-        })) : o.value && !(o.value.scopeMode === "install-selected" && !o.value.selection) ? (t(), S("p", jl, l(s.value.enabled), 1)) : k("", !0),
-        C("div", et, [
-          h(e(A), {
-            variant: "secondary",
-            disabled: v.value,
-            onClick: O
-          }, {
-            default: n(() => [
-              g(l(s.value.refresh), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          p.admin && o.value ? (t(), $(e(A), {
-            key: 0,
-            variant: o.value.disabled ? "secondary" : "danger",
-            disabled: v.value,
-            onClick: ee
-          }, {
-            default: n(() => [
-              g(l(o.value.disabled ? s.value.enable : s.value.disable), 1)
-            ]),
-            _: 1
-          }, 8, ["variant", "disabled"])) : k("", !0)
-        ]),
-        p.admin && o.value ? (t(), S("p", at, l(s.value.disableHelp), 1)) : k("", !0),
-        C("h3", null, l(s.value.delegations), 1),
-        x.value.some((w) => w.status === "reselection-required") ? (t(), $(e(Q), {
-          key: 9,
+        })) : b("", !0),
+        S("h3", null, l(s.value.delegations), 1),
+        $.value.some((O) => O.status === "reselection-required") ? (n(), k(e(W), {
+          key: 6,
           tone: "warning"
         }, {
-          default: n(() => [
+          default: t(() => [
             g(l(s.value.reselect), 1)
           ]),
           _: 1
-        })) : k("", !0),
-        p.picker ? (t(), S("div", lt, [
-          (t(!0), S(Z, null, de(p.picker.keys, (w) => (t(), $(e(A), {
-            key: w,
-            variant: "secondary",
-            disabled: v.value || !o.value || o.value.disabled || !b.value,
-            onClick: (U) => {
-              d.value = w, i.value = !0;
-            }
-          }, {
-            default: n(() => [
-              g(l(s.value.choose) + " (" + l(w) + ")", 1)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "onClick"]))), 128))
-        ])) : k("", !0),
-        b.value ? (t(), $(_e, {
-          key: o.value?.selection?.scope,
-          open: i.value,
-          "onUpdate:open": B[0] || (B[0] = (w) => i.value = w),
-          provider: b.value,
-          locale: p.locale,
-          mode: "folder",
-          destination: { key: d.value, selectDestination: p.sdk.selectDestination },
-          onAuthorized: H
-        }, null, 8, ["open", "provider", "locale", "destination"])) : k("", !0),
-        o.value && !r.value.length ? (t(), S("p", tt, l(s.value.empty), 1)) : k("", !0),
-        C("ul", nt, [
-          (t(!0), S(Z, null, de(r.value, (w) => (t(), S("li", {
-            key: w.id
+        })) : b("", !0),
+        d.value && !v.value.length ? (n(), R("p", Pl, l(s.value.empty), 1)) : b("", !0),
+        v.value.length ? (n(), R("ul", Vl, [
+          (n(!0), R(se, null, _e(v.value, (O) => (n(), R("li", {
+            key: O.id
           }, [
-            C("div", null, [
-              C("strong", null, l(w.path), 1),
-              C("p", null, l(s.value.untilRevoked), 1)
+            S("div", Il, [
+              c(e(pe), {
+                path: O.path
+              }, null, 8, ["path"]),
+              S("span", Tl, l(s.value.untilRevoked), 1)
             ]),
-            h(e(A), {
+            c(e(F), {
               variant: "secondary",
-              disabled: v.value,
-              onClick: (U) => W(w.id)
+              disabled: h.value,
+              onClick: (C) => Y(O.id)
             }, {
-              default: n(() => [
+              default: t(() => [
                 g(l(s.value.revoke), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
           ]))), 128))
-        ]),
-        x.value.some((w) => w.status === "active") ? (t(), S(Z, { key: 13 }, [
-          C("p", null, l(s.value.exampleHelp), 1),
-          C("div", st, [
-            (t(!0), S(Z, null, de(x.value.filter((w) => w.status === "active"), (w) => (t(), $(e(A), {
-              key: w.key,
+        ])) : b("", !0),
+        r.picker ? (n(), R("div", Al, [
+          (n(!0), R(se, null, _e(r.picker.keys, (O) => (n(), k(e(F), {
+            key: O,
+            variant: "secondary",
+            disabled: h.value || !d.value || d.value.disabled || !x.value,
+            onClick: (C) => {
+              i.value = O, m.value = !0;
+            }
+          }, {
+            default: t(() => [
+              g(l(ce(O)), 1)
+            ]),
+            _: 2
+          }, 1032, ["disabled", "onClick"]))), 128))
+        ])) : b("", !0),
+        x.value ? (n(), k(Ee, {
+          key: d.value?.selection?.scope,
+          open: m.value,
+          "onUpdate:open": ee[0] || (ee[0] = (O) => m.value = O),
+          provider: x.value,
+          locale: r.locale,
+          mode: "folder",
+          destination: { key: i.value, selectDestination: r.sdk.selectDestination },
+          onAuthorized: te,
+          onRefused: ne,
+          "error-text": r.pickerErrorText
+        }, null, 8, ["open", "provider", "locale", "destination", "error-text"])) : b("", !0),
+        r.sampleSave && $.value.some((O) => O.status === "active") ? (n(), R("div", El, [
+          S("p", Ul, l(s.value.exampleHelp), 1),
+          S("div", Rl, [
+            (n(!0), R(se, null, _e($.value.filter((O) => O.status === "active"), (O) => (n(), k(e(F), {
+              key: O.key,
               variant: "secondary",
-              disabled: v.value || o.value?.disabled,
-              onClick: (U) => N(w.key)
+              disabled: h.value || d.value?.disabled,
+              onClick: (C) => L(O.key)
             }, {
-              default: n(() => [
-                g(l(s.value.example) + " (" + l(w.key) + ")", 1)
+              default: t(() => [
+                g(l(re(O.key)), 1)
               ]),
               _: 2
             }, 1032, ["disabled", "onClick"]))), 128))
           ])
-        ], 64)) : k("", !0),
-        C("h3", null, l(s.value.operations), 1),
-        o.value && !P.value.length ? (t(), S("p", it, l(s.value.noOperations), 1)) : k("", !0),
-        C("ul", ot, [
-          (t(!0), S(Z, null, de(P.value, (w) => (t(), S("li", {
-            key: w.job_id,
-            "data-job-id": w.job_id,
-            "data-save-state": E(w)
-          }, [
-            C("div", null, [
-              C("strong", null, l(w.name), 1),
-              C("p", null, l(s.value[E(w)]) + " · " + l(w.job_id), 1),
-              E(w) === "committed" ? (t(), S("p", rt, l(w.receipt?.path), 1)) : k("", !0),
-              E(w) === "uncertain" ? (t(), $(e(Q), {
-                key: 1,
-                tone: "warning",
-                class: "save-message"
+        ])) : b("", !0),
+        S("h3", null, l(s.value.operations), 1),
+        d.value && !p.value.length ? (n(), R("p", Dl, l(s.value.noOperations), 1)) : b("", !0),
+        p.value.length ? (n(), R("div", Bl, [
+          c(e(Oa), {
+            columns: J.value,
+            rows: B.value,
+            "row-key": "job_id"
+          }, {
+            "cell-name": t(({ row: O }) => [
+              S("span", {
+                class: "save-name",
+                "data-save-job": O.job_id,
+                title: O.name
+              }, l(O.name), 9, Fl),
+              q(O) === "uncertain" ? (n(), R("p", ql, l(s.value.uncertainHelp), 1)) : q(O) === "interrupted" ? (n(), R("p", Ol, l(O.code ? e(Te)({ code: O.code }, s.value) : s.value.interruptedHelp), 1)) : b("", !0)
+            ]),
+            "cell-state": t(({ row: O }) => [
+              S("span", {
+                "data-save-state": q(O)
+              }, [
+                c(e(Se), {
+                  tone: ue(O)
+                }, {
+                  default: t(() => [
+                    g(l(s.value[q(O)]), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tone"])
+              ], 8, Ll)
+            ]),
+            "cell-size": t(({ row: O }) => [
+              g(l(O.receipt?.size !== void 0 ? e(La)(O.receipt.size) : "—"), 1)
+            ]),
+            "cell-location": t(({ row: O }) => [
+              q(O) === "committed" ? (n(), k(e(pe), {
+                key: 0,
+                path: O.receipt.path
+              }, null, 8, ["path"])) : (n(), R("span", Nl, "—"))
+            ]),
+            "cell-actions": t(({ row: O }) => [
+              q(O) === "committed" ? (n(), k(e(F), {
+                key: 0,
+                variant: "ghost",
+                size: "sm",
+                "aria-label": s.value.openFolder,
+                title: s.value.openFolder,
+                onClick: (C) => e(ga)(xe(O.receipt.path))
               }, {
-                default: n(() => [
-                  g(l(s.value.uncertainHelp), 1)
+                default: t(() => [
+                  c(e(Wa), {
+                    class: "save-icon",
+                    "aria-hidden": "true"
+                  })
                 ]),
                 _: 1
-              })) : E(w) === "interrupted" ? (t(), $(e(Q), {
-                key: 2,
-                tone: "warning",
-                class: "save-message"
+              }, 8, ["aria-label", "title", "onClick"])) : b("", !0),
+              X(O) ? (n(), k(e(F), {
+                key: 1,
+                variant: "secondary",
+                size: "sm",
+                disabled: h.value,
+                onClick: (C) => G(O)
               }, {
-                default: n(() => [
-                  g(l(s.value.interruptedHelp), 1)
+                default: t(() => [
+                  g(l(s.value.cancel), 1)
                 ]),
                 _: 1
-              })) : k("", !0),
-              E(w) === "interrupted" && w.code ? (t(), S("p", dt, l(e(Ve)({ code: w.code }, s.value)), 1)) : k("", !0)
+              }, 8, ["disabled", "onClick"])) : b("", !0)
             ]),
-            q(w) ? (t(), $(e(A), {
-              key: 0,
-              variant: "secondary",
-              disabled: v.value,
-              onClick: (U) => j(w)
+            _: 1
+          }, 8, ["columns", "rows"]),
+          p.value.length > Ie ? (n(), k(e(Na), {
+            key: 0,
+            modelValue: U.value,
+            "onUpdate:modelValue": ee[1] || (ee[1] = (O) => U.value = O),
+            total: p.value.length,
+            "page-size": Ie,
+            class: "save-pages"
+          }, null, 8, ["modelValue", "total"])) : b("", !0)
+        ])) : b("", !0)
+      ]),
+      _: 2
+    }, [
+      r.admin && d.value ? {
+        name: "footer",
+        fn: t(() => [
+          S("div", Ml, [
+            S("p", null, l(s.value.disableHelp), 1),
+            c(e(F), {
+              variant: d.value.disabled ? "secondary" : "danger",
+              disabled: h.value,
+              onClick: le
             }, {
-              default: n(() => [
-                g(l(s.value.cancel), 1)
+              default: t(() => [
+                g(l(d.value.disabled ? s.value.enable : s.value.disable), 1)
               ]),
               _: 1
-            }, 8, ["disabled", "onClick"])) : k("", !0)
-          ], 8, ut))), 128))
-        ])
-      ]),
-      _: 1
-    }, 8, ["title", "aria-busy"]));
+            }, 8, ["variant", "disabled"])
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["title", "description", "loading", "aria-busy"]));
   }
-}), Dt = /* @__PURE__ */ ne(vt, [["__scopeId", "data-v-c38db985"]]), He = /* @__PURE__ */ Symbol("authorization");
-function ct() {
-  const p = Oe(He, void 0);
-  if (!p) throw Error("authorization controls must be placed inside AuthorizationGate");
-  return p;
+}), pn = /* @__PURE__ */ de(Kl, [["__scopeId", "data-v-5ef5e256"]]), ra = /* @__PURE__ */ Symbol("authorization");
+function Hl() {
+  const r = ta(ra, void 0);
+  if (!r) throw Error("authorization controls must be placed inside AuthorizationGate");
+  return r;
 }
-const ft = { class: "authorization-content" }, pt = ["aria-busy", "data-authorization-state"], yt = { class: "authorization-body" }, mt = /* @__PURE__ */ le({
+const Gl = { class: "authorization-content" }, Jl = ["aria-busy", "data-authorization-state"], Wl = { class: "authorization-body" }, Xl = /* @__PURE__ */ oe({
   __name: "AuthorizationGate",
   props: {
     ctx: {},
     name: {}
   },
   emits: ["ready"],
-  setup(p, { emit: I }) {
-    const a = p, m = I, i = y(), d = y(), s = y(!1), o = y(!1), r = y(!1);
-    let P = [], v = !1, _ = 0, z = !1, x;
-    const b = F(() => aa(a.ctx.locale, a.name ?? a.ctx.displayName ?? "")), D = F(() => i.value || d.value), R = F(() => D.value?.state === "authorization_required"), L = F(() => ["helper_untrusted", "cli_untrusted"].includes(D.value?.reason || "")), E = F(() => R.value && !L.value), q = F(() => D.value?.reason === "credential_not_ready" ? "credential" : "unavailable"), J = F(() => D.value ? R.value ? b.value("title") : D.value.state === "ready" ? b.value("ready") : D.value.state === "not_admin" ? b.value("not_admin.title") : D.value.state === "session_expired" ? b.value("session_expired.title") : b.value(q.value + ".title") : b.value("checking")), G = F(() => R.value ? b.value("purpose") : D.value?.state === "not_admin" ? b.value("not_admin.body") : D.value?.state === "session_expired" ? b.value("session_expired.body") : D.value?.state === "unavailable" ? b.value(q.value + ".body") : b.value("purpose")), K = ["grant_missing", "upgrade_reapproval", "helper_untrusted", "cli_untrusted", "grant_incompatible", "package_identity_changed", "maintenance_task_missing", "maintenance_task_mismatch", "helper_health_rejected", "capability_missing"], O = F(() => K.includes(D.value?.reason || "") ? D.value.reason : "unknown"), H = F(() => L.value ? "next.reinstall" : O.value === "grant_missing" ? "next.install" : O.value === "upgrade_reapproval" || O.value === "grant_incompatible" ? "next.update" : "next.repair");
-    function W(U) {
-      if (!U || U.command !== "authorization" || U.schema_version !== 1 || !["ready", "authorization_required", "not_admin", "session_expired", "unavailable"].includes(U.state) || U.reason === "upgrade_reapproval" && U.state !== "authorization_required") throw Error("invalid status");
-      return U;
+  setup(r, { emit: T }) {
+    const o = r, a = T, u = y(), m = y(), i = y(!1), s = y(!1), d = y(!1);
+    let v = [], p = !1, h = 0, E = !1, z;
+    const _ = D(() => ha(o.ctx.locale, o.name ?? o.ctx.displayName ?? "")), $ = D(() => u.value || m.value), x = D(() => $.value?.state === "authorization_required"), V = D(() => ["helper_untrusted", "cli_untrusted"].includes($.value?.reason || "")), I = D(() => x.value && !V.value), N = D(() => $.value?.reason === "credential_not_ready" ? "credential" : "unavailable"), q = D(() => $.value ? x.value ? _.value("title") : $.value.state === "ready" ? _.value("ready") : $.value.state === "not_admin" ? _.value("not_admin.title") : $.value.state === "session_expired" ? _.value("session_expired.title") : _.value(N.value + ".title") : _.value("checking")), X = D(() => x.value ? _.value("purpose") : $.value?.state === "not_admin" ? _.value("not_admin.body") : $.value?.state === "session_expired" ? _.value("session_expired.body") : $.value?.state === "unavailable" ? _.value(N.value + ".body") : _.value("purpose")), ae = ["grant_missing", "upgrade_reapproval", "helper_untrusted", "cli_untrusted", "grant_incompatible", "package_identity_changed", "maintenance_task_missing", "maintenance_task_mismatch", "helper_health_rejected", "capability_missing"], Z = D(() => ae.includes($.value?.reason || "") ? $.value.reason : "unknown"), H = D(() => V.value ? "next.reinstall" : Z.value === "grant_missing" ? "next.install" : Z.value === "upgrade_reapproval" || Z.value === "grant_incompatible" ? "next.update" : "next.repair");
+    function j(L) {
+      if (!L || L.command !== "authorization" || L.schema_version !== 1 || !["ready", "authorization_required", "not_admin", "session_expired", "unavailable"].includes(L.state) || L.reason === "upgrade_reapproval" && L.state !== "authorization_required") throw Error("invalid status");
+      return L;
     }
-    const j = [1e3, 3e3];
-    async function ee(U) {
-      const M = U === "status" && !r.value ? j : [];
-      for (let Y = 0; ; Y++) {
+    const te = [1e3, 3e3];
+    async function ne(L) {
+      const U = L === "status" && !d.value ? te : [];
+      for (let B = 0; ; B++) {
         try {
-          const ae = W(await a.ctx.authorization?.[U]());
-          if (ae.state !== "unavailable" || Y >= M.length) return ae;
-        } catch (ae) {
-          if (ae.code === "session_required" || Y >= M.length) throw ae;
+          const J = j(await o.ctx.authorization?.[L]());
+          if (J.state !== "unavailable" || B >= U.length) return J;
+        } catch (J) {
+          if (J.code === "session_required" || B >= U.length) throw J;
         }
-        if (await new Promise((ae) => setTimeout(ae, M[Y])), v) throw Error("disposed");
+        if (await new Promise((J) => setTimeout(J, U[B])), p) throw Error("disposed");
       }
     }
-    async function N(U) {
-      if (s.value || v) return;
-      const M = ++_;
-      d.value = U === "request" && i.value?.state === "authorization_required" ? i.value : void 0, s.value = !0, o.value = !1, i.value = void 0;
+    async function Q(L) {
+      if (i.value || p) return;
+      const U = ++h;
+      m.value = L === "request" && u.value?.state === "authorization_required" ? u.value : void 0, i.value = !0, s.value = !1, u.value = void 0;
       try {
-        const Y = await ee(U);
-        if (v || M !== _) return;
-        i.value = Y, r.value = Y.state !== "ready", Y.state === "ready" && T(!0), Y.state === "ready" && m("ready");
-      } catch (Y) {
-        !v && M === _ && (i.value = Y.code === "session_required" ? { command: "authorization", schema_version: 1, state: "session_expired", reason: "session_expired" } : d.value || { command: "authorization", schema_version: 1, state: "unavailable", reason: "service_unavailable" }, o.value = !0, r.value = !0);
+        const B = await ne(L);
+        if (p || U !== h) return;
+        u.value = B, d.value = B.state !== "ready", B.state === "ready" && Y(!0), B.state === "ready" && a("ready");
+      } catch (B) {
+        !p && U === h && (u.value = B.code === "session_required" ? { command: "authorization", schema_version: 1, state: "session_expired", reason: "session_expired" } : m.value || { command: "authorization", schema_version: 1, state: "unavailable", reason: "service_unavailable" }, s.value = !0, d.value = !0);
       } finally {
-        !v && M === _ && (s.value = !1, d.value = void 0, z && (z = !1, N("status")));
+        !p && U === h && (i.value = !1, m.value = void 0, E && (E = !1, Q("status")));
       }
     }
-    function T(U) {
-      const M = P;
-      P = [], M.forEach((Y) => Y(U));
+    function Y(L) {
+      const U = v;
+      v = [], U.forEach((B) => B(L));
     }
-    function B(U) {
-      r.value = U, U || T(!1);
+    function G(L) {
+      d.value = L, L || Y(!1);
     }
-    function w() {
-      return i.value?.state === "ready" ? Promise.resolve(!0) : (s.value || (r.value = !0), new Promise((U) => P.push(U)));
+    function le() {
+      return u.value?.state === "ready" ? Promise.resolve(!0) : (i.value || (d.value = !0), new Promise((L) => v.push(L)));
     }
-    return sa(He, { state: F(() => i.value?.state ?? "checking"), requireAuthorization: w, text: b, busy: s, canManage: () => !!a.ctx.authorization?.canManage?.(), revoke: () => N("revoke") }), ve(() => {
-      x = a.ctx.reopen(() => {
-        s.value ? z = !0 : N("status");
-      }), N("status");
-    }), Le(() => {
-      v = !0, _++, T(!1), typeof x == "function" && x();
-    }), (U, M) => (t(), S(Z, null, [
-      C("div", ft, [
-        Ie(U.$slots, "default", {}, void 0, !0)
+    return Pa(ra, { state: D(() => u.value?.state ?? "checking"), requireAuthorization: le, text: _, busy: i, canManage: () => !!o.ctx.authorization?.canManage?.(), revoke: () => Q("revoke") }), ge(() => {
+      z = o.ctx.reopen(() => {
+        i.value ? E = !0 : Q("status");
+      }), Q("status");
+    }), la(() => {
+      p = !0, h++, Y(!1), typeof z == "function" && z();
+    }), (L, U) => (n(), R(se, null, [
+      S("div", Gl, [
+        ke(L.$slots, "default", {}, void 0, !0)
       ]),
-      h(e(Ae), {
-        open: r.value,
-        title: J.value,
+      c(e(Le), {
+        open: d.value,
+        title: q.value,
         width: "480px",
-        "onUpdate:open": B
+        "onUpdate:open": G
       }, {
-        footer: n(() => [
-          E.value ? (t(), $(e(A), {
+        footer: t(() => [
+          I.value ? (n(), k(e(F), {
             key: 0,
             variant: "primary",
-            loading: s.value,
-            disabled: s.value,
-            onClick: M[0] || (M[0] = (Y) => N("request"))
+            loading: i.value,
+            disabled: i.value,
+            onClick: U[0] || (U[0] = (B) => Q("request"))
           }, {
-            default: n(() => [
-              g(l(s.value ? b.value("authorizing") : b.value("authorize")), 1)
+            default: t(() => [
+              g(l(i.value ? _.value("authorizing") : _.value("authorize")), 1)
             ]),
             _: 1
-          }, 8, ["loading", "disabled"])) : (t(), $(e(A), {
+          }, 8, ["loading", "disabled"])) : (n(), k(e(F), {
             key: 1,
             variant: "primary",
-            loading: s.value,
-            disabled: s.value,
-            onClick: M[1] || (M[1] = (Y) => N("status"))
+            loading: i.value,
+            disabled: i.value,
+            onClick: U[1] || (U[1] = (B) => Q("status"))
           }, {
-            default: n(() => [
-              g(l(s.value ? b.value("checking") : b.value("retry")), 1)
+            default: t(() => [
+              g(l(i.value ? _.value("checking") : _.value("retry")), 1)
             ]),
             _: 1
           }, 8, ["loading", "disabled"]))
         ]),
-        default: n(() => [
-          C("div", {
+        default: t(() => [
+          S("div", {
             class: "authorization-view",
-            "aria-busy": s.value,
-            "data-authorization-state": i.value?.state || "checking"
+            "aria-busy": i.value,
+            "data-authorization-state": u.value?.state || "checking"
           }, [
-            C("p", yt, l(G.value), 1),
-            R.value ? (t(), $(e(Q), {
+            S("p", Wl, l(X.value), 1),
+            x.value ? (n(), k(e(W), {
               key: 0,
               class: "authorization-status",
-              tone: ["grant_missing", "upgrade_reapproval"].includes(O.value) ? "info" : "warning",
-              title: b.value("reason." + O.value)
+              tone: ["grant_missing", "upgrade_reapproval"].includes(Z.value) ? "info" : "warning",
+              title: _.value("reason." + Z.value)
             }, {
-              default: n(() => [
-                g(l(b.value(H.value)), 1)
+              default: t(() => [
+                g(l(_.value(H.value)), 1)
               ]),
               _: 1
-            }, 8, ["tone", "title"])) : k("", !0),
-            o.value ? (t(), $(e(Q), {
+            }, 8, ["tone", "title"])) : b("", !0),
+            s.value ? (n(), k(e(W), {
               key: 1,
               class: "authorization-failed",
               tone: "warning"
             }, {
-              default: n(() => [
-                g(l(b.value("failed")), 1)
+              default: t(() => [
+                g(l(_.value("failed")), 1)
               ]),
               _: 1
-            })) : k("", !0)
-          ], 8, pt)
+            })) : b("", !0)
+          ], 8, Jl)
         ]),
         _: 1
       }, 8, ["open", "title"])
     ], 64));
   }
-}), Tt = /* @__PURE__ */ ne(mt, [["__scopeId", "data-v-e16b5f7d"]]), bt = { class: "authorization-setting" }, kt = {
+}), fn = /* @__PURE__ */ de(Xl, [["__scopeId", "data-v-e16b5f7d"]]), Ql = { class: "authorization-setting" }, Yl = {
   class: "authorization-state",
   role: "status"
-}, gt = { class: "authorization-revoke-body" }, ht = /* @__PURE__ */ le({
+}, Zl = { class: "authorization-revoke-body" }, jl = /* @__PURE__ */ oe({
   __name: "AuthorizationSettings",
-  setup(p) {
-    const { state: I, requireAuthorization: a, text: m, busy: i, canManage: d, revoke: s } = ct(), o = y(!1), r = { checking: "checking", ready: "ready", authorization_required: "state.required", not_admin: "not_admin.title", session_expired: "session_expired.title", unavailable: "state.unavailable" };
-    return (P, v) => (t(), S(Z, null, [
-      h(e(ce), {
-        title: e(m)("settings.title"),
+  setup(r) {
+    const { state: T, requireAuthorization: o, text: a, busy: u, canManage: m, revoke: i } = Hl(), s = y(!1), d = { checking: "checking", ready: "ready", authorization_required: "state.required", not_admin: "not_admin.title", session_expired: "session_expired.title", unavailable: "state.unavailable" };
+    return (v, p) => (n(), R(se, null, [
+      c(e(he), {
+        title: e(a)("settings.title"),
         collapsible: !1
       }, {
-        default: n(() => [
-          h(e(ya), {
-            label: e(m)("settings.status"),
-            description: e(m)("purpose"),
+        default: t(() => [
+          c(e(Ae), {
+            label: e(a)("settings.status"),
+            description: e(a)("purpose"),
             align: "center"
           }, {
-            default: n(() => [
-              C("div", bt, [
-                C("span", kt, [
-                  e(I) === "ready" ? (t(), $(e(_a), {
+            default: t(() => [
+              S("div", Ql, [
+                S("span", Yl, [
+                  e(T) === "ready" ? (n(), k(e(Xa), {
                     key: 0,
                     size: 16,
                     "aria-hidden": "true"
-                  })) : k("", !0),
-                  g(l(e(m)(r[e(I)])), 1)
+                  })) : b("", !0),
+                  g(l(e(a)(d[e(T)])), 1)
                 ]),
-                e(I) === "ready" && e(d)() ? (t(), $(e(A), {
+                e(T) === "ready" && e(m)() ? (n(), k(e(F), {
                   key: 0,
                   variant: "secondary",
-                  disabled: e(i),
-                  onClick: v[0] || (v[0] = (_) => o.value = !0)
+                  disabled: e(u),
+                  onClick: p[0] || (p[0] = (h) => s.value = !0)
                 }, {
-                  default: n(() => [
-                    g(l(e(m)("revoke")), 1)
+                  default: t(() => [
+                    g(l(e(a)("revoke")), 1)
                   ]),
                   _: 1
-                }, 8, ["disabled"])) : e(I) !== "ready" && e(I) !== "checking" ? (t(), $(e(A), {
+                }, 8, ["disabled"])) : e(T) !== "ready" && e(T) !== "checking" ? (n(), k(e(F), {
                   key: 1,
                   variant: "secondary",
-                  onClick: v[1] || (v[1] = (_) => e(a)())
+                  onClick: p[1] || (p[1] = (h) => e(o)())
                 }, {
-                  default: n(() => [
-                    g(l(e(m)("settings.details")), 1)
+                  default: t(() => [
+                    g(l(e(a)("settings.details")), 1)
                   ]),
                   _: 1
-                })) : k("", !0)
+                })) : b("", !0)
               ])
             ]),
             _: 1
@@ -2398,99 +2772,110 @@ const ft = { class: "authorization-content" }, pt = ["aria-busy", "data-authoriz
         ]),
         _: 1
       }, 8, ["title"]),
-      h(e(Ae), {
-        open: o.value,
-        "onUpdate:open": v[4] || (v[4] = (_) => o.value = _),
-        title: e(m)("revoke.title"),
+      c(e(Le), {
+        open: s.value,
+        "onUpdate:open": p[4] || (p[4] = (h) => s.value = h),
+        title: e(a)("revoke.title"),
         width: "480px"
       }, {
-        footer: n(() => [
-          h(e(A), {
+        footer: t(() => [
+          c(e(F), {
             variant: "secondary",
-            onClick: v[2] || (v[2] = (_) => o.value = !1)
+            onClick: p[2] || (p[2] = (h) => s.value = !1)
           }, {
-            default: n(() => [
-              g(l(e(m)("cancel")), 1)
+            default: t(() => [
+              g(l(e(a)("cancel")), 1)
             ]),
             _: 1
           }),
-          h(e(A), {
+          c(e(F), {
             variant: "danger",
-            disabled: e(i),
-            onClick: v[3] || (v[3] = (_) => {
-              o.value = !1, e(s)();
+            disabled: e(u),
+            onClick: p[3] || (p[3] = (h) => {
+              s.value = !1, e(i)();
             })
           }, {
-            default: n(() => [
-              g(l(e(m)("revoke")), 1)
+            default: t(() => [
+              g(l(e(a)("revoke")), 1)
             ]),
             _: 1
           }, 8, ["disabled"])
         ]),
-        default: n(() => [
-          C("p", gt, l(e(m)("revoke.body")), 1)
+        default: t(() => [
+          S("p", Zl, l(e(a)("revoke.body")), 1)
         ]),
         _: 1
       }, 8, ["open", "title"])
     ], 64));
   }
-}), Et = /* @__PURE__ */ ne(ht, [["__scopeId", "data-v-f031e7c7"]]);
+}), mn = /* @__PURE__ */ de(jl, [["__scopeId", "data-v-f031e7c7"]]);
 export {
-  St as AppShell,
-  Tt as AuthorizationGate,
-  Et as AuthorizationSettings,
-  It as BackgroundPanel,
-  Dt as BackgroundSavePanel,
-  At as DelegatePanel,
-  Ut as ExecutorSettings,
-  wa as ExecutorSetupKey,
-  Bt as FILE_STATION_APP,
-  Ke as FileBrowser,
-  zt as FilesPage,
-  Vt as LoginPage,
-  _e as NasPicker,
-  Pt as PortalSettings,
-  Ot as activePage,
-  Ft as authorizationCatalogs,
-  aa as authorizationCopy,
-  Lt as backgroundCatalogs,
-  Ye as backgroundCopy,
-  Ze as backgroundErrorCopy,
-  Nt as catalogs,
-  We as createBackgroundPickerProvider,
-  Mt as createBackgroundSaveFacade,
-  Kt as createFileTransfers,
-  qe as createNasProvider,
-  xt as createSession,
-  Ht as decodeResponse,
-  Gt as delegateCatalogs,
-  Be as delegateCopy,
-  Jt as encodeRequest,
-  je as errorCopy,
-  Xt as fileStationPath,
-  Pe as format,
-  Qt as identityCatalogs,
-  Qe as identityCopy,
-  Yt as mergeCatalogs,
-  Wt as nasCatalogs,
-  re as nasCopy,
-  Ee as nasErrorCopy,
-  Zt as openFileInFileStation,
-  jt as openFolderInFileStation,
-  en as protocolCodes,
-  an as protocolOps,
-  ln as protocolSchemas,
-  De as requestKey,
-  tn as saveCatalogs,
-  Re as saveCopy,
-  Ve as saveError,
-  ea as scopedPicker,
-  nn as shellCatalogs,
-  Je as shellCopy,
-  sn as shellPages,
-  Xe as uiLocale,
-  on as uiLocales,
-  ct as useAuthorization,
-  Ca as useExecutorSetup,
-  $a as useNasRequest
+  sn as AppShell,
+  fn as AuthorizationGate,
+  mn as AuthorizationSettings,
+  dn as BackgroundPanel,
+  pn as BackgroundSavePanel,
+  gn as DEFAULT_REQUEST_TIMEOUT,
+  cn as DelegatePanel,
+  vn as ExecutorSettings,
+  Qa as ExecutorSetupKey,
+  hn as FILE_STATION_APP,
+  ua as FileBrowser,
+  on as FilesPage,
+  rn as LoginPage,
+  Ee as NasPicker,
+  un as PortalSettings,
+  kn as activePage,
+  _n as authorizationCatalogs,
+  ha as authorizationCopy,
+  wn as backgroundCatalogs,
+  pa as backgroundCopy,
+  ma as backgroundErrorCopy,
+  xn as bridgeCatalogs,
+  Cn as bridgeErrorCopy,
+  $n as catalogs,
+  Sn as clientTimeout,
+  fa as createBackgroundPickerProvider,
+  zn as createBackgroundSaveFacade,
+  Pn as createFileTransfers,
+  je as createNasProvider,
+  Vn as createPortalAccess,
+  nn as createSession,
+  In as createStandaloneContext,
+  Tn as createStandaloneHost,
+  An as decodeResponse,
+  En as delegateCatalogs,
+  ea as delegateCopy,
+  Un as encodeRequest,
+  ya as errorCopy,
+  Rn as fileStationPath,
+  Be as format,
+  Dn as identityCatalogs,
+  ca as identityCopy,
+  va as isFullPage,
+  aa as labelSeparator,
+  Bn as mergeCatalogs,
+  Fn as nasCatalogs,
+  ye as nasCopy,
+  Ye as nasErrorCopy,
+  qn as openFileInFileStation,
+  ga as openFolderInFileStation,
+  On as portalCatalogs,
+  Ln as portalMessages,
+  Nn as protocolCodes,
+  Mn as protocolOps,
+  Kn as protocolSchemas,
+  Ne as requestKey,
+  Hn as saveCatalogs,
+  Ze as saveCopy,
+  Te as saveError,
+  ba as scopedPicker,
+  Gn as shellCatalogs,
+  da as shellCopy,
+  Jn as shellPages,
+  Qe as uiLocale,
+  Wn as uiLocales,
+  Hl as useAuthorization,
+  ia as useExecutorSetup,
+  Ya as useNasRequest
 };