@synopackageland/sdk 0.9.8 → 0.9.9

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