@webx-ui/module-services 0.1.17 → 0.2.0

package/dist/index.js

@@ -1,38 +1,38 @@
-import { reorderItems as De, useAdmin as ie, useDates as Me, useTranslate as ae, useErrorText as me, provideRecordAddress as Le, WxScreenHead as Re, WxScreen as Ue, WxSaveState as He, WxDate as Fe, useItemOrder as Ke, WxListScreen as Ge, WxRowMenu as Je, WxAddressNote as je, categoryRoutes as Qe } from "@webx-ui/module-admin";
-import { provide as Xe, inject as Ye, defineComponent as oe, computed as y, ref as b, watch as re, onMounted as Te, onBeforeUnmount as Se, openBlock as d, createElementBlock as B, Fragment as Y, createVNode as h, unref as e, withCtx as c, createTextVNode as _, toDisplayString as w, createBlock as k, createCommentVNode as D, createElementVNode as A, renderList as $e, normalizeClass as ye, useTemplateRef as Ze, nextTick as et, isRef as tt, withKeys as st, resolveDynamicComponent as at, mergeProps as rt } from "vue";
-import { useRoute as We, useRouter as Ce, onBeforeRouteLeave as it } from "vue-router";
-import { provideBlocksPreview as lt } from "@webx-ui/module-blocks";
-import { useLocales as nt, localizedValue as ot, confirm as j, WxSkeleton as ne, WxCard as ct, WxBadge as Q, WxBreadcrumb as ut, WxBreadcrumbItem as xe, WxAlert as Ve, WxButton as X, WxActionBar as dt, toast as S, WxEmpty as qe, WxText as vt, useModal as pt, WxDialog as ht, WxFormItem as ft, WxInput as Ie, WxSpace as yt, createModal as gt, WxIcon as _e, WxSelect as mt, WxSortableList as bt, WxTooltip as wt } from "@webx-ui/core";
-const ge = "services";
-function ce(u) {
-  const o = `${u.apiPath}/${ge}`, g = (a) => a.data;
+import { reorderItems as Re, useAdmin as le, useDates as Le, useTranslate as ae, useErrorText as me, useEditing as Me, provideRecordAddress as Ue, WxScreenHead as He, WxEditingAlerts as Fe, WxScreen as Ke, WxSaveState as Je, WxDate as Ge, WxDrafts as je, useItemOrder as Qe, WxListScreen as Xe, WxRowMenu as Ye, WxAddressNote as Ze, categoryRoutes as et } from "@webx-ui/module-admin";
+import { provide as tt, inject as st, defineComponent as ce, computed as y, ref as w, watch as re, onMounted as $e, onBeforeUnmount as We, openBlock as v, createElementBlock as P, Fragment as Y, createVNode as f, unref as e, withCtx as d, createTextVNode as C, toDisplayString as x, createBlock as _, createCommentVNode as M, createElementVNode as A, renderList as Ce, normalizeClass as ge, useTemplateRef as at, nextTick as rt, isRef as it, withKeys as lt, resolveDynamicComponent as nt, mergeProps as ot } from "vue";
+import { useRoute as Ve, useRouter as qe, onBeforeRouteLeave as ut } from "vue-router";
+import { provideBlocksPreview as ct } from "@webx-ui/module-blocks";
+import { useLocales as dt, localizedValue as vt, confirm as te, WxSkeleton as ue, WxCard as pt, WxBadge as X, WxBreadcrumb as ht, WxBreadcrumbItem as ke, WxActionBar as ft, WxButton as ie, toast as W, WxEmpty as Ie, WxText as yt, useModal as gt, WxDialog as bt, WxFormItem as mt, WxInput as Ee, WxSpace as wt, createModal as xt, WxIcon as Te, WxSelect as _t, WxSortableList as kt, WxTooltip as Tt, WxAlert as St } from "@webx-ui/core";
+const be = "services";
+function de(c) {
+  const o = `${c.apiPath}/${be}`, g = (s) => s.data;
   return {
-    list: (a = {}) => {
-      const l = new URLSearchParams();
-      return a.q && l.set("q", a.q), a.category != null && l.set("category", String(a.category)), a.status && l.set("status", a.status), a.trashed && l.set("trashed", "1"), u.http.get(l.size > 0 ? `${o}?${l}` : o);
+    list: (s = {}) => {
+      const n = new URLSearchParams();
+      return s.q && n.set("q", s.q), s.category != null && n.set("category", String(s.category)), s.status && n.set("status", s.status), s.trashed && n.set("trashed", "1"), c.http.get(n.size > 0 ? `${o}?${n}` : o);
     },
-    get: (a) => u.http.get(`${o}/${a}`).then(g),
-    create: (a) => u.http.post(o, a).then(g),
-    save: (a, l) => u.http.put(`${o}/${a}`, l).then(g),
-    discard: (a) => u.http.post(`${o}/${a}/discard`, {}).then(g),
-    publish: (a) => u.http.post(`${o}/${a}/publish`, {}).then(g),
-    unpublish: (a) => u.http.post(`${o}/${a}/unpublish`, {}).then(g),
-    remove: (a) => u.http.delete(`${o}/${a}`).then(() => {
+    get: (s) => c.http.get(`${o}/${s}`).then(g),
+    create: (s) => c.http.post(o, s).then(g),
+    save: (s, n) => c.http.put(`${o}/${s}`, n).then(g),
+    discard: (s) => c.http.post(`${o}/${s}/discard`, {}).then(g),
+    publish: (s, n) => c.http.post(`${o}/${s}/publish`, n ? { revision: n } : {}).then(g),
+    unpublish: (s) => c.http.post(`${o}/${s}/unpublish`, {}).then(g),
+    remove: (s) => c.http.delete(`${o}/${s}`).then(() => {
     }),
-    restore: (a) => u.http.post(`${o}/${a}/restore`, {}).then(g),
-    versions: (a) => u.http.get(`${o}/${a}/versions`).then(g),
-    restoreVersion: (a, l) => u.http.post(`${o}/${a}/versions/${l}/restore`, {}).then(g),
-    reorder: (a, l = null) => De(u, ge, a, l)
+    restore: (s) => c.http.post(`${o}/${s}/restore`, {}).then(g),
+    versions: (s) => c.http.get(`${o}/${s}/versions`).then(g),
+    restoreVersion: (s, n) => c.http.post(`${o}/${s}/versions/${n}/restore`, {}).then(g),
+    reorder: (s, n = null) => Re(c, be, s, n)
   };
 }
-const ze = /* @__PURE__ */ Symbol("wx-service-editor");
-function xt(u) {
-  Xe(ze, u);
+const Ne = /* @__PURE__ */ Symbol("wx-service-editor");
+function $t(c) {
+  tt(Ne, c);
 }
-function _t() {
-  return Ye(ze, null);
+function Wt() {
+  return st(Ne, null);
 }
-const kt = {
+const Ct = {
   module: {
     group: "Services",
     services: "Services",
@@ -137,245 +137,270 @@ const kt = {
     saved: "The category is saved.",
     "address-moving": "The address is changing. The old one keeps working and leads to the new one."
   }
-}, ke = /* @__PURE__ */ new WeakSet();
-function ue() {
+}, Se = /* @__PURE__ */ new WeakSet();
+function ve() {
   try {
-    const { i18n: u } = ie();
-    ke.has(u) || (u.defaults("webx-services", kt), ke.add(u));
+    const { i18n: c } = le();
+    Se.has(c) || (c.defaults("webx-services", Ct), Se.add(c));
   } catch {
   }
 }
-const Tt = { class: "wx-service-editor__screen" }, St = 1200, $t = /* @__PURE__ */ oe({
+const Vt = { class: "wx-service-editor__screen" }, qt = 1200, It = /* @__PURE__ */ ce({
   __name: "ServiceEditorPage",
   props: {
     base: { default: "/services" }
   },
-  setup(u) {
-    const o = u, g = ie(), a = ce(g), l = We(), O = Ce(), r = nt(), W = Me();
-    ue();
-    const s = ae("webx-services"), x = ae("webx-admin"), T = me(), M = y(() => Number(l.params.id)), V = y(() => o.base), n = b(null), f = b({}), p = b(""), z = b(null), E = b(null), F = b(!0), K = b(!1), N = b(!1), Z = b({}), q = b(null), L = b(""), ee = b(0), P = y(() => g.can("services.manage")), le = y(() => !P.value || N.value), R = y(() => JSON.stringify(f.value)), I = y(() => L.value !== "" && R.value !== L.value), de = y(() => K.value ? "saving" : I.value ? "unsaved" : "saved"), te = y(() => {
-      const i = f.value.title;
-      return ot(i, r.active.value, n.value?.title ?? "");
-    }), ve = y(() => {
-      const i = n.value;
-      return !i || i.status !== "published" && i.status !== "modified" ? "" : s("service.live-since", { date: W.short(i.published_at) });
+  setup(c) {
+    const o = c, g = le(), s = de(g), n = Ve(), B = qe(), a = dt(), V = Le();
+    ve();
+    const r = ae("webx-services"), m = ae("webx-admin"), k = me(), D = y(() => Number(n.params.id)), q = y(() => o.base), l = w(null), p = w({}), h = w(""), I = w(null), E = w(null), G = w(!0), H = w(!1), O = w(!1), Z = w({}), j = w(""), F = w(0), N = y(() => g.can("services.manage")), T = Me({
+      entity: "services",
+      id: () => l.value?.id,
+      values: p,
+      revision: h,
+      read: async () => {
+        const i = await s.get(D.value);
+        return { values: i.values, revision: i.revision };
+      },
+      adopt: (i) => {
+        j.value = JSON.stringify(i.values), F.value += 1;
+      },
+      // Published or restored by somebody else: the badge and the address follow, and the form
+      // stays as it is.
+      refresh: () => fe(),
+      restore: async () => {
+        l.value && await s.restore(l.value.id);
+      },
+      canWrite: () => N.value,
+      busy: () => H.value || u !== void 0,
+      screen: "services.form"
+    }), U = T.conflict, pe = y(() => !N.value || O.value), K = y(() => JSON.stringify(p.value)), z = y(() => j.value !== "" && K.value !== j.value), he = y(() => H.value ? "saving" : z.value ? "unsaved" : "saved"), se = y(() => {
+      const i = p.value.title;
+      return vt(i, a.active.value, l.value?.title ?? "");
+    }), ee = y(() => {
+      const i = l.value;
+      return !i || i.status !== "published" && i.status !== "modified" ? "" : r("service.live-since", { date: V.short(i.published_at) });
     });
-    lt({ url: y(() => E.value), reload: ee }), Le({
-      values: f,
-      prefix: z,
-      path: y(() => n.value?.path),
-      moving: () => s("service.address-moving")
-    }), xt({ service: n, canManage: P.value, reload: () => U(!0) });
-    function G(i) {
-      n.value = i.service, f.value = i.values, p.value = i.revision, z.value = i.prefix, E.value = i.preview_url, L.value = JSON.stringify(i.values), q.value = null;
+    ct({ url: y(() => E.value), reload: F }), Ue({
+      values: p,
+      prefix: I,
+      path: y(() => l.value?.path),
+      moving: () => r("service.address-moving")
+    }), $t({ service: l, canManage: N.value, reload: () => J(!0) });
+    function ne(i) {
+      l.value = i.service, p.value = i.values, h.value = i.revision, I.value = i.prefix, E.value = i.preview_url, j.value = JSON.stringify(i.values), T.opened(i.values), U.value = null;
     }
-    async function U(i = !1) {
-      i || (F.value = !0);
+    async function J(i = !1) {
+      i || (G.value = !0);
       try {
-        G(await a.get(M.value));
-      } catch ($) {
-        S.danger(T($)), O.push(V.value);
+        ne(await s.get(D.value));
+      } catch (b) {
+        W.danger(k(b)), B.push(q.value);
       } finally {
-        F.value = !1;
+        G.value = !1;
+      }
+    }
+    async function fe() {
+      try {
+        const i = await s.get(D.value);
+        l.value = i.service, I.value = i.prefix, E.value = i.preview_url;
+      } catch {
       }
     }
-    let J;
-    function pe() {
-      !P.value || q.value || !I.value || (clearTimeout(J), J = setTimeout(() => {
-        m();
-      }, St));
+    let Q;
+    function t() {
+      !N.value || U.value || !z.value || T.stopped.value || (clearTimeout(Q), Q = setTimeout(() => {
+        R();
+      }, qt));
     }
-    function he() {
-      !P.value || q.value || !I.value || K.value || (clearTimeout(J), m());
+    function S() {
+      !N.value || U.value || !z.value || H.value || T.stopped.value || (clearTimeout(Q), R());
     }
-    let t;
-    async function m() {
-      for (; t; ) {
-        const { carried: C, done: H } = t;
-        if (await H, !I.value || q.value || R.value === C) return;
+    let u;
+    async function R() {
+      for (; u; ) {
+        const { carried: $, done: L } = u;
+        if (await L, !z.value || U.value || K.value === $) return;
       }
-      const i = R.value, $ = v();
-      t = { carried: i, done: $ };
+      const i = K.value, b = ye();
+      u = { carried: i, done: b };
       try {
-        await $;
+        await b;
       } finally {
-        t?.done === $ && (t = void 0);
+        u?.done === b && (u = void 0);
       }
     }
-    async function v() {
-      if (!n.value || !P.value) return;
-      clearTimeout(J);
-      const i = R.value, $ = f.value;
-      K.value = !0, Z.value = {};
+    async function ye() {
+      if (!l.value || !N.value) return;
+      clearTimeout(Q);
+      const i = K.value, b = p.value;
+      H.value = !0, Z.value = {};
       try {
-        const C = await a.save(n.value.id, { values: $, revision: p.value });
-        n.value = C.service, p.value = C.revision, z.value = C.prefix, E.value = C.preview_url, q.value = null, R.value === i && (L.value = i), ee.value += 1;
-      } catch (C) {
-        const H = C;
-        H.status === 409 && H.body?.data ? q.value = H.body : H.body?.errors ? (Z.value = H.body.errors, S.danger(s("service.save-failed"))) : S.danger(T(C));
+        const $ = await s.save(l.value.id, { values: b, revision: h.value });
+        l.value = $.service, h.value = $.revision, I.value = $.prefix, E.value = $.preview_url, U.value = null, K.value === i && (j.value = i), T.opened(b), F.value += 1;
+      } catch ($) {
+        const L = $;
+        if (L.status === 409 && L.body?.data) {
+          const oe = L.body.data;
+          T.refused({
+            values: oe.values,
+            revision: oe.revision,
+            changed: L.body.changed
+          }) && (l.value = oe.service, R());
+        } else L.body?.errors ? (Z.value = L.body.errors, W.danger(r("service.save-failed"))) : await T.failed($) || W.danger(k($));
       } finally {
-        K.value = !1;
+        H.value = !1;
       }
     }
-    async function se() {
-      await j({
-        title: s("service.conflict-theirs-title"),
-        message: s("service.conflict-theirs-text"),
-        confirmText: s("service.conflict-theirs"),
-        cancelText: s("panel.cancel"),
-        tone: "danger"
-      }) && await U(!0);
-    }
-    async function fe() {
-      const i = q.value;
-      i && (p.value = i.data.revision, q.value = null, await m());
+    async function ze() {
+      await J(!0);
     }
-    async function Ee() {
-      if (!(!n.value || !await j({
-        title: x("editor.discard-title"),
-        message: x("editor.discard-text"),
-        confirmText: s("service.discard"),
+    async function Ae() {
+      if (!(!l.value || !await te({
+        title: m("editor.discard-title"),
+        message: m("editor.discard-text"),
+        confirmText: r("service.discard"),
         // Not «Cancel»: beside «Discard changes» the two read as the same word.
-        cancelText: x("editor.keep-changes"),
+        cancelText: m("editor.keep-changes"),
         tone: "danger"
       }))) {
-        N.value = !0;
+        O.value = !0;
         try {
-          G(await a.discard(n.value.id)), S.success(s("service.discarded"));
-        } catch ($) {
-          S.danger(T($));
+          ne(await s.discard(l.value.id)), W.success(r("service.discarded"));
+        } catch (b) {
+          W.danger(k(b));
         } finally {
-          N.value = !1;
+          O.value = !1;
         }
       }
     }
-    async function Ne() {
-      if (I.value && await m(), q.value || I.value) return;
-      const i = n.value;
+    async function Oe() {
+      if (z.value && await R(), U.value || z.value || !l.value) return;
+      const i = await T.beforePublish();
       if (!i) return;
-      const $ = i.next_path ?? i.path, C = i.next_path != null && i.path !== null ? ` ${x("editor.publish-moves", { old: `/${i.path}` })}` : "";
-      if (await j({
-        title: s("service.publish-title", { title: te.value || i.title }),
-        message: $ === null ? s("service.publish-nowhere") : s("service.publish-text", { address: `/${$}` }) + C,
-        confirmText: s("panel.publish"),
-        cancelText: s("panel.cancel")
+      const b = l.value, $ = b.next_path ?? b.path, L = b.next_path != null && b.path !== null ? ` ${m("editor.publish-moves", { old: `/${b.path}` })}` : "";
+      if (i.asked || await te({
+        title: r("service.publish-title", { title: se.value || b.title }),
+        message: $ === null ? r("service.publish-nowhere") : r("service.publish-text", { address: `/${$}` }) + L,
+        confirmText: r("panel.publish"),
+        cancelText: r("panel.cancel")
       })) {
-        N.value = !0;
+        O.value = !0;
         try {
-          await a.publish(i.id), await U(!0), S.success(s("panel.published"));
-        } catch (Pe) {
-          S.danger(T(Pe));
+          await s.publish(b.id, i.revision), await J(!0), W.success(r("panel.published"));
+        } catch (_e) {
+          await T.failed(_e) || W.danger(k(_e));
         } finally {
-          N.value = !1;
+          O.value = !1;
         }
       }
     }
-    async function Ae() {
-      const i = n.value;
-      if (!(!i || !await j({
-        title: x("editor.unpublish-title"),
-        message: x("editor.unpublish-text"),
-        confirmText: x("editor.unpublish"),
-        cancelText: x("editor.keep-published")
+    async function Pe() {
+      const i = l.value;
+      if (!(!i || !await te({
+        title: m("editor.unpublish-title"),
+        message: m("editor.unpublish-text"),
+        confirmText: m("editor.unpublish"),
+        cancelText: m("editor.keep-published")
       }))) {
-        N.value = !0;
+        O.value = !0;
         try {
-          await a.unpublish(i.id), await U(!0), S.success(x("editor.unpublished"));
-        } catch (C) {
-          S.danger(T(C));
+          await s.unpublish(i.id), await J(!0), W.success(m("editor.unpublished"));
+        } catch ($) {
+          W.danger(k($));
         } finally {
-          N.value = !1;
+          O.value = !1;
         }
       }
     }
     function Be() {
-      const i = n.value?.status;
+      const i = l.value?.status;
       return i === "published" || i === "modified" ? "success" : "default";
     }
-    function we(i) {
-      I.value && i.preventDefault();
+    function xe(i) {
+      z.value && i.preventDefault();
     }
-    re(R, pe), re(M, () => {
-      U();
-    }), Te(() => {
-      U(), window.addEventListener("beforeunload", we);
-    }), Se(() => {
-      clearTimeout(J), window.removeEventListener("beforeunload", we);
-    }), it(async () => !I.value || !P.value || (await m(), !I.value) ? !0 : await j({
-      title: s("service.leave-title"),
-      message: s("service.leave-text"),
-      confirmText: s("service.leave"),
-      cancelText: s("panel.cancel"),
+    re(K, t), re(D, () => {
+      J();
+    }), $e(() => {
+      J(), window.addEventListener("beforeunload", xe);
+    }), We(() => {
+      clearTimeout(Q), window.removeEventListener("beforeunload", xe);
+    }), ut(async () => !z.value || !N.value || (await R(), !z.value) ? !0 : await te({
+      title: r("service.leave-title"),
+      message: r("service.leave-text"),
+      confirmText: r("service.leave"),
+      cancelText: r("panel.cancel"),
       tone: "danger"
     }));
-    const Oe = y(() => {
+    const De = y(() => {
       const i = [];
-      return E.value && i.push({ key: "preview", label: s("service.preview"), icon: "eye", href: E.value }), n.value?.url && n.value.status !== "draft" && i.push({
+      return E.value && i.push({ key: "preview", label: r("service.preview"), icon: "eye", href: E.value }), l.value?.url && l.value.status !== "draft" && i.push({
         key: "site",
-        label: s("panel.open-on-site"),
+        label: r("panel.open-on-site"),
         icon: "link",
-        href: n.value.url
-      }), P.value && (n.value?.status === "published" || n.value?.status === "modified") && i.push({
+        href: l.value.url
+      }), N.value && (l.value?.status === "published" || l.value?.status === "modified") && i.push({
         key: "unpublish",
-        label: x("editor.unpublish"),
+        label: m("editor.unpublish"),
         icon: "eye-off",
         run: () => {
-          Ae();
+          Pe();
         }
-      }), n.value?.status === "modified" && i.push({
+      }), l.value?.status === "modified" && i.push({
         key: "discard",
-        label: s("service.discard"),
+        label: r("service.discard"),
         icon: "refresh",
         danger: !0,
         menu: !0,
         run: () => {
-          Ee();
+          Ae();
         }
       }), i;
     });
-    return (i, $) => (d(), B("div", {
+    return (i, b) => (v(), P("div", {
       class: "wx-service-editor",
-      onFocusout: he
+      onFocusout: S
     }, [
-      F.value || !n.value ? (d(), B(Y, { key: 0 }, [
-        h(e(ne), {
+      G.value || !l.value ? (v(), P(Y, { key: 0 }, [
+        f(e(ue), {
           class: "wx-service-editor__ghost",
           title: "",
           rows: 1
         }),
-        h(e(ct), null, {
-          default: c(() => [
-            h(e(ne), { rows: 8 })
+        f(e(pt), null, {
+          default: d(() => [
+            f(e(ue), { rows: 8 })
           ]),
           _: 1
         })
-      ], 64)) : (d(), B(Y, { key: 1 }, [
-        h(e(Re), {
+      ], 64)) : (v(), P(Y, { key: 1 }, [
+        f(e(He), {
           divider: "",
-          back: V.value,
-          "back-label": e(s)("module.services"),
-          title: te.value || e(s)("service.untitled"),
-          subtitle: ve.value,
-          actions: Oe.value
+          back: q.value,
+          "back-label": e(r)("module.services"),
+          title: se.value || e(r)("service.untitled"),
+          subtitle: ee.value,
+          actions: De.value
         }, {
-          trail: c(() => [
-            h(e(ut), {
+          trail: d(() => [
+            f(e(ht), {
               size: "sm",
-              label: e(s)("service.trail")
+              label: e(r)("service.trail")
             }, {
-              default: c(() => [
-                h(e(xe), {
+              default: d(() => [
+                f(e(ke), {
                   as: "router-link",
-                  to: V.value
+                  to: q.value
                 }, {
-                  default: c(() => [
-                    _(w(e(s)("module.services")), 1)
+                  default: d(() => [
+                    C(x(e(r)("module.services")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                h(e(xe), { current: "" }, {
-                  default: c(() => [
-                    _(w(te.value || e(s)("service.untitled")), 1)
+                f(e(ke), { current: "" }, {
+                  default: d(() => [
+                    C(x(se.value || e(r)("service.untitled")), 1)
                   ]),
                   _: 1
                 })
@@ -383,253 +408,243 @@ const Tt = { class: "wx-service-editor__screen" }, St = 1200, $t = /* @__PURE__
               _: 1
             }, 8, ["label"])
           ]),
-          "title-after": c(() => [
-            h(e(Q), {
+          "title-after": d(() => [
+            f(e(X), {
               type: Be(),
               dot: ""
             }, {
-              default: c(() => [
-                _(w(e(s)(`panel.status-${n.value.status}`)), 1)
+              default: d(() => [
+                C(x(e(r)(`panel.status-${l.value.status}`)), 1)
               ]),
               _: 1
             }, 8, ["type"]),
-            n.value.status === "modified" ? (d(), k(e(Q), {
+            l.value.status === "modified" ? (v(), _(e(X), {
               key: 0,
               type: "primary",
               round: ""
             }, {
-              default: c(() => [
-                _(w(e(s)("panel.edits")), 1)
+              default: d(() => [
+                C(x(e(r)("panel.edits")), 1)
               ]),
               _: 1
-            })) : D("", !0)
+            })) : M("", !0)
           ]),
           _: 1
         }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
-        q.value ? (d(), k(e(Ve), {
-          key: 0,
-          type: "warning",
-          title: e(s)("service.conflict-title"),
-          description: q.value.message
-        }, {
-          actions: c(() => [
-            h(e(X), {
-              size: "sm",
-              variant: "outline",
-              onClick: se
-            }, {
-              default: c(() => [
-                _(w(e(s)("service.conflict-theirs")), 1)
-              ]),
-              _: 1
-            }),
-            h(e(X), {
-              size: "sm",
-              type: "primary",
-              onClick: fe
-            }, {
-              default: c(() => [
-                _(w(e(s)("service.conflict-mine")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["title", "description"])) : D("", !0),
-        A("div", Tt, [
-          h(e(Ue), {
-            modelValue: f.value,
-            "onUpdate:modelValue": $[0] || ($[0] = (C) => f.value = C),
+        f(e(Fe), {
+          editing: e(T),
+          onSave: R,
+          onTheirs: ze
+        }, null, 8, ["editing"]),
+        A("div", Vt, [
+          f(e(Ke), {
+            modelValue: p.value,
+            "onUpdate:modelValue": b[0] || (b[0] = ($) => p.value = $),
             name: "services.form",
             errors: Z.value,
-            disabled: le.value
+            disabled: pe.value
           }, null, 8, ["modelValue", "errors", "disabled"])
         ]),
-        P.value ? (d(), k(e(dt), { key: 1 }, {
-          state: c(() => [
-            h(e(He), { state: de.value }, null, 8, ["state"])
+        N.value ? (v(), _(e(ft), { key: 0 }, {
+          state: d(() => [
+            e(T).stopped.value ? M("", !0) : (v(), _(e(Je), {
+              key: 0,
+              state: he.value
+            }, null, 8, ["state"]))
           ]),
-          default: c(() => [
-            h(e(X), {
+          default: d(() => [
+            f(e(ie), {
               variant: "outline",
-              loading: K.value,
-              disabled: !I.value,
-              onClick: m
+              loading: H.value,
+              disabled: !z.value || e(T).stopped.value,
+              title: e(T).blocked.value,
+              onClick: R
             }, {
-              default: c(() => [
-                _(w(e(s)("service.save")), 1)
+              default: d(() => [
+                C(x(e(r)("service.save")), 1)
               ]),
               _: 1
-            }, 8, ["loading", "disabled"]),
-            h(e(X), {
+            }, 8, ["loading", "disabled", "title"]),
+            f(e(ie), {
               type: "primary",
-              loading: N.value,
-              disabled: n.value.status === "published" && !I.value,
-              onClick: Ne
+              loading: O.value,
+              disabled: e(T).stopped.value || l.value.status === "published" && !z.value,
+              title: e(T).blocked.value,
+              onClick: Oe
             }, {
-              default: c(() => [
-                _(w(e(s)("panel.publish")), 1)
+              default: d(() => [
+                C(x(e(r)("panel.publish")), 1)
               ]),
               _: 1
-            }, 8, ["loading", "disabled"])
+            }, 8, ["loading", "disabled", "title"])
           ]),
           _: 1
-        })) : D("", !0)
+        })) : M("", !0)
       ], 64))
     ], 32));
   }
-}), be = (u, o) => {
-  const g = u.__vccOpts || u;
-  for (const [a, l] of o)
-    g[a] = l;
+}), we = (c, o) => {
+  const g = c.__vccOpts || c;
+  for (const [s, n] of o)
+    g[s] = n;
   return g;
-}, Wt = /* @__PURE__ */ be($t, [["__scopeId", "data-v-13029584"]]), Ct = { class: "wx-service-history" }, Vt = { class: "wx-service-history__number" }, qt = { class: "wx-service-history__who" }, It = /* @__PURE__ */ oe({
+}, Et = /* @__PURE__ */ we(It, [["__scopeId", "data-v-dedea503"]]), Nt = { class: "wx-service-history-tab" }, zt = { class: "wx-service-history" }, At = { class: "wx-service-history__number" }, Ot = { class: "wx-service-history__who" }, Pt = /* @__PURE__ */ ce({
   name: "WxServiceHistory",
   __name: "ServiceHistory",
-  setup(u) {
-    const o = ie(), g = ce(o), a = _t();
-    ue();
-    const l = ae("webx-services"), O = me(), r = b(null), W = b(!1), s = y(() => a?.service.value ?? null), x = y(() => a?.canManage ?? !1), T = y(
-      () => s.value?.status === "published" || s.value?.status === "modified" ? r.value?.[0]?.number ?? null : null
+  setup(c) {
+    const o = le(), g = de(o), s = Wt();
+    ve();
+    const n = ae("webx-services"), B = me(), a = w(null), V = w(!1), r = y(() => s?.service.value ?? null), m = y(() => s?.canManage ?? !1), k = y(
+      () => r.value?.status === "published" || r.value?.status === "modified" ? a.value?.[0]?.number ?? null : null
     );
-    async function M() {
-      const n = s.value;
-      if (n)
+    async function D() {
+      const l = r.value;
+      if (l)
         try {
-          r.value = await g.versions(n.id);
-        } catch (f) {
-          r.value = [], S.danger(O(f));
+          a.value = await g.versions(l.id);
+        } catch (p) {
+          a.value = [], W.danger(B(p));
         }
     }
-    async function V(n) {
-      const f = s.value;
-      if (!(!f || !await j({
-        title: l("service.restore-title", { number: n.number }),
-        message: l("service.restore-text"),
-        confirmText: l("service.restore-version"),
-        cancelText: l("panel.cancel")
+    async function q(l) {
+      const p = r.value;
+      if (!(!p || !await te({
+        title: n("service.restore-title", { number: l.number }),
+        message: n("service.restore-text"),
+        confirmText: n("service.restore-version"),
+        cancelText: n("panel.cancel")
       }))) {
-        W.value = !0;
+        V.value = !0;
         try {
-          await g.restoreVersion(f.id, n.number), await a?.reload(), S.success(l("service.restored-version", { number: n.number }));
-        } catch (z) {
-          S.danger(O(z));
+          await g.restoreVersion(p.id, l.number), await s?.reload(), W.success(n("service.restored-version", { number: l.number }));
+        } catch (I) {
+          W.danger(B(I));
         } finally {
-          W.value = !1;
+          V.value = !1;
         }
       }
     }
     return re(
-      () => [s.value?.id, s.value?.published_at, s.value?.updated_at],
+      () => [r.value?.id, r.value?.published_at, r.value?.updated_at],
       () => {
-        M();
+        D();
       },
       { immediate: !0 }
-    ), (n, f) => (d(), B("div", Ct, [
-      r.value === null ? (d(), k(e(ne), {
-        key: 0,
-        class: "wx-service-history__ghost",
-        rows: 3
-      })) : r.value.length === 0 ? (d(), k(e(qe), {
-        key: 1,
-        description: e(l)("service.history-empty")
-      }, null, 8, ["description"])) : (d(!0), B(Y, { key: 2 }, $e(r.value, (p) => (d(), B("div", {
-        key: p.number,
-        class: ye(["wx-service-history__row", { "is-live": p.number === T.value }])
-      }, [
-        A("code", Vt, w(e(l)("service.version", { number: p.number })), 1),
-        A("div", qt, [
-          p.created_at ? (d(), k(e(Fe), {
+    ), (l, p) => (v(), P("div", Nt, [
+      A("div", zt, [
+        a.value === null ? (v(), _(e(ue), {
+          key: 0,
+          class: "wx-service-history__ghost",
+          rows: 3
+        })) : a.value.length === 0 ? (v(), _(e(Ie), {
+          key: 1,
+          description: e(n)("service.history-empty")
+        }, null, 8, ["description"])) : (v(!0), P(Y, { key: 2 }, Ce(a.value, (h) => (v(), P("div", {
+          key: h.number,
+          class: ge(["wx-service-history__row", { "is-live": h.number === k.value }])
+        }, [
+          A("code", At, x(e(n)("service.version", { number: h.number })), 1),
+          A("div", Ot, [
+            h.created_at ? (v(), _(e(Ge), {
+              key: 0,
+              value: h.created_at,
+              size: "md",
+              tone: "default"
+            }, null, 8, ["value"])) : M("", !0),
+            f(e(yt), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: d(() => [
+                C(x(h.author ?? e(n)(`service.source-${h.source}`)) + " ", 1),
+                h.comment ? (v(), P(Y, { key: 0 }, [
+                  C(" · " + x(h.comment), 1)
+                ], 64)) : M("", !0)
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          h.number === k.value ? (v(), _(e(X), {
             key: 0,
-            value: p.created_at,
-            size: "md",
-            tone: "default"
-          }, null, 8, ["value"])) : D("", !0),
-          h(e(vt), {
+            type: "success",
+            dot: ""
+          }, {
+            default: d(() => [
+              C(x(e(n)("service.version-live")), 1)
+            ]),
+            _: 1
+          })) : M("", !0),
+          m.value && h.number !== k.value ? (v(), _(e(ie), {
+            key: 1,
             size: "sm",
-            tone: "muted"
+            variant: "outline",
+            loading: V.value,
+            onClick: (I) => q(h)
           }, {
-            default: c(() => [
-              _(w(p.author ?? e(l)(`service.source-${p.source}`)) + " ", 1),
-              p.comment ? (d(), B(Y, { key: 0 }, [
-                _(" · " + w(p.comment), 1)
-              ], 64)) : D("", !0)
+            default: d(() => [
+              C(x(e(n)("service.restore-version")), 1)
             ]),
-            _: 2
-          }, 1024)
-        ]),
-        p.number === T.value ? (d(), k(e(Q), {
-          key: 0,
-          type: "success",
-          dot: ""
-        }, {
-          default: c(() => [
-            _(w(e(l)("service.version-live")), 1)
-          ]),
-          _: 1
-        })) : D("", !0),
-        x.value && p.number !== T.value ? (d(), k(e(X), {
-          key: 1,
-          size: "sm",
-          variant: "outline",
-          loading: W.value,
-          onClick: (z) => V(p)
-        }, {
-          default: c(() => [
-            _(w(e(l)("service.restore-version")), 1)
-          ]),
-          _: 1
-        }, 8, ["loading", "onClick"])) : D("", !0)
-      ], 2))), 128))
+            _: 1
+          }, 8, ["loading", "onClick"])) : M("", !0)
+        ], 2))), 128))
+      ]),
+      f(e(je), {
+        id: r.value?.id,
+        entity: "services",
+        screen: "services.form",
+        "can-restore": m.value,
+        stamp: [r.value?.published_at, r.value?.updated_at],
+        onRestored: p[0] || (p[0] = (h) => e(s)?.reload())
+      }, null, 8, ["id", "can-restore", "stamp"])
     ]));
   }
-}), zt = /* @__PURE__ */ be(It, [["__scopeId", "data-v-72dccbb1"]]), Et = /* @__PURE__ */ oe({
+}), Bt = /* @__PURE__ */ we(Pt, [["__scopeId", "data-v-3391d602"]]), Dt = /* @__PURE__ */ ce({
   __name: "ServiceCreateDialog",
-  setup(u) {
-    const { open: o, resolve: g, dismiss: a } = pt(), l = ie(), O = ce(l);
-    ue();
-    const r = ae("webx-services"), W = b(""), s = b(!1), x = b({}), T = Ze("field");
-    Te(async () => {
-      await et(), T.value?.querySelector("input")?.focus();
+  setup(c) {
+    const { open: o, resolve: g, dismiss: s } = gt(), n = le(), B = de(n);
+    ve();
+    const a = ae("webx-services"), V = w(""), r = w(!1), m = w({}), k = at("field");
+    $e(async () => {
+      await rt(), k.value?.querySelector("input")?.focus();
     });
-    async function M() {
-      if (!(W.value.trim() === "" || s.value)) {
-        s.value = !0, x.value = {};
+    async function D() {
+      if (!(V.value.trim() === "" || r.value)) {
+        r.value = !0, m.value = {};
         try {
-          g(await O.create({ title: W.value.trim() }));
-        } catch (V) {
-          x.value = V.body?.errors ?? {};
+          g(await B.create({ title: V.value.trim() }));
+        } catch (q) {
+          m.value = q.body?.errors ?? {};
         } finally {
-          s.value = !1;
+          r.value = !1;
         }
       }
     }
-    return (V, n) => (d(), k(e(ht), {
+    return (q, l) => (v(), _(e(bt), {
       open: e(o),
-      "onUpdate:open": n[2] || (n[2] = (f) => tt(o) ? o.value = f : null),
-      title: e(r)("panel.new-title"),
+      "onUpdate:open": l[2] || (l[2] = (p) => it(o) ? o.value = p : null),
+      title: e(a)("panel.new-title"),
       width: 440
     }, {
-      footer: c(() => [
-        h(e(yt), { size: "sm" }, {
-          default: c(() => [
-            h(e(X), {
+      footer: d(() => [
+        f(e(wt), { size: "sm" }, {
+          default: d(() => [
+            f(e(ie), {
               variant: "outline",
-              onClick: n[1] || (n[1] = (f) => e(a)())
+              onClick: l[1] || (l[1] = (p) => e(s)())
             }, {
-              default: c(() => [
-                _(w(e(r)("panel.cancel")), 1)
+              default: d(() => [
+                C(x(e(a)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            h(e(X), {
+            f(e(ie), {
               type: "primary",
-              loading: s.value,
-              disabled: W.value.trim() === "",
-              onClick: M
+              loading: r.value,
+              disabled: V.value.trim() === "",
+              onClick: D
             }, {
-              default: c(() => [
-                _(w(e(r)("panel.create")), 1)
+              default: d(() => [
+                C(x(e(a)("panel.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -637,22 +652,22 @@ const Tt = { class: "wx-service-editor__screen" }, St = 1200, $t = /* @__PURE__
           _: 1
         })
       ]),
-      default: c(() => [
-        h(e(ft), {
-          label: e(r)("panel.field-title"),
-          error: x.value.title?.[0] ?? x.value.slug?.[0],
+      default: d(() => [
+        f(e(mt), {
+          label: e(a)("panel.field-title"),
+          error: m.value.title?.[0] ?? m.value.slug?.[0],
           required: ""
         }, {
-          default: c(() => [
+          default: d(() => [
             A("div", {
               ref_key: "field",
-              ref: T
+              ref: k
             }, [
-              h(e(Ie), {
-                modelValue: W.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (f) => W.value = f),
-                "aria-label": e(r)("panel.field-title"),
-                onKeyup: st(M, ["enter"])
+              f(e(Ee), {
+                modelValue: V.value,
+                "onUpdate:modelValue": l[0] || (l[0] = (p) => V.value = p),
+                "aria-label": e(a)("panel.field-title"),
+                onKeyup: lt(D, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -662,357 +677,357 @@ const Tt = { class: "wx-service-editor__screen" }, St = 1200, $t = /* @__PURE__
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Nt = { class: "wx-services" }, At = { class: "wx-services__bar" }, Bt = ["src"], Ot = { class: "wx-service-row__name" }, Pt = { class: "wx-service-row__title" }, Dt = { class: "wx-service-row__address" }, Mt = { class: "wx-service-row__facts" }, Lt = { class: "wx-service-row__chips" }, Rt = { class: "wx-service-row__state" }, Ut = /* @__PURE__ */ oe({
+}), Rt = { class: "wx-services" }, Lt = { class: "wx-services__bar" }, Mt = ["src"], Ut = { class: "wx-service-row__name" }, Ht = { class: "wx-service-row__title" }, Ft = { class: "wx-service-row__address" }, Kt = { class: "wx-service-row__facts" }, Jt = { class: "wx-service-row__chips" }, Gt = { class: "wx-service-row__state" }, jt = /* @__PURE__ */ ce({
   __name: "ServicesPage",
   props: {
     base: { default: "/services" }
   },
-  setup(u) {
-    const o = u, g = ie(), a = ce(g), l = We(), O = Ce();
-    ue();
-    const r = ae("webx-services"), W = me(), s = b([]), x = b([]), T = b(!0), M = gt(Et), V = y(() => g.can("services.manage")), n = y(
-      () => g.state.manifest?.modules.find((t) => t.id === "services")?.title ?? r("module.services")
-    ), f = y({
-      get: () => typeof l.query.view == "string" ? l.query.view : "",
+  setup(c) {
+    const o = c, g = le(), s = de(g), n = Ve(), B = qe();
+    ve();
+    const a = ae("webx-services"), V = me(), r = w([]), m = w([]), k = w(!0), D = xt(Dt), q = y(() => g.can("services.manage")), l = y(
+      () => g.state.manifest?.modules.find((t) => t.id === "services")?.title ?? a("module.services")
+    ), p = y({
+      get: () => typeof n.query.view == "string" ? n.query.view : "",
       set: (t) => {
-        O.replace({
-          query: { ...l.query, view: t === "" ? void 0 : String(t) }
+        B.replace({
+          query: { ...n.query, view: t === "" ? void 0 : String(t) }
         });
       }
-    }), p = y(() => f.value === "trashed"), z = y(() => {
-      const t = l.query.category;
+    }), h = y(() => p.value === "trashed"), I = y(() => {
+      const t = n.query.category;
       return typeof t == "string" && t !== "" && Number(t) || null;
-    }), E = y(() => typeof l.query.q == "string" ? l.query.q : ""), F = b(E.value), K = y(() => [
-      { value: "", label: r("panel.view-all") },
-      { value: "published", label: r("panel.view-published") },
-      { value: "draft", label: r("panel.view-draft") },
-      { value: "unpublished", label: r("panel.view-unpublished") },
-      { value: "trashed", label: r("panel.bin"), icon: "trash" }
-    ]), N = Ke(ge, () => ({
+    }), E = y(() => typeof n.query.q == "string" ? n.query.q : ""), G = w(E.value), H = y(() => [
+      { value: "", label: a("panel.view-all") },
+      { value: "published", label: a("panel.view-published") },
+      { value: "draft", label: a("panel.view-draft") },
+      { value: "unpublished", label: a("panel.view-unpublished") },
+      { value: "trashed", label: a("panel.bin"), icon: "trash" }
+    ]), O = Qe(be, () => ({
       q: E.value,
-      category: z.value,
-      filtered: f.value !== ""
-    })), Z = y(() => V.value && N.sortable.value), q = y(() => E.value !== "" ? r("panel.empty-search") : p.value ? r("panel.empty-bin") : r("panel.empty"));
-    async function L() {
-      T.value = !0;
+      category: I.value,
+      filtered: p.value !== ""
+    })), Z = y(() => q.value && O.sortable.value), j = y(() => E.value !== "" ? a("panel.empty-search") : h.value ? a("panel.empty-bin") : a("panel.empty"));
+    async function F() {
+      k.value = !0;
       try {
-        const t = await a.list({
+        const t = await s.list({
           q: E.value,
-          category: z.value,
-          status: p.value ? "" : f.value,
-          trashed: p.value
+          category: I.value,
+          status: h.value ? "" : p.value,
+          trashed: h.value
         });
-        s.value = t.data, x.value = t.filters.categories;
+        r.value = t.data, m.value = t.filters.categories;
       } catch (t) {
-        S.danger(W(t));
+        W.danger(V(t));
       } finally {
-        T.value = !1;
+        k.value = !1;
       }
     }
     re(
-      () => [f.value, z.value, E.value],
+      () => [p.value, I.value, E.value],
       () => {
-        L();
+        F();
       }
-    ), L();
-    let ee;
-    re(F, (t) => {
-      clearTimeout(ee), ee = setTimeout(() => {
-        O.replace({ query: { ...l.query, q: t.trim() === "" ? void 0 : t } });
+    ), F();
+    let N;
+    re(G, (t) => {
+      clearTimeout(N), N = setTimeout(() => {
+        B.replace({ query: { ...n.query, q: t.trim() === "" ? void 0 : t } });
       }, 300);
-    }), Se(() => clearTimeout(ee));
-    function P(t) {
-      O.replace({
-        query: { ...l.query, category: typeof t == "number" ? String(t) : void 0 }
+    }), We(() => clearTimeout(N));
+    function T(t) {
+      B.replace({
+        query: { ...n.query, category: typeof t == "number" ? String(t) : void 0 }
       });
     }
-    function le(t) {
-      O.push({ path: `${o.base}/${t.id}`, query: { ...l.query } });
+    function U(t) {
+      B.push({ path: `${o.base}/${t.id}`, query: { ...n.query } });
     }
-    async function R() {
-      const t = await M({});
-      t && le(t);
+    async function pe() {
+      const t = await D({});
+      t && U(t);
     }
-    async function I() {
+    async function K() {
       try {
-        await N.move(s.value.map((t) => t.id));
+        await O.move(r.value.map((t) => t.id));
       } catch (t) {
-        S.danger(W(t, r("panel.reorder-failed"))), await L();
+        W.danger(V(t, a("panel.reorder-failed"))), await F();
       }
     }
-    function de(t) {
-      if (!V.value) return [];
-      if (p.value)
+    function z(t) {
+      if (!q.value) return [];
+      if (h.value)
         return [
           {
             key: "restore",
             icon: "refresh",
-            label: r("panel.restore"),
+            label: a("panel.restore"),
             run: () => {
-              ve(t);
+              se(t);
             }
           }
         ];
-      const m = [
-        { key: "open", icon: "edit", label: r("panel.open"), run: () => le(t) }
+      const S = [
+        { key: "open", icon: "edit", label: a("panel.open"), run: () => U(t) }
       ];
-      return t.url && t.status !== "draft" && m.push({
+      return t.url && t.status !== "draft" && S.push({
         key: "site",
         icon: "external-link",
-        label: r("panel.open-on-site"),
+        label: a("panel.open-on-site"),
         href: t.url
-      }), t.url && m.push({
+      }), t.url && S.push({
         key: "copy",
         icon: "copy",
-        label: r("panel.copy-address"),
+        label: a("panel.copy-address"),
         run: () => {
-          U(t);
+          ne(t);
         }
-      }), m.push(
+      }), S.push(
         t.status === "published" || t.status === "modified" ? {
           key: "unpublish",
           icon: "eye-off",
-          label: r("panel.unpublish"),
+          label: a("panel.unpublish"),
           run: () => {
-            G(() => a.unpublish(t.id), r("panel.unpublished-done"));
+            ee(() => s.unpublish(t.id), a("panel.unpublished-done"));
           }
         } : {
           key: "publish",
           icon: "upload",
-          label: r("panel.publish"),
+          label: a("panel.publish"),
           run: () => {
-            G(() => a.publish(t.id), r("panel.published"));
+            ee(() => s.publish(t.id), a("panel.published"));
           }
         }
-      ), m.push({
+      ), S.push({
         key: "delete",
         icon: "trash",
-        label: r("panel.delete"),
+        label: a("panel.delete"),
         danger: !0,
         run: () => {
-          te(t);
+          he(t);
         }
-      }), m;
+      }), S;
     }
-    async function te(t) {
-      await j({
-        title: r("panel.delete-title", { title: t.title }),
-        message: r("panel.delete-text"),
-        confirmText: r("panel.delete"),
-        cancelText: r("panel.cancel"),
+    async function he(t) {
+      await te({
+        title: a("panel.delete-title", { title: t.title }),
+        message: a("panel.delete-text"),
+        confirmText: a("panel.delete"),
+        cancelText: a("panel.cancel"),
         tone: "danger"
-      }) && await G(() => a.remove(t.id), r("panel.deleted"));
+      }) && await ee(() => s.remove(t.id), a("panel.deleted"));
     }
-    async function ve(t) {
-      await G(() => a.restore(t.id), r("panel.restored"));
+    async function se(t) {
+      await ee(() => s.restore(t.id), a("panel.restored"));
     }
-    async function G(t, m) {
+    async function ee(t, S) {
       try {
-        await t(), S.success(m);
-      } catch (v) {
-        S.danger(W(v));
+        await t(), W.success(S);
+      } catch (u) {
+        W.danger(V(u));
       } finally {
-        await L();
+        await F();
       }
     }
-    async function U(t) {
+    async function ne(t) {
       if (t.url)
         try {
-          await navigator.clipboard.writeText(t.url), S.success(r("panel.address-copied"));
+          await navigator.clipboard.writeText(t.url), W.success(a("panel.address-copied"));
         } catch {
         }
     }
     function J(t) {
       return t === "published" || t === "modified" ? "success" : "default";
     }
-    function pe(t) {
-      return p.value ? "—" : t.path === null ? r("panel.no-address") : `/${t.path}`;
+    function fe(t) {
+      return h.value ? "—" : t.path === null ? a("panel.no-address") : `/${t.path}`;
     }
-    const he = y(
-      () => V.value ? [{ key: "new", label: r("panel.new"), icon: "plus", primary: !0, run: () => {
-        R();
+    const Q = y(
+      () => q.value ? [{ key: "new", label: a("panel.new"), icon: "plus", primary: !0, run: () => {
+        pe();
       } }] : []
     );
-    return (t, m) => (d(), B("div", Nt, [
-      h(e(Ge), {
-        view: f.value,
-        "onUpdate:view": m[2] || (m[2] = (v) => f.value = v),
-        title: n.value,
-        views: K.value,
-        actions: he.value,
+    return (t, S) => (v(), P("div", Rt, [
+      f(e(Xe), {
+        view: p.value,
+        "onUpdate:view": S[2] || (S[2] = (u) => p.value = u),
+        title: l.value,
+        views: H.value,
+        actions: Q.value,
         padding: "sm"
       }, {
-        default: c(() => [
-          A("div", At, [
-            h(e(Ie), {
-              modelValue: F.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (v) => F.value = v),
+        default: d(() => [
+          A("div", Lt, [
+            f(e(Ee), {
+              modelValue: G.value,
+              "onUpdate:modelValue": S[0] || (S[0] = (u) => G.value = u),
               class: "wx-services__search",
               size: "sm",
               clearable: "",
-              placeholder: e(r)("panel.search"),
-              "aria-label": e(r)("panel.search")
+              placeholder: e(a)("panel.search"),
+              "aria-label": e(a)("panel.search")
             }, {
-              prefix: c(() => [
-                h(e(_e), {
+              prefix: d(() => [
+                f(e(Te), {
                   name: "search",
                   size: "sm"
                 })
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder", "aria-label"]),
-            h(e(mt), {
+            f(e(_t), {
               class: "wx-services__category",
-              "model-value": z.value,
-              options: x.value.map((v) => ({ value: v.id, label: v.title })),
-              placeholder: e(r)("panel.any-category"),
-              "aria-label": e(r)("panel.filter-category"),
+              "model-value": I.value,
+              options: m.value.map((u) => ({ value: u.id, label: u.title })),
+              placeholder: e(a)("panel.any-category"),
+              "aria-label": e(a)("panel.filter-category"),
               clearable: "",
               size: "sm",
-              "onUpdate:modelValue": P
+              "onUpdate:modelValue": T
             }, null, 8, ["model-value", "options", "placeholder", "aria-label"])
           ]),
-          T.value && s.value.length === 0 ? (d(), k(e(ne), {
+          k.value && r.value.length === 0 ? (v(), _(e(ue), {
             key: 0,
             class: "wx-services__loading",
             rows: 5
-          })) : s.value.length === 0 ? (d(), k(e(qe), {
+          })) : r.value.length === 0 ? (v(), _(e(Ie), {
             key: 1,
-            title: q.value,
-            description: f.value === "" && E.value === "" && z.value === null ? e(r)("panel.empty-help") : void 0
-          }, null, 8, ["title", "description"])) : (d(), B(Y, { key: 2 }, [
-            h(e(bt), {
-              modelValue: s.value,
-              "onUpdate:modelValue": m[1] || (m[1] = (v) => s.value = v),
-              class: ye(["wx-services__list", { "is-loading": T.value }]),
+            title: j.value,
+            description: p.value === "" && E.value === "" && I.value === null ? e(a)("panel.empty-help") : void 0
+          }, null, 8, ["title", "description"])) : (v(), P(Y, { key: 2 }, [
+            f(e(kt), {
+              modelValue: r.value,
+              "onUpdate:modelValue": S[1] || (S[1] = (u) => r.value = u),
+              class: ge(["wx-services__list", { "is-loading": k.value }]),
               plain: "",
               "item-key": "id",
               handle: Z.value ? "grip" : "row",
-              "item-label": (v) => v.title,
+              "item-label": (u) => u.title,
               disabled: !Z.value,
-              onMove: I
+              onMove: K
             }, {
-              default: c(({ item: v }) => [
-                (d(), k(at(p.value ? "div" : "router-link"), rt({ class: "wx-service-row" }, p.value ? {} : { to: { path: `${o.base}/${v.id}`, query: e(l).query } }), {
-                  default: c(() => [
+              default: d(({ item: u }) => [
+                (v(), _(nt(h.value ? "div" : "router-link"), ot({ class: "wx-service-row" }, h.value ? {} : { to: { path: `${o.base}/${u.id}`, query: e(n).query } }), {
+                  default: d(() => [
                     A("span", {
-                      class: ye(["wx-service-row__cover", { "is-empty": !v.cover }])
+                      class: ge(["wx-service-row__cover", { "is-empty": !u.cover }])
                     }, [
-                      v.cover?.thumb ? (d(), B("img", {
+                      u.cover?.thumb ? (v(), P("img", {
                         key: 0,
-                        src: v.cover.thumb,
+                        src: u.cover.thumb,
                         alt: "",
                         loading: "lazy"
-                      }, null, 8, Bt)) : (d(), k(e(_e), {
+                      }, null, 8, Mt)) : (v(), _(e(Te), {
                         key: 1,
                         name: "image",
                         size: "sm"
                       }))
                     ], 2),
-                    A("span", Ot, [
-                      A("span", Pt, w(v.title), 1),
-                      A("span", Dt, [
-                        _(w(pe(v)), 1),
-                        p.value ? D("", !0) : (d(), k(e(je), {
+                    A("span", Ut, [
+                      A("span", Ht, x(u.title), 1),
+                      A("span", Ft, [
+                        C(x(fe(u)), 1),
+                        h.value ? M("", !0) : (v(), _(e(Ze), {
                           key: 0,
-                          locale: v.address_locale
+                          locale: u.address_locale
                         }, null, 8, ["locale"]))
                       ])
                     ]),
-                    A("span", Mt, [
-                      A("span", Lt, [
-                        (d(!0), B(Y, null, $e(v.categories, (se, fe) => (d(), B(Y, {
-                          key: se.id
+                    A("span", Kt, [
+                      A("span", Jt, [
+                        (v(!0), P(Y, null, Ce(u.categories, (R, ye) => (v(), P(Y, {
+                          key: R.id
                         }, [
-                          fe === 0 ? (d(), k(e(wt), {
+                          ye === 0 ? (v(), _(e(Tt), {
                             key: 0,
-                            content: e(r)("panel.main-category")
+                            content: e(a)("panel.main-category")
                           }, {
-                            default: c(() => [
-                              h(e(Q), {
+                            default: d(() => [
+                              f(e(X), {
                                 size: "sm",
                                 round: "",
                                 type: "primary"
                               }, {
-                                default: c(() => [
-                                  _(w(se.title), 1)
+                                default: d(() => [
+                                  C(x(R.title), 1)
                                 ]),
                                 _: 2
                               }, 1024)
                             ]),
                             _: 2
-                          }, 1032, ["content"])) : (d(), k(e(Q), {
+                          }, 1032, ["content"])) : (v(), _(e(X), {
                             key: 1,
                             size: "sm",
                             round: ""
                           }, {
-                            default: c(() => [
-                              _(w(se.title), 1)
+                            default: d(() => [
+                              C(x(R.title), 1)
                             ]),
                             _: 2
                           }, 1024))
                         ], 64))), 128))
                       ]),
-                      A("span", Rt, [
-                        h(e(Q), {
-                          type: J(v.status),
+                      A("span", Gt, [
+                        f(e(X), {
+                          type: J(u.status),
                           dot: "",
                           size: "sm"
                         }, {
-                          default: c(() => [
-                            _(w(e(r)(`panel.status-${v.status}`)), 1)
+                          default: d(() => [
+                            C(x(e(a)(`panel.status-${u.status}`)), 1)
                           ]),
                           _: 2
                         }, 1032, ["type"]),
-                        v.status === "modified" ? (d(), k(e(Q), {
+                        u.status === "modified" ? (v(), _(e(X), {
                           key: 0,
                           type: "primary",
                           size: "sm",
                           round: ""
                         }, {
-                          default: c(() => [
-                            _(w(e(r)("panel.edits")), 1)
+                          default: d(() => [
+                            C(x(e(a)("panel.edits")), 1)
                           ]),
                           _: 1
-                        })) : D("", !0)
+                        })) : M("", !0)
                       ])
                     ])
                   ]),
                   _: 2
                 }, 1040))
               ]),
-              actions: c(({ item: v }) => [
-                h(e(Je), {
-                  actions: de(v),
-                  label: v.title
+              actions: d(({ item: u }) => [
+                f(e(Ye), {
+                  actions: z(u),
+                  label: u.title
                 }, null, 8, ["actions", "label"])
               ]),
               _: 1
             }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
-            V.value && !p.value ? (d(), k(e(Ve), {
+            q.value && !h.value ? (v(), _(e(St), {
               key: 0,
               class: "wx-services__note",
               type: "info",
-              description: e(N).hint.value
-            }, null, 8, ["description"])) : D("", !0)
+              description: e(O).hint.value
+            }, null, 8, ["description"])) : M("", !0)
           ], 64))
         ]),
         _: 1
       }, 8, ["view", "title", "views", "actions"])
     ]));
   }
-}), Ht = /* @__PURE__ */ be(Ut, [["__scopeId", "data-v-b32f9ad4"]]);
-function Ft(u = "/services") {
+}), Qt = /* @__PURE__ */ we(jt, [["__scopeId", "data-v-b32f9ad4"]]);
+function Xt(c = "/services") {
   return {
     api: "services/categories",
-    path: `${u}/categories`,
+    path: `${c}/categories`,
     name: "webx.services.categories",
     module: "service-categories",
     screen: "services.category-form",
     manage: "services.categories.manage",
     count: "services_count",
     // The list narrowed to one category is also where its own order is dragged.
-    items: (o) => ({ path: u, query: { category: String(o) } }),
+    items: (o) => ({ path: c, query: { category: String(o) } }),
     words: {
       new: "webx-services::category.new",
       empty: "webx-services::category.empty",
@@ -1032,18 +1047,18 @@ function Ft(u = "/services") {
     }
   };
 }
-function Xt(u = {}) {
-  const o = u.path ?? "/services";
+function as(c = {}) {
+  const o = c.path ?? "/services";
   return [
     {
       id: "services",
       path: o,
       routes: [
-        { path: o, name: "webx.services", component: Ht, props: { base: o } },
+        { path: o, name: "webx.services", component: Qt, props: { base: o } },
         {
           path: `${o}/:id(\\d+)`,
           name: "webx.services.edit",
-          component: Wt,
+          component: Et,
           props: { base: o }
         }
       ],
@@ -1053,28 +1068,28 @@ function Xt(u = {}) {
        * particular is shared, and reads the prefix from the editor hosting the screen.
        */
       types: {
-        "wx-service-history": { component: zt, kind: "display" }
+        "wx-service-history": { component: Bt, kind: "display" }
       }
     },
     {
       id: "service-categories",
       path: `${o}/categories`,
-      routes: Qe(Ft(o))
+      routes: et(Xt(o))
     }
   ];
 }
 export {
-  ge as SERVICES_API,
-  Et as WxServiceCreateDialog,
-  Wt as WxServiceEditorPage,
-  zt as WxServiceHistory,
-  Ht as WxServicesPage,
-  ce as createServicesApi,
-  xt as provideServiceEditor,
-  Ft as serviceCategoriesOptions,
-  ze as serviceEditorKey,
-  Xt as services,
-  kt as servicesMessages,
-  _t as useServiceEditor
+  be as SERVICES_API,
+  Dt as WxServiceCreateDialog,
+  Et as WxServiceEditorPage,
+  Bt as WxServiceHistory,
+  Qt as WxServicesPage,
+  de as createServicesApi,
+  $t as provideServiceEditor,
+  Xt as serviceCategoriesOptions,
+  Ne as serviceEditorKey,
+  as as services,
+  Ct as servicesMessages,
+  Wt as useServiceEditor
 };
 //# sourceMappingURL=index.js.map