@webx-ui/module-blog 0.2.2 → 0.4.0

package/dist/index.js

@@ -1,16 +1,16 @@
-import { provide as ct, inject as vt, defineComponent as ee, computed as v, openBlock as p, createElementBlock as Z, createVNode as n, unref as e, withCtx as l, createBlock as C, createTextVNode as w, toDisplayString as b, createCommentVNode as H, useModel as qe, mergeModels as Me, ref as z, watch as ue, onMounted as Ne, onBeforeUnmount as Je, Fragment as be, createElementVNode as j, renderList as Be, normalizeClass as Pe, useTemplateRef as De, nextTick as Ze, isRef as Ie, withKeys as ze, resolveDynamicComponent as tt, mergeProps as pt, useId as ft, withModifiers as at } from "vue";
-import { useAdmin as ne, useTranslate as Q, useDates as mt, useErrorText as ge, WxScreenHead as bt, WxScreen as gt, WxSaveState as ht, WxDate as je, rowMenuWidth as st, WxListScreen as Qe, WxRowMenu as Re, WxFilterChips as yt } from "@webx-ui/module-admin";
-import { useLocales as Xe, WxFormItem as ie, WxText as G, WxAlert as We, WxSelect as _e, localizedValue as wt, confirm as me, WxSkeleton as Ue, WxBadge as oe, WxBreadcrumb as _t, WxBreadcrumbItem as lt, WxButton as J, WxActionBar as rt, toast as L, WxEmpty as Ge, WxSortableList as Ye, WxAction as Oe, useModal as Ee, WxDialog as Fe, WxInput as Ae, WxSpace as Le, useElementWidth as xt, createModal as Ce, WxTable as ot, WxEntityCard as kt, WxIcon as we, WxTooltip as et, WxHeading as $t, WxTextarea as Tt, WxSwitch as Vt, WxCard as At, WxListDetail as St, WxCheckbox as Wt } from "@webx-ui/core";
-import { useRoute as He, useRouter as Ke, onBeforeRouteLeave as Ct } from "vue-router";
-import { provideBlocksPreview as zt } from "@webx-ui/module-blocks";
-const ut = /* @__PURE__ */ Symbol("wx-article-editor");
-function Rt(f) {
-  ct(ut, f);
+import { provide as vt, inject as pt, defineComponent as X, useModel as Ie, computed as p, openBlock as h, createBlock as M, unref as e, mergeModels as Pe, ref as U, watch as ue, onMounted as Be, onBeforeUnmount as je, createElementBlock as G, Fragment as _e, createVNode as s, withCtx as i, createTextVNode as z, toDisplayString as T, createCommentVNode as j, createElementVNode as H, renderList as De, normalizeClass as Ge, normalizeProps as ft, guardReactiveProps as gt, useTemplateRef as Ee, nextTick as Je, isRef as Ue, withKeys as qe, resolveDynamicComponent as et, mergeProps as bt, useId as mt, withModifiers as tt } from "vue";
+import { useAdmin as ne, useTranslate as Q, useDates as ht, useErrorText as pe, WxScreenHead as yt, WxScreen as wt, WxSaveState as _t, WxDate as He, rowMenuWidth as nt, WxListScreen as Ze, WxRowMenu as ze, WxFilterChips as xt, WxRichTextField as kt } from "@webx-ui/module-admin";
+import { WxSelect as ye, useLocales as Qe, localizedValue as $t, confirm as ve, WxSkeleton as Ne, WxCard as Tt, WxBadge as se, WxBreadcrumb as Vt, WxBreadcrumbItem as at, WxAlert as we, WxButton as J, WxActionBar as st, toast as F, WxEmpty as rt, WxText as le, WxSortableList as Xe, WxAction as ot, WxInput as Ve, WxFormItem as ie, useModal as Re, WxDialog as Me, WxSpace as Oe, useElementWidth as At, createModal as Ce, WxTable as ut, WxEntityCard as St, WxIcon as Te, WxTooltip as Ye, WxTabs as Wt, WxTab as Ke, WxSwitch as Ct, WxCheckbox as zt } from "@webx-ui/core";
+import { useRoute as Le, useRouter as Fe, onBeforeRouteLeave as Ut } from "vue-router";
+import { provideBlocksPreview as Rt } from "@webx-ui/module-blocks";
+const ct = /* @__PURE__ */ Symbol("wx-article-editor");
+function Mt(g) {
+  vt(ct, g);
 }
-function Se() {
-  return vt(ut, null);
+function Ae() {
+  return pt(ct, null);
 }
-const Ut = {
+const qt = {
   module: {
     group: "Blog",
     articles: "Articles",
@@ -76,7 +76,7 @@ const Ut = {
   article: {
     trail: "Where this article sits",
     untitled: "Untitled",
-    save: "Save draft",
+    save: "Save",
     "save-failed": "The article was not saved.",
     schedule: "Schedule",
     scheduled: "The article is scheduled.",
@@ -99,13 +99,12 @@ const Ut = {
     leave: "Leave",
     "leave-title": "Leave without saving?",
     "leave-text": "The article could not be saved, and what you wrote is not on the server.",
-    "live-never": "Never published",
     "live-scheduled": "Goes out :date",
     "live-since": "On the site since :date",
-    "live-edited": "edits waiting",
-    "live-off": "Off the site",
-    address: "Address",
-    "no-address": "No address in this language",
+    "unpublish-title": "Take “:title” off the site?",
+    "unpublish-text": "It stops answering at its address. The draft, the history and the rubrics stay — publishing puts it back.",
+    "unpublish-waiting": "It has not gone out yet. The day it was set for will pass without it.",
+    "unpublish-help": "Takes the article off the site without deleting it.",
     "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
     author: "Author",
     "no-author": "Nobody",
@@ -141,24 +140,24 @@ const Ut = {
     new: "New rubric",
     empty: "No rubrics yet.",
     "empty-help": "A rubric is a section of the blog. An article can be in several of them.",
-    choose: "Pick a rubric to edit it.",
     order: "The order here is the order on the site",
     hidden: "Hidden from the site",
     "no-address": "No address in this language",
-    back: "Rubrics",
     articles: ":count articles",
     "show-articles": "Show its articles",
+    edit: "Edit",
+    "tab-content": "Content",
+    "tab-cover": "Image",
+    "tab-seo": "SEO",
     "field-title": "Name",
     "field-slug": "Address",
-    "field-lead": "Introduction",
-    "lead-help": "Printed above the list of articles.",
-    "field-cover": "Cover",
     visible: "Show on the site",
     "visible-help": "Hidden, it drops out of the menu and answers 404. Its articles go on answering at their own addresses.",
+    "field-lead": "Introduction",
+    "lead-help": "Printed above the list of articles.",
+    "cover-help": "Shown wherever the site lists the sections.",
     "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
-    seo: "SEO for this rubric",
-    "seo-help": "The title and the description of this page come from the SEO rules.",
-    "seo-override": "Write them for “:name”",
+    "seo-help": "Left empty, the title and the description of this page come from the SEO rules.",
     delete: "Delete",
     "delete-blocked": "While it holds articles it cannot go — move them first.",
     "delete-title": "Delete “:name”?",
@@ -225,345 +224,305 @@ const Ut = {
     "merge-warning": ":count articles will carry “:tag” instead. :merged tags will be deleted, and there is no undoing it.",
     "merge-confirm": "Merge"
   }
-}, it = /* @__PURE__ */ new WeakSet();
-function te() {
+}, lt = /* @__PURE__ */ new WeakSet();
+function Y() {
   try {
-    const { i18n: f } = ne();
-    it.has(f) || (f.defaults("webx-blog", Ut), it.add(f));
+    const { i18n: g } = ne();
+    lt.has(g) || (g.defaults("webx-blog", qt), lt.add(g));
   } catch {
   }
 }
-const qt = { class: "wx-article-address" }, Mt = /* @__PURE__ */ ee({
-  name: "WxArticleAddress",
-  __name: "ArticleAddress",
-  setup(f) {
-    const m = Se(), r = Xe();
-    te();
-    const y = Q("webx-blog"), u = v(() => {
-      const s = m?.values.value.slug;
-      return typeof s == "string" ? s : s?.[r.active.value] ?? "";
-    }), a = v(() => u.value === "" ? null : `/${[m?.prefix.value ?? "", u.value].filter(Boolean).join("/")}`), t = v(() => {
-      const s = m?.article.value?.path;
-      return typeof s == "string" && a.value !== null && a.value !== `/${s}`;
-    });
-    return (s, i) => (p(), Z("div", qt, [
-      n(e(ie), {
-        label: e(y)("article.address")
-      }, {
-        default: l(() => [
-          a.value ? (p(), C(e(G), {
-            key: 0,
-            mono: "",
-            class: "wx-article-address__value"
-          }, {
-            default: l(() => [
-              w(b(a.value), 1)
-            ]),
-            _: 1
-          })) : (p(), C(e(G), {
-            key: 1,
-            size: "sm",
-            tone: "muted"
-          }, {
-            default: l(() => [
-              w(b(e(y)("article.no-address")), 1)
-            ]),
-            _: 1
-          }))
-        ]),
-        _: 1
-      }, 8, ["label"]),
-      t.value ? (p(), C(e(We), {
-        key: 0,
-        type: "info",
-        variant: "soft",
-        description: e(y)("article.address-moving")
-      }, null, 8, ["description"])) : H("", !0)
-    ]));
-  }
-}), ve = (f, m) => {
-  const r = f.__vccOpts || f;
-  for (const [y, u] of m)
-    r[y] = u;
-  return r;
-}, Nt = /* @__PURE__ */ ve(Mt, [["__scopeId", "data-v-2ee0dcfe"]]), Bt = /* @__PURE__ */ ee({
+const Nt = /* @__PURE__ */ X({
   name: "WxArticleAuthor",
   __name: "ArticleAuthor",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Pe({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const m = f, r = qe(f, "modelValue"), y = Se();
-    te();
-    const u = Q("webx-blog"), a = v(() => m.disabled || y?.disabled.value === !0), t = v(
-      () => (y?.options.value.authors ?? []).map((i) => ({
-        label: i.title,
-        value: i.id
+  setup(g) {
+    const o = g, c = Ie(g, "modelValue"), w = Ae();
+    Y();
+    const n = Q("webx-blog"), l = p(() => o.disabled || w?.disabled.value === !0), t = p(
+      () => (w?.options.value.authors ?? []).map((a) => ({
+        label: a.title,
+        value: a.id
       }))
-    ), s = v({
-      get: () => r.value,
-      set: (i) => {
-        r.value = typeof i == "number" ? i : null;
+    ), u = p({
+      get: () => c.value,
+      set: (a) => {
+        c.value = typeof a == "number" ? a : null;
       }
     });
-    return (i, x) => (p(), C(e(_e), {
-      modelValue: s.value,
-      "onUpdate:modelValue": x[0] || (x[0] = (T) => s.value = T),
+    return (a, x) => (h(), M(e(ye), {
+      modelValue: u.value,
+      "onUpdate:modelValue": x[0] || (x[0] = (b) => u.value = b),
       options: t.value,
-      placeholder: e(u)("article.no-author"),
-      disabled: a.value,
+      placeholder: e(n)("article.no-author"),
+      disabled: l.value,
       clearable: "",
       filterable: "",
       teleport: "",
-      "aria-label": e(u)("article.author")
+      "aria-label": e(n)("article.author")
     }, null, 8, ["modelValue", "options", "placeholder", "disabled", "aria-label"]));
   }
 });
-function de(f) {
-  const m = `${f.apiPath}/blog/articles`, r = `${f.apiPath}/blog/rubrics`, y = `${f.apiPath}/blog/tags`, u = (a) => a.data;
+function re(g) {
+  const o = `${g.apiPath}/blog/articles`, c = `${g.apiPath}/blog/rubrics`, w = `${g.apiPath}/blog/tags`, n = (l) => l.data;
   return {
-    articles: (a = {}) => {
+    articles: (l = {}) => {
       const t = new URLSearchParams();
-      a.q && t.set("q", a.q), a.rubric != null && t.set("rubric", String(a.rubric)), a.tag != null && t.set("tag", String(a.tag)), a.author != null && t.set("author", String(a.author)), a.status && t.set("status", a.status), a.sort && t.set("sort", a.sort), a.trashed && t.set("trashed", "1"), a.page && a.page > 1 && t.set("page", String(a.page)), a.per_page && t.set("per_page", String(a.per_page));
-      const s = t.size > 0 ? `?${t}` : "";
-      return f.http.get(`${m}${s}`).then((i) => ({ ...i.meta, data: i.data, filters: i.filters }));
+      l.q && t.set("q", l.q), l.rubric != null && t.set("rubric", String(l.rubric)), l.tag != null && t.set("tag", String(l.tag)), l.author != null && t.set("author", String(l.author)), l.status && t.set("status", l.status), l.sort && t.set("sort", l.sort), l.trashed && t.set("trashed", "1"), l.page && l.page > 1 && t.set("page", String(l.page)), l.per_page && t.set("per_page", String(l.per_page));
+      const u = t.size > 0 ? `?${t}` : "";
+      return g.http.get(`${o}${u}`).then((a) => ({ ...a.meta, data: a.data, filters: a.filters }));
     },
-    get: (a) => f.http.get(`${m}/${a}`).then(u),
-    create: (a) => f.http.post(m, a).then(u),
-    save: (a, t) => f.http.put(`${m}/${a}`, t).then(u),
-    discard: (a) => f.http.post(`${m}/${a}/discard`, {}).then(u),
-    versions: (a) => f.http.get(`${m}/${a}/versions`).then(u),
-    restoreVersion: (a, t) => f.http.post(`${m}/${a}/versions/${t}/restore`, {}).then(u),
-    tags: (a = "") => {
-      const t = a.trim() === "" ? "" : `?q=${encodeURIComponent(a.trim())}`;
-      return f.http.get(`${y}${t}`).then(u);
+    get: (l) => g.http.get(`${o}/${l}`).then(n),
+    create: (l) => g.http.post(o, l).then(n),
+    save: (l, t) => g.http.put(`${o}/${l}`, t).then(n),
+    discard: (l) => g.http.post(`${o}/${l}/discard`, {}).then(n),
+    versions: (l) => g.http.get(`${o}/${l}/versions`).then(n),
+    restoreVersion: (l, t) => g.http.post(`${o}/${l}/versions/${t}/restore`, {}).then(n),
+    tags: (l = "") => {
+      const t = l.trim() === "" ? "" : `?q=${encodeURIComponent(l.trim())}`;
+      return g.http.get(`${w}${t}`).then(n);
     },
-    createTag: (a) => f.http.post(y, a).then(u),
-    publish: (a, t) => f.http.post(`${m}/${a}/publish`, t == null ? {} : { at: t }).then(u),
-    unpublish: (a) => f.http.post(`${m}/${a}/unpublish`, {}).then(u),
-    remove: (a) => f.http.delete(`${m}/${a}`).then(() => {
+    createTag: (l) => g.http.post(w, l).then(n),
+    publish: (l, t) => g.http.post(`${o}/${l}/publish`, t == null ? {} : { at: t }).then(n),
+    unpublish: (l) => g.http.post(`${o}/${l}/unpublish`, {}).then(n),
+    remove: (l) => g.http.delete(`${o}/${l}`).then(() => {
     }),
-    restore: (a) => f.http.post(`${m}/${a}/restore`, {}).then(u),
-    rubrics: () => f.http.get(r),
-    createRubric: (a) => f.http.post(r, a).then(u),
-    saveRubric: (a, t) => f.http.put(`${r}/${a}`, t).then(u),
-    removeRubric: (a) => f.http.delete(`${r}/${a}`).then(() => {
+    restore: (l) => g.http.post(`${o}/${l}/restore`, {}).then(n),
+    rubrics: () => g.http.get(c),
+    createRubric: (l) => g.http.post(c, l).then(n),
+    saveRubric: (l, t) => g.http.put(`${c}/${l}`, t).then(n),
+    removeRubric: (l) => g.http.delete(`${c}/${l}`).then(() => {
     }),
-    sortRubrics: (a) => f.http.post(`${r}/reorder`, { ids: a }).then(() => {
+    sortRubrics: (l) => g.http.post(`${c}/reorder`, { ids: l }).then(() => {
     }),
-    tagsPage: (a = {}) => {
+    tagsPage: (l = {}) => {
       const t = new URLSearchParams();
-      a.q && t.set("q", a.q), a.empty && t.set("empty", "1"), a.noindex && t.set("noindex", "1"), a.sort && t.set("sort", a.sort), a.page && a.page > 1 && t.set("page", String(a.page)), a.per_page && t.set("per_page", String(a.per_page));
-      const s = t.size > 0 ? `?${t}` : "";
-      return f.http.get(`${y}${s}`).then((i) => ({ ...i.meta, data: i.data, filters: i.filters }));
+      l.q && t.set("q", l.q), l.empty && t.set("empty", "1"), l.noindex && t.set("noindex", "1"), l.sort && t.set("sort", l.sort), l.page && l.page > 1 && t.set("page", String(l.page)), l.per_page && t.set("per_page", String(l.per_page));
+      const u = t.size > 0 ? `?${t}` : "";
+      return g.http.get(`${w}${u}`).then((a) => ({ ...a.meta, data: a.data, filters: a.filters }));
     },
-    saveTag: (a, t) => f.http.put(`${y}/${a}`, t).then(u),
-    removeTag: (a) => f.http.delete(`${y}/${a}`).then(() => {
+    saveTag: (l, t) => g.http.put(`${w}/${l}`, t).then(n),
+    removeTag: (l) => g.http.delete(`${w}/${l}`).then(() => {
     }),
-    massTags: (a, t) => f.http.post(`${y}/mass`, { ids: a, action: t }).then((s) => s.data.affected),
-    mergeTags: (a, t, s) => f.http.post(`${y}/merge`, { ids: a, keep: t, redirect: s }).then(u)
+    massTags: (l, t) => g.http.post(`${w}/mass`, { ids: l, action: t }).then((u) => u.data.affected),
+    mergeTags: (l, t, u) => g.http.post(`${w}/merge`, { ids: l, keep: t, redirect: u }).then(n)
   };
 }
-const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__ */ ee({
+const It = { class: "wx-article-editor__screen" }, Pt = 1200, Bt = /* @__PURE__ */ X({
   __name: "ArticleEditorPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(f) {
-    const m = f, r = ne(), y = de(r), u = He(), a = Ke(), t = Xe(), s = mt();
-    te();
-    const i = Q("webx-blog"), x = ge(), T = v(() => Number(u.params.id)), c = v(() => `${m.base}/articles`), o = z(null), _ = z({}), W = z(""), S = z(""), E = z(null), F = z({ rubrics: [], authors: [] }), $ = z([]), U = z(!0), R = z(!1), M = z(!1), A = z({}), I = z(null), K = z(""), P = z(0), q = v(() => r.can("blog.articles.manage")), k = v(() => !q.value || M.value), le = v(() => JSON.stringify(_.value)), O = v(() => K.value !== "" && le.value !== K.value), se = v(() => R.value ? "saving" : O.value ? "unsaved" : "saved"), xe = v(() => {
-      const V = _.value.title;
-      return wt(V, t.active.value, o.value?.title ?? "");
-    }), ce = v(() => {
-      const V = _.value.published_at;
+  setup(g) {
+    const o = g, c = ne(), w = re(c), n = Le(), l = Fe(), t = Qe(), u = ht();
+    Y();
+    const a = Q("webx-blog"), x = pe(), b = p(() => Number(n.params.id)), d = p(() => `${o.base}/articles`), f = U(null), v = U({}), S = U(""), W = U(""), O = U(null), L = U({ rubrics: [], authors: [] }), $ = U([]), C = U(!0), q = U(!1), N = U(!1), A = U({}), E = U(null), y = U(""), K = U(0), k = p(() => c.can("blog.articles.manage")), P = p(() => !k.value || N.value), B = p(() => JSON.stringify(v.value)), Z = p(() => y.value !== "" && B.value !== y.value), be = p(() => q.value ? "saving" : Z.value ? "unsaved" : "saved"), xe = p(() => {
+      const V = v.value.title;
+      return $t(V, t.active.value, f.value?.title ?? "");
+    }), de = p(() => {
+      const V = v.value.published_at;
       return typeof V == "string" && V !== "" ? V : null;
-    }), he = v(() => {
-      if (ce.value === null) return !1;
-      const V = new Date(ce.value.replace(" ", "T"));
+    }), me = p(() => {
+      if (de.value === null) return !1;
+      const V = new Date(de.value.replace(" ", "T"));
       return !Number.isNaN(V.valueOf()) && V.valueOf() > Date.now();
-    }), Te = v(() => {
-      const V = o.value;
+    }), We = p(() => {
+      const V = f.value;
       if (!V) return "";
-      const Y = s.short(V.published_at);
+      const te = u.short(V.published_at);
       return {
-        draft: i("article.live-never"),
-        scheduled: i("article.live-scheduled", { date: Y }),
-        published: i("article.live-since", { date: Y }),
-        modified: `${i("article.live-since", { date: Y })} · ${i("article.live-edited")}`,
-        unpublished: i("article.live-off")
+        scheduled: a("article.live-scheduled", { date: te }),
+        published: a("article.live-since", { date: te }),
+        modified: a("article.live-since", { date: te })
       }[V.status] ?? "";
     });
-    zt({ url: v(() => E.value), reload: P }), Rt({
-      article: o,
-      values: _,
-      options: F,
+    Rt({ url: p(() => O.value), reload: K }), Mt({
+      article: f,
+      values: v,
+      options: L,
       related: $,
-      prefix: S,
-      base: m.base,
-      canManage: q.value,
-      disabled: k,
-      reload: () => pe(!0),
-      save: () => N()
+      prefix: W,
+      base: o.base,
+      canManage: k.value,
+      disabled: P,
+      reload: () => fe(!0),
+      save: () => R()
     });
     function ke(V) {
-      o.value = V.article, _.value = V.values, W.value = V.revision, S.value = V.prefix, E.value = V.preview_url, F.value = V.options, $.value = V.related, K.value = JSON.stringify(V.values), I.value = null;
+      f.value = V.article, v.value = V.values, S.value = V.revision, W.value = V.prefix, O.value = V.preview_url, L.value = V.options, $.value = V.related, y.value = JSON.stringify(V.values), E.value = null;
     }
-    async function pe(V = !1) {
-      V || (U.value = !0);
+    async function fe(V = !1) {
+      V || (C.value = !0);
       try {
-        ke(await y.get(T.value));
-      } catch (Y) {
-        L.danger(x(Y)), a.push(c.value);
+        ke(await w.get(b.value));
+      } catch (te) {
+        F.danger(x(te)), l.push(d.value);
       } finally {
-        U.value = !1;
+        C.value = !1;
       }
     }
-    let re;
-    function fe() {
-      !q.value || I.value || !O.value || (clearTimeout(re), re = setTimeout(() => {
-        N();
-      }, Dt));
+    let oe;
+    function ge() {
+      !k.value || E.value || !Z.value || (clearTimeout(oe), oe = setTimeout(() => {
+        R();
+      }, Pt));
     }
-    function g() {
-      !q.value || I.value || !O.value || R.value || (clearTimeout(re), N());
+    function m() {
+      !k.value || E.value || !Z.value || q.value || (clearTimeout(oe), R());
     }
-    async function N() {
-      if (!o.value || R.value || !q.value) return;
-      clearTimeout(re);
-      const V = le.value, Y = _.value;
-      R.value = !0, A.value = {};
+    async function R() {
+      if (!f.value || q.value || !k.value) return;
+      clearTimeout(oe);
+      const V = B.value, te = v.value;
+      q.value = !0, A.value = {};
       try {
-        const ae = await y.save(o.value.id, { values: Y, revision: W.value });
-        o.value = ae.article, W.value = ae.revision, S.value = ae.prefix, E.value = ae.preview_url, F.value = ae.options, $.value = ae.related, I.value = null, le.value === V && (K.value = V), P.value += 1;
+        const ae = await w.save(f.value.id, { values: te, revision: S.value });
+        f.value = ae.article, S.value = ae.revision, W.value = ae.prefix, O.value = ae.preview_url, L.value = ae.options, $.value = ae.related, E.value = null, B.value === V && (y.value = V), K.value += 1;
       } catch (ae) {
-        const Ve = ae;
-        Ve.status === 409 && Ve.body?.data ? I.value = Ve.body : Ve.body?.errors ? (A.value = Ve.body.errors, L.danger(i("article.save-failed"))) : L.danger(x(ae));
+        const Se = ae;
+        Se.status === 409 && Se.body?.data ? E.value = Se.body : Se.body?.errors ? (A.value = Se.body.errors, F.danger(a("article.save-failed"))) : F.danger(x(ae));
       } finally {
-        R.value = !1;
+        q.value = !1;
       }
     }
-    async function B() {
-      await me({
-        title: i("article.conflict-theirs-title"),
-        message: i("article.conflict-theirs-text"),
-        confirmText: i("article.conflict-theirs"),
-        cancelText: i("panel.cancel"),
+    async function I() {
+      await ve({
+        title: a("article.conflict-theirs-title"),
+        message: a("article.conflict-theirs-text"),
+        confirmText: a("article.conflict-theirs"),
+        cancelText: a("panel.cancel"),
         tone: "danger"
-      }) && await pe(!0);
-    }
-    async function X() {
-      const V = I.value;
-      V && (W.value = V.data.revision, I.value = null, await N());
-    }
-    async function ye() {
-      if (!(!o.value || !await me({
-        title: i("article.discard-title"),
-        message: i("article.discard-text"),
-        confirmText: i("article.discard"),
-        cancelText: i("panel.cancel"),
+      }) && await fe(!0);
+    }
+    async function ee() {
+      const V = E.value;
+      V && (S.value = V.data.revision, E.value = null, await R());
+    }
+    async function he() {
+      if (!(!f.value || !await ve({
+        title: a("article.discard-title"),
+        message: a("article.discard-text"),
+        confirmText: a("article.discard"),
+        cancelText: a("panel.cancel"),
         tone: "danger"
       }))) {
-        M.value = !0;
+        N.value = !0;
         try {
-          ke(await y.discard(o.value.id)), L.success(i("article.discarded"));
-        } catch (Y) {
-          L.danger(x(Y));
+          ke(await w.discard(f.value.id)), F.success(a("article.discarded"));
+        } catch (te) {
+          F.danger(x(te));
         } finally {
-          M.value = !1;
+          N.value = !1;
         }
       }
     }
-    async function d() {
-      const V = o.value;
+    async function r() {
+      const V = f.value;
       if (!V) return;
-      const Y = V.path === null ? null : `/${V.path}`, ae = ce.value === null ? i("article.publish-now") : s.short(ce.value);
-      if (await me({
-        title: i("article.publish-title", { title: V.title }),
-        message: he.value ? i("article.publish-later", { date: ae }) : Y === null ? i("article.publish-nowhere") : i("article.publish-text", { address: Y }),
-        confirmText: he.value ? i("article.schedule") : i("panel.publish"),
-        cancelText: i("panel.cancel")
-      }) && (O.value && await N(), !I.value)) {
-        M.value = !0;
+      const te = V.path === null ? null : `/${V.path}`, ae = de.value === null ? a("article.publish-now") : u.short(de.value);
+      if (await ve({
+        title: a("article.publish-title", { title: V.title }),
+        message: me.value ? a("article.publish-later", { date: ae }) : te === null ? a("article.publish-nowhere") : a("article.publish-text", { address: te }),
+        confirmText: me.value ? a("article.schedule") : a("panel.publish"),
+        cancelText: a("panel.cancel")
+      }) && (Z.value && await R(), !E.value)) {
+        N.value = !0;
         try {
-          await y.publish(V.id, ce.value), await pe(!0), L.success(he.value ? i("article.scheduled") : i("panel.published"));
+          await w.publish(V.id, de.value), await fe(!0), F.success(me.value ? a("article.scheduled") : a("panel.published"));
         } catch (dt) {
-          L.danger(x(dt));
+          F.danger(x(dt));
         } finally {
-          M.value = !1;
+          N.value = !1;
         }
       }
     }
     function D() {
-      const V = o.value?.status;
+      const V = f.value?.status;
       return V === "published" ? "success" : V === "modified" ? "warning" : V === "scheduled" ? "primary" : "default";
     }
-    function h(V) {
-      O.value && V.preventDefault();
-    }
-    ue(le, fe), ue(T, () => {
-      pe();
-    }), Ne(() => {
-      pe(), window.addEventListener("beforeunload", h);
-    }), Je(() => {
-      clearTimeout(re), window.removeEventListener("beforeunload", h);
-    }), Ct(async () => !O.value || !q.value || (await N(), !O.value) ? !0 : await me({
-      title: i("article.leave-title"),
-      message: i("article.leave-text"),
-      confirmText: i("article.leave"),
-      cancelText: i("panel.cancel"),
+    function _(V) {
+      Z.value && V.preventDefault();
+    }
+    ue(B, ge), ue(b, () => {
+      fe();
+    }), Be(() => {
+      fe(), window.addEventListener("beforeunload", _);
+    }), je(() => {
+      clearTimeout(oe), window.removeEventListener("beforeunload", _);
+    }), Ut(async () => !Z.value || !k.value || (await R(), !Z.value) ? !0 : await ve({
+      title: a("article.leave-title"),
+      message: a("article.leave-text"),
+      confirmText: a("article.leave"),
+      cancelText: a("panel.cancel"),
       tone: "danger"
     }));
-    const $e = v(() => {
+    const $e = p(() => {
       const V = [];
-      return E.value && V.push({ key: "preview", label: i("article.preview"), icon: "eye", href: E.value }), o.value?.url && o.value.status !== "draft" && V.push({
+      return O.value && V.push({ key: "preview", label: a("article.preview"), icon: "eye", href: O.value }), f.value?.url && f.value.status !== "draft" && V.push({
         key: "site",
-        label: i("panel.open-on-site"),
+        label: a("panel.open-on-site"),
         icon: "link",
-        href: o.value.url
+        href: f.value.url
+      }), f.value?.status === "modified" && V.push({
+        key: "discard",
+        label: a("article.discard"),
+        icon: "refresh",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          he();
+        }
       }), V;
     });
-    return (V, Y) => (p(), Z("div", {
+    return (V, te) => (h(), G("div", {
       class: "wx-article-editor",
-      onFocusout: g
+      onFocusout: m
     }, [
-      U.value || !o.value ? (p(), Z(be, { key: 0 }, [
-        n(e(Ue), {
+      C.value || !f.value ? (h(), G(_e, { key: 0 }, [
+        s(e(Ne), {
           class: "wx-article-editor__ghost",
           title: "",
           rows: 1
         }),
-        n(e(Ue), { rows: 8 })
-      ], 64)) : (p(), Z(be, { key: 1 }, [
-        n(e(bt), {
+        s(e(Tt), null, {
+          default: i(() => [
+            s(e(Ne), { rows: 8 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (h(), G(_e, { key: 1 }, [
+        s(e(yt), {
           divider: "",
-          back: c.value,
-          "back-label": e(i)("module.articles"),
-          title: xe.value || e(i)("article.untitled"),
+          back: d.value,
+          "back-label": e(a)("module.articles"),
+          title: xe.value || e(a)("article.untitled"),
+          subtitle: We.value,
           actions: $e.value
         }, {
-          trail: l(() => [
-            n(e(_t), {
+          trail: i(() => [
+            s(e(Vt), {
               size: "sm",
-              label: e(i)("article.trail")
+              label: e(a)("article.trail")
             }, {
-              default: l(() => [
-                n(e(lt), {
+              default: i(() => [
+                s(e(at), {
                   as: "router-link",
-                  to: c.value
+                  to: d.value
                 }, {
-                  default: l(() => [
-                    w(b(e(i)("module.articles")), 1)
+                  default: i(() => [
+                    z(T(e(a)("module.articles")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                n(e(lt), { current: "" }, {
-                  default: l(() => [
-                    w(b(xe.value || e(i)("article.untitled")), 1)
+                s(e(at), { current: "" }, {
+                  default: i(() => [
+                    z(T(xe.value || e(a)("article.untitled")), 1)
                   ]),
                   _: 1
                 })
@@ -571,581 +530,653 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
               _: 1
             }, 8, ["label"])
           ]),
-          "title-after": l(() => [
-            n(e(oe), {
+          "title-after": i(() => [
+            s(e(se), {
               type: D(),
               dot: ""
             }, {
-              default: l(() => [
-                w(b(e(i)(`panel.status-${o.value.status}`)), 1)
+              default: i(() => [
+                z(T(e(a)(`panel.status-${f.value.status}`)), 1)
               ]),
               _: 1
-            }, 8, ["type"])
+            }, 8, ["type"]),
+            f.value.status === "modified" ? (h(), M(e(se), {
+              key: 0,
+              type: "primary",
+              round: ""
+            }, {
+              default: i(() => [
+                z(T(e(a)("panel.edits")), 1)
+              ]),
+              _: 1
+            })) : j("", !0)
           ]),
           _: 1
-        }, 8, ["back", "back-label", "title", "actions"]),
-        I.value ? (p(), C(e(We), {
+        }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
+        E.value ? (h(), M(e(we), {
           key: 0,
           type: "warning",
-          title: e(i)("article.conflict-title"),
-          description: I.value.message
+          title: e(a)("article.conflict-title"),
+          description: E.value.message
         }, {
-          actions: l(() => [
-            n(e(J), {
+          actions: i(() => [
+            s(e(J), {
               size: "sm",
               variant: "outline",
-              onClick: B
+              onClick: I
             }, {
-              default: l(() => [
-                w(b(e(i)("article.conflict-theirs")), 1)
+              default: i(() => [
+                z(T(e(a)("article.conflict-theirs")), 1)
               ]),
               _: 1
             }),
-            n(e(J), {
+            s(e(J), {
               size: "sm",
               type: "primary",
-              onClick: X
+              onClick: ee
             }, {
-              default: l(() => [
-                w(b(e(i)("article.conflict-mine")), 1)
+              default: i(() => [
+                z(T(e(a)("article.conflict-mine")), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["title", "description"])) : H("", !0),
-        j("div", Pt, [
-          n(e(gt), {
-            modelValue: _.value,
-            "onUpdate:modelValue": Y[0] || (Y[0] = (ae) => _.value = ae),
+        }, 8, ["title", "description"])) : j("", !0),
+        H("div", It, [
+          s(e(wt), {
+            modelValue: v.value,
+            "onUpdate:modelValue": te[0] || (te[0] = (ae) => v.value = ae),
             name: "blog.article-form",
             errors: A.value,
-            disabled: k.value
+            disabled: P.value
           }, null, 8, ["modelValue", "errors", "disabled"])
         ]),
-        q.value ? (p(), C(e(rt), { key: 1 }, {
-          state: l(() => [
-            n(e(ht), { state: se.value }, null, 8, ["state"]),
-            Te.value ? (p(), C(e(G), {
-              key: 0,
-              size: "sm",
-              tone: "muted"
-            }, {
-              default: l(() => [
-                w(b(Te.value), 1)
-              ]),
-              _: 1
-            })) : H("", !0)
+        k.value ? (h(), M(e(st), { key: 1 }, {
+          state: i(() => [
+            s(e(_t), { state: be.value }, null, 8, ["state"])
           ]),
-          default: l(() => [
-            o.value.status === "modified" ? (p(), C(e(J), {
-              key: 0,
-              variant: "text",
-              loading: M.value,
-              onClick: ye
-            }, {
-              default: l(() => [
-                w(b(e(i)("article.discard")), 1)
-              ]),
-              _: 1
-            }, 8, ["loading"])) : H("", !0),
-            n(e(J), {
+          default: i(() => [
+            s(e(J), {
               variant: "outline",
-              loading: R.value,
-              disabled: !O.value,
-              onClick: N
+              loading: q.value,
+              disabled: !Z.value,
+              onClick: R
             }, {
-              default: l(() => [
-                w(b(e(i)("article.save")), 1)
+              default: i(() => [
+                z(T(e(a)("article.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"]),
-            n(e(J), {
+            s(e(J), {
               type: "primary",
-              loading: M.value,
-              disabled: o.value.status === "published" && !O.value,
-              onClick: d
+              loading: N.value,
+              disabled: f.value.status === "published" && !Z.value,
+              onClick: r
             }, {
-              default: l(() => [
-                w(b(he.value ? e(i)("article.schedule") : e(i)("panel.publish")), 1)
+              default: i(() => [
+                z(T(me.value ? e(a)("article.schedule") : e(a)("panel.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : H("", !0)
+        })) : j("", !0)
       ], 64))
     ], 32));
   }
-}), Ot = /* @__PURE__ */ ve(It, [["__scopeId", "data-v-45a48838"]]), Et = { class: "wx-article-history" }, Ft = { class: "wx-article-history__number" }, Lt = { class: "wx-article-history__who" }, Ht = /* @__PURE__ */ ee({
+}), ce = (g, o) => {
+  const c = g.__vccOpts || g;
+  for (const [w, n] of o)
+    c[w] = n;
+  return c;
+}, Dt = /* @__PURE__ */ ce(Bt, [["__scopeId", "data-v-d3973be7"]]), Et = { class: "wx-article-history" }, Ot = { class: "wx-article-history__number" }, Lt = { class: "wx-article-history__who" }, Ft = /* @__PURE__ */ X({
   name: "WxArticleHistory",
   __name: "ArticleHistory",
-  setup(f) {
-    const m = ne(), r = de(m), y = Se();
-    te();
-    const u = Q("webx-blog"), a = ge(), t = z(null), s = z(!1), i = v(() => y?.article.value ?? null), x = v(() => m.can("blog.articles.manage")), T = v(
-      () => i.value?.status === "published" || i.value?.status === "modified" ? t.value?.[0]?.number ?? null : null
+  setup(g) {
+    const o = ne(), c = re(o), w = Ae();
+    Y();
+    const n = Q("webx-blog"), l = pe(), t = U(null), u = U(!1), a = p(() => w?.article.value ?? null), x = p(() => o.can("blog.articles.manage")), b = p(
+      () => a.value?.status === "published" || a.value?.status === "modified" ? t.value?.[0]?.number ?? null : null
     );
-    async function c() {
-      const _ = i.value;
-      if (_)
+    async function d() {
+      const v = a.value;
+      if (v)
         try {
-          t.value = await r.versions(_.id);
-        } catch (W) {
-          t.value = [], L.danger(a(W));
+          t.value = await c.versions(v.id);
+        } catch (S) {
+          t.value = [], F.danger(l(S));
         }
     }
-    async function o(_) {
-      const W = i.value;
-      if (!(!W || !await me({
-        title: u("article.restore-title", { number: _.number }),
-        message: u("article.restore-text"),
-        confirmText: u("article.restore-version"),
-        cancelText: u("panel.cancel")
+    async function f(v) {
+      const S = a.value;
+      if (!(!S || !await ve({
+        title: n("article.restore-title", { number: v.number }),
+        message: n("article.restore-text"),
+        confirmText: n("article.restore-version"),
+        cancelText: n("panel.cancel")
       }))) {
-        s.value = !0;
+        u.value = !0;
         try {
-          await r.restoreVersion(W.id, _.number), await y?.reload(), L.success(u("article.restored-version", { number: _.number }));
-        } catch (E) {
-          L.danger(a(E));
+          await c.restoreVersion(S.id, v.number), await w?.reload(), F.success(n("article.restored-version", { number: v.number }));
+        } catch (O) {
+          F.danger(l(O));
         } finally {
-          s.value = !1;
+          u.value = !1;
         }
       }
     }
     return ue(
-      () => [i.value?.id, i.value?.published_at, i.value?.updated_at],
+      () => [a.value?.id, a.value?.published_at, a.value?.updated_at],
       () => {
-        c();
+        d();
       },
       { immediate: !0 }
-    ), (_, W) => (p(), Z("div", Et, [
-      t.value === null ? (p(), C(e(Ue), {
+    ), (v, S) => (h(), G("div", Et, [
+      t.value === null ? (h(), M(e(Ne), {
         key: 0,
         class: "wx-article-history__ghost",
         rows: 3
-      })) : t.value.length === 0 ? (p(), C(e(Ge), {
+      })) : t.value.length === 0 ? (h(), M(e(rt), {
         key: 1,
-        description: e(u)("article.history-empty")
-      }, null, 8, ["description"])) : (p(!0), Z(be, { key: 2 }, Be(t.value, (S) => (p(), Z("div", {
-        key: S.number,
-        class: Pe(["wx-article-history__row", { "is-live": S.number === T.value }])
+        description: e(n)("article.history-empty")
+      }, null, 8, ["description"])) : (h(!0), G(_e, { key: 2 }, De(t.value, (W) => (h(), G("div", {
+        key: W.number,
+        class: Ge(["wx-article-history__row", { "is-live": W.number === b.value }])
       }, [
-        j("code", Ft, b(e(u)("article.version", { number: S.number })), 1),
-        j("div", Lt, [
-          S.created_at ? (p(), C(e(je), {
+        H("code", Ot, T(e(n)("article.version", { number: W.number })), 1),
+        H("div", Lt, [
+          W.created_at ? (h(), M(e(He), {
             key: 0,
-            value: S.created_at,
+            value: W.created_at,
             size: "md",
             tone: "default"
-          }, null, 8, ["value"])) : H("", !0),
-          n(e(G), {
+          }, null, 8, ["value"])) : j("", !0),
+          s(e(le), {
             size: "sm",
             tone: "muted"
           }, {
-            default: l(() => [
-              w(b(S.author ?? e(u)(`article.source-${S.source}`)) + " ", 1),
-              S.comment ? (p(), Z(be, { key: 0 }, [
-                w(" · " + b(S.comment), 1)
-              ], 64)) : H("", !0)
+            default: i(() => [
+              z(T(W.author ?? e(n)(`article.source-${W.source}`)) + " ", 1),
+              W.comment ? (h(), G(_e, { key: 0 }, [
+                z(" · " + T(W.comment), 1)
+              ], 64)) : j("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        S.number === T.value ? (p(), C(e(oe), {
+        W.number === b.value ? (h(), M(e(se), {
           key: 0,
           type: "success",
           dot: ""
         }, {
-          default: l(() => [
-            w(b(e(u)("article.version-live")), 1)
+          default: i(() => [
+            z(T(e(n)("article.version-live")), 1)
           ]),
           _: 1
-        })) : H("", !0),
-        x.value && S.number !== T.value ? (p(), C(e(J), {
+        })) : j("", !0),
+        x.value && W.number !== b.value ? (h(), M(e(J), {
           key: 1,
           size: "sm",
           variant: "outline",
-          loading: s.value,
-          onClick: (E) => o(S)
+          loading: u.value,
+          onClick: (O) => f(W)
         }, {
-          default: l(() => [
-            w(b(e(u)("article.restore-version")), 1)
+          default: i(() => [
+            z(T(e(n)("article.restore-version")), 1)
           ]),
           _: 1
-        }, 8, ["loading", "onClick"])) : H("", !0)
+        }, 8, ["loading", "onClick"])) : j("", !0)
       ], 2))), 128))
     ]));
   }
-}), Kt = /* @__PURE__ */ ve(Ht, [["__scopeId", "data-v-0a997938"]]), jt = { class: "wx-article-related" }, Gt = { class: "wx-article-related__name" }, Jt = 250, Zt = 10, Qt = /* @__PURE__ */ ee({
+}), Kt = /* @__PURE__ */ ce(Ft, [["__scopeId", "data-v-0a997938"]]), Ht = { class: "wx-article-related" }, jt = { class: "wx-article-related__name" }, Gt = 250, Jt = 10, Zt = /* @__PURE__ */ X({
   name: "WxArticleRelated",
   __name: "ArticleRelated",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Pe({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const m = f, r = qe(f, "modelValue"), y = ne(), u = de(y), a = Se();
-    te();
-    const t = Q("webx-blog"), s = ge(), i = v(() => m.disabled || a?.disabled.value === !0), x = z(/* @__PURE__ */ new Map()), T = z([]);
-    let c;
+  setup(g) {
+    const o = g, c = Ie(g, "modelValue"), w = ne(), n = re(w), l = Ae();
+    Y();
+    const t = Q("webx-blog"), u = pe(), a = p(() => o.disabled || l?.disabled.value === !0), x = U(/* @__PURE__ */ new Map()), b = U([]);
+    let d;
     ue(
-      () => a?.related.value,
+      () => l?.related.value,
       ($) => {
-        const U = new Map(x.value);
-        for (const R of $ ?? []) U.set(R.id, R.title);
-        x.value = U;
+        const C = new Map(x.value);
+        for (const q of $ ?? []) C.set(q.id, q.title);
+        x.value = C;
       },
       { immediate: !0, deep: !0 }
     );
-    const o = v({
-      get: () => r.value.map(($) => ({ id: $, title: x.value.get($) ?? `#${$}` })),
+    const f = p({
+      get: () => c.value.map(($) => ({ id: $, title: x.value.get($) ?? `#${$}` })),
       set: ($) => {
-        r.value = $.map((U) => U.id);
+        c.value = $.map((C) => C.id);
       }
-    }), _ = v(
-      () => T.value.filter(($) => !r.value.includes($.id)).map(($) => ({ label: $.title, value: $.id }))
+    }), v = p(
+      () => b.value.filter(($) => !c.value.includes($.id)).map(($) => ({ label: $.title, value: $.id }))
     );
-    async function W($) {
-      const U = a?.article.value?.id;
+    async function S($) {
+      const C = l?.article.value?.id;
       try {
-        const R = await u.articles({ q: $, per_page: Zt });
-        T.value = R.data.filter((A) => A.id !== U).map((A) => ({ id: A.id, title: A.title }));
-        const M = new Map(x.value);
-        for (const A of T.value) M.set(A.id, A.title);
-        x.value = M;
-      } catch (R) {
-        L.danger(s(R));
+        const q = await n.articles({ q: $, per_page: Jt });
+        b.value = q.data.filter((A) => A.id !== C).map((A) => ({ id: A.id, title: A.title }));
+        const N = new Map(x.value);
+        for (const A of b.value) N.set(A.id, A.title);
+        x.value = N;
+      } catch (q) {
+        F.danger(u(q));
       }
     }
-    function S($) {
-      clearTimeout(c), c = setTimeout(() => {
-        W($);
-      }, Jt);
+    function W($) {
+      clearTimeout(d), d = setTimeout(() => {
+        S($);
+      }, Gt);
     }
-    function E($) {
-      typeof $ != "number" || r.value.includes($) || (r.value = [...r.value, $]);
+    function O($) {
+      typeof $ != "number" || c.value.includes($) || (c.value = [...c.value, $]);
     }
-    function F($) {
-      r.value = r.value.filter((U) => U !== $);
+    function L($) {
+      c.value = c.value.filter((C) => C !== $);
     }
     return ue(
-      () => a?.article.value?.id,
+      () => l?.article.value?.id,
       () => {
-        W("");
+        S("");
       },
       { immediate: !0 }
-    ), Je(() => clearTimeout(c)), ($, U) => (p(), Z("div", jt, [
-      n(e(Ye), {
-        modelValue: o.value,
-        "onUpdate:modelValue": U[0] || (U[0] = (R) => o.value = R),
+    ), je(() => clearTimeout(d)), ($, C) => (h(), G("div", Ht, [
+      s(e(Xe), {
+        modelValue: f.value,
+        "onUpdate:modelValue": C[0] || (C[0] = (q) => f.value = q),
         plain: "",
         size: "sm",
         "item-key": "id",
         "item-label": "title",
-        disabled: i.value,
+        disabled: a.value,
         "empty-text": e(t)("article.related-empty"),
         "aria-label": e(t)("article.related")
       }, {
-        default: l(({ item: R }) => [
-          j("span", Gt, b(R.title), 1)
+        default: i(({ item: q }) => [
+          H("span", jt, T(q.title), 1)
         ]),
-        actions: l(({ item: R }) => [
-          n(e(Oe), {
+        actions: i(({ item: q }) => [
+          s(e(ot), {
             type: "remove",
             size: "sm",
-            disabled: i.value,
+            disabled: a.value,
             title: e(t)("article.related-remove"),
-            onClick: (M) => F(R.id)
+            onClick: (N) => L(q.id)
           }, null, 8, ["disabled", "title", "onClick"])
         ]),
         _: 1
       }, 8, ["modelValue", "disabled", "empty-text", "aria-label"]),
-      n(e(_e), {
+      s(e(ye), {
         "model-value": null,
-        options: _.value,
+        options: v.value,
         placeholder: e(t)("article.related-add"),
         "empty-text": e(t)("article.related-nothing"),
-        disabled: i.value,
+        disabled: a.value,
         filterable: "",
         teleport: "",
         "aria-label": e(t)("article.related-add"),
-        onSearch: S,
-        "onUpdate:modelValue": E
+        onSearch: W,
+        "onUpdate:modelValue": O
       }, null, 8, ["options", "placeholder", "empty-text", "disabled", "aria-label"])
     ]));
   }
-}), Xt = /* @__PURE__ */ ve(Qt, [["__scopeId", "data-v-164e86fe"]]), Yt = { class: "wx-article-rubrics" }, ea = { class: "wx-article-rubrics__name" }, ta = /* @__PURE__ */ ee({
+}), Qt = /* @__PURE__ */ ce(Zt, [["__scopeId", "data-v-164e86fe"]]), Xt = { class: "wx-article-rubrics" }, Yt = { class: "wx-article-rubrics__name" }, ea = /* @__PURE__ */ X({
   name: "WxArticleRubrics",
   __name: "ArticleRubrics",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Pe({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const m = f, r = qe(f, "modelValue"), y = Se();
-    te();
-    const u = Q("webx-blog"), a = v(() => m.disabled || y?.disabled.value === !0), t = v(() => {
-      const c = /* @__PURE__ */ new Map();
-      for (const o of y?.options.value.rubrics ?? []) c.set(o.id, o.title);
-      return c;
-    }), s = v({
-      get: () => r.value.map((c) => ({ id: c, title: t.value.get(c) ?? `#${c}` })),
-      set: (c) => {
-        r.value = c.map((o) => o.id);
+  setup(g) {
+    const o = g, c = Ie(g, "modelValue"), w = Ae();
+    Y();
+    const n = Q("webx-blog"), l = p(() => o.disabled || w?.disabled.value === !0), t = p(() => {
+      const d = /* @__PURE__ */ new Map();
+      for (const f of w?.options.value.rubrics ?? []) d.set(f.id, f.title);
+      return d;
+    }), u = p({
+      get: () => c.value.map((d) => ({ id: d, title: t.value.get(d) ?? `#${d}` })),
+      set: (d) => {
+        c.value = d.map((f) => f.id);
       }
-    }), i = v(
-      () => (y?.options.value.rubrics ?? []).filter((c) => !r.value.includes(c.id)).map((c) => ({ label: c.title, value: c.id }))
+    }), a = p(
+      () => (w?.options.value.rubrics ?? []).filter((d) => !c.value.includes(d.id)).map((d) => ({ label: d.title, value: d.id }))
     );
-    function x(c) {
-      typeof c != "number" || r.value.includes(c) || (r.value = [...r.value, c]);
+    function x(d) {
+      typeof d != "number" || c.value.includes(d) || (c.value = [...c.value, d]);
     }
-    function T(c) {
-      r.value = r.value.filter((o) => o !== c);
+    function b(d) {
+      c.value = c.value.filter((f) => f !== d);
     }
-    return (c, o) => (p(), Z("div", Yt, [
-      n(e(Ye), {
-        modelValue: s.value,
-        "onUpdate:modelValue": o[0] || (o[0] = (_) => s.value = _),
+    return (d, f) => (h(), G("div", Xt, [
+      s(e(Xe), {
+        modelValue: u.value,
+        "onUpdate:modelValue": f[0] || (f[0] = (v) => u.value = v),
         plain: "",
         size: "sm",
         "item-key": "id",
         "item-label": "title",
-        disabled: a.value,
-        "empty-text": e(u)("article.rubrics-empty"),
-        "aria-label": e(u)("article.rubrics")
+        disabled: l.value,
+        "empty-text": e(n)("article.rubrics-empty"),
+        "aria-label": e(n)("article.rubrics")
       }, {
-        default: l(({ item: _, index: W }) => [
-          j("span", ea, b(_.title), 1),
-          W === 0 ? (p(), C(e(oe), {
+        default: i(({ item: v, index: S }) => [
+          H("span", Yt, T(v.title), 1),
+          S === 0 ? (h(), M(e(se), {
             key: 0,
             type: "primary"
           }, {
-            default: l(() => [
-              w(b(e(u)("article.rubric-main")), 1)
+            default: i(() => [
+              z(T(e(n)("article.rubric-main")), 1)
             ]),
             _: 1
-          })) : H("", !0)
+          })) : j("", !0)
         ]),
-        actions: l(({ item: _ }) => [
-          n(e(Oe), {
+        actions: i(({ item: v }) => [
+          s(e(ot), {
             type: "remove",
             size: "sm",
-            disabled: a.value,
-            title: e(u)("article.rubric-remove"),
-            onClick: (W) => T(_.id)
+            disabled: l.value,
+            title: e(n)("article.rubric-remove"),
+            onClick: (S) => b(v.id)
           }, null, 8, ["disabled", "title", "onClick"])
         ]),
         _: 1
       }, 8, ["modelValue", "disabled", "empty-text", "aria-label"]),
-      n(e(_e), {
+      s(e(ye), {
         "model-value": null,
-        options: i.value,
-        placeholder: e(u)("article.rubric-add"),
-        disabled: a.value || i.value.length === 0,
-        "empty-text": e(u)("article.rubric-none-left"),
+        options: a.value,
+        placeholder: e(n)("article.rubric-add"),
+        disabled: l.value || a.value.length === 0,
+        "empty-text": e(n)("article.rubric-none-left"),
         filterable: "",
         teleport: "",
-        "aria-label": e(u)("article.rubric-add"),
+        "aria-label": e(n)("article.rubric-add"),
         "onUpdate:modelValue": x
       }, null, 8, ["options", "placeholder", "disabled", "empty-text", "aria-label"])
     ]));
   }
-}), aa = /* @__PURE__ */ ve(ta, [["__scopeId", "data-v-db8c5bc8"]]), la = { class: "wx-article-tags" }, ia = {
+}), ta = /* @__PURE__ */ ce(ea, [["__scopeId", "data-v-76ca7a6f"]]), aa = { class: "wx-article-slug" }, la = { class: "wx-article-slug__prefix" }, ia = /* @__PURE__ */ X({
+  name: "WxArticleSlug",
+  inheritAttrs: !1,
+  __name: "ArticleSlug",
+  setup(g) {
+    const o = Ae(), c = Qe();
+    Y();
+    const w = Q("webx-blog"), n = p(() => {
+      const u = o?.prefix.value ?? "";
+      return u === "" ? "/" : `/${u}/`;
+    }), l = p(() => {
+      const u = o?.values.value.slug;
+      return typeof u == "string" ? u : u?.[c.active.value] ?? "";
+    }), t = p(() => {
+      const u = o?.article.value?.path;
+      return typeof u == "string" && l.value !== "" && `${n.value}${l.value}` != `/${u}`;
+    });
+    return (u, a) => (h(), G("div", aa, [
+      s(e(Ve), ft(gt(u.$attrs)), {
+        prefix: i(() => [
+          H("span", la, T(n.value), 1)
+        ]),
+        _: 1
+      }, 16),
+      t.value ? (h(), M(e(we), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(w)("article.address-moving")
+      }, null, 8, ["description"])) : j("", !0)
+    ]));
+  }
+}), na = /* @__PURE__ */ ce(ia, [["__scopeId", "data-v-5da20e5e"]]), sa = { class: "wx-article-tags" }, ra = {
   key: 0,
   class: "wx-article-tags__chips"
-}, na = { class: "wx-article-tags__pick" }, sa = 250, ra = /* @__PURE__ */ ee({
+}, oa = { class: "wx-article-tags__pick" }, ua = 250, ca = /* @__PURE__ */ X({
   name: "WxArticleTags",
   __name: "ArticleTags",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Pe({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const m = f, r = qe(f, "modelValue"), y = ne(), u = de(y), a = Se();
-    te();
-    const t = Q("webx-blog"), s = ge(), i = v(() => m.disabled || a?.disabled.value === !0), x = z(/* @__PURE__ */ new Map()), T = z([]), c = z(""), o = z(!1);
-    let _;
+  setup(g) {
+    const o = g, c = Ie(g, "modelValue"), w = ne(), n = re(w), l = Ae();
+    Y();
+    const t = Q("webx-blog"), u = pe(), a = p(() => o.disabled || l?.disabled.value === !0), x = U(/* @__PURE__ */ new Map()), b = U([]), d = U(""), f = U(!1);
+    let v;
     ue(
-      () => a?.article.value?.tags,
+      () => l?.article.value?.tags,
       (A) => {
-        const I = new Map(x.value);
-        for (const K of A ?? []) I.set(K.id, K.title);
-        x.value = I;
+        const E = new Map(x.value);
+        for (const y of A ?? []) E.set(y.id, y.title);
+        x.value = E;
       },
       { immediate: !0, deep: !0 }
     );
-    const W = v(
-      () => r.value.map((A) => ({ id: A, title: x.value.get(A) ?? `#${A}` }))
-    ), S = v(
-      () => T.value.filter((A) => !r.value.includes(A.id)).map((A) => ({
+    const S = p(
+      () => c.value.map((A) => ({ id: A, title: x.value.get(A) ?? `#${A}` }))
+    ), W = p(
+      () => b.value.filter((A) => !c.value.includes(A.id)).map((A) => ({
         // The count is part of the label rather than a column: a select draws a line of text, and
         // the number is what the reader is choosing between two near-identical words on.
         label: t("article.tag-option", { title: A.title, count: A.articles_count }),
         value: A.id
       }))
-    ), E = v(() => {
-      const A = c.value.trim();
+    ), O = p(() => {
+      const A = d.value.trim();
       if (A === "") return null;
-      const I = (K) => K.toLowerCase() === A.toLowerCase();
-      return T.value.some((K) => I(K.title)) ? null : A;
+      const E = (y) => y.toLowerCase() === A.toLowerCase();
+      return b.value.some((y) => E(y.title)) ? null : A;
     });
-    async function F() {
+    async function L() {
       try {
-        T.value = await u.tags(c.value);
+        b.value = await n.tags(d.value);
         const A = new Map(x.value);
-        for (const I of T.value) A.set(I.id, I.title);
+        for (const E of b.value) A.set(E.id, E.title);
         x.value = A;
       } catch (A) {
-        L.danger(s(A));
+        F.danger(u(A));
       }
     }
     function $(A) {
-      c.value = A, clearTimeout(_), _ = setTimeout(() => {
-        F();
-      }, sa);
+      d.value = A, clearTimeout(v), v = setTimeout(() => {
+        L();
+      }, ua);
     }
-    function U(A) {
-      typeof A != "number" || r.value.includes(A) || (r.value = [...r.value, A], c.value = "");
+    function C(A) {
+      typeof A != "number" || c.value.includes(A) || (c.value = [...c.value, A], d.value = "");
     }
-    function R(A) {
-      r.value = r.value.filter((I) => I !== A);
+    function q(A) {
+      c.value = c.value.filter((E) => E !== A);
     }
-    async function M() {
-      const A = E.value;
-      if (!(A === null || o.value)) {
-        o.value = !0;
+    async function N() {
+      const A = O.value;
+      if (!(A === null || f.value)) {
+        f.value = !0;
         try {
-          const I = await u.createTag({ title: A });
-          x.value = new Map(x.value).set(I.id, I.title), T.value = [I, ...T.value], U(I.id);
-        } catch (I) {
-          L.danger(s(I));
+          const E = await n.createTag({ title: A });
+          x.value = new Map(x.value).set(E.id, E.title), b.value = [E, ...b.value], C(E.id);
+        } catch (E) {
+          F.danger(u(E));
         } finally {
-          o.value = !1;
+          f.value = !1;
         }
       }
     }
     return ue(
-      () => a?.article.value?.id,
+      () => l?.article.value?.id,
       () => {
-        F();
+        L();
       },
       { immediate: !0 }
-    ), Je(() => clearTimeout(_)), (A, I) => (p(), Z("div", la, [
-      W.value.length > 0 ? (p(), Z("div", ia, [
-        (p(!0), Z(be, null, Be(W.value, (K) => (p(), C(e(oe), {
-          key: K.id,
+    ), je(() => clearTimeout(v)), (A, E) => (h(), G("div", sa, [
+      S.value.length > 0 ? (h(), G("div", ra, [
+        (h(!0), G(_e, null, De(S.value, (y) => (h(), M(e(se), {
+          key: y.id,
           type: "default",
-          class: "wx-article-tags__chip"
+          closable: !a.value,
+          "close-label": e(t)("article.tag-remove"),
+          onClose: (K) => q(y.id)
         }, {
-          default: l(() => [
-            w(b(K.title) + " ", 1),
-            n(e(Oe), {
-              icon: "close",
-              tone: "neutral",
-              size: "sm",
-              disabled: i.value,
-              title: e(t)("article.tag-remove"),
-              onClick: (P) => R(K.id)
-            }, null, 8, ["disabled", "title", "onClick"])
+          default: i(() => [
+            z(T(y.title), 1)
           ]),
           _: 2
-        }, 1024))), 128))
-      ])) : (p(), C(e(G), {
+        }, 1032, ["closable", "close-label", "onClose"]))), 128))
+      ])) : (h(), M(e(le), {
         key: 1,
         size: "sm",
         tone: "muted"
       }, {
-        default: l(() => [
-          w(b(e(t)("article.tags-empty")), 1)
+        default: i(() => [
+          z(T(e(t)("article.tags-empty")), 1)
         ]),
         _: 1
       })),
-      j("div", na, [
-        n(e(_e), {
+      H("div", oa, [
+        s(e(ye), {
           "model-value": null,
-          options: S.value,
+          options: W.value,
           placeholder: e(t)("article.tag-add"),
           "empty-text": e(t)("article.tag-nothing"),
-          disabled: i.value,
+          disabled: a.value,
           filterable: "",
           teleport: "",
           "aria-label": e(t)("article.tag-add"),
           onSearch: $,
-          "onUpdate:modelValue": U
+          "onUpdate:modelValue": C
         }, null, 8, ["options", "placeholder", "empty-text", "disabled", "aria-label"]),
-        E.value ? (p(), C(e(J), {
+        O.value ? (h(), M(e(J), {
           key: 0,
           variant: "outline",
           icon: "plus",
-          loading: o.value,
-          disabled: i.value,
-          onClick: M
+          loading: f.value,
+          disabled: a.value,
+          onClick: N
         }, {
-          default: l(() => [
-            w(b(e(t)("article.tag-create", { title: E.value })), 1)
+          default: i(() => [
+            z(T(e(t)("article.tag-create", { title: O.value })), 1)
           ]),
           _: 1
-        }, 8, ["loading", "disabled"])) : H("", !0)
+        }, 8, ["loading", "disabled"])) : j("", !0)
       ])
     ]));
   }
-}), oa = /* @__PURE__ */ ve(ra, [["__scopeId", "data-v-ce095e37"]]), ua = /* @__PURE__ */ ee({
+}), da = /* @__PURE__ */ ce(ca, [["__scopeId", "data-v-faf5adec"]]), va = /* @__PURE__ */ X({
+  name: "WxArticleUnpublish",
+  __name: "ArticleUnpublish",
+  setup(g) {
+    const o = ne(), c = re(o), w = Ae();
+    Y();
+    const n = Q("webx-blog"), l = pe(), t = U(!1), u = p(() => {
+      const b = w?.article.value?.status;
+      return b === "published" || b === "modified" || b === "scheduled";
+    }), a = p(() => w?.disabled.value === !0 || t.value);
+    async function x() {
+      const b = w?.article.value;
+      if (!(!b || !await ve({
+        title: n("article.unpublish-title", { title: b.title }),
+        message: b.status === "scheduled" ? n("article.unpublish-waiting") : n("article.unpublish-text"),
+        confirmText: n("panel.unpublish"),
+        cancelText: n("panel.cancel"),
+        tone: "danger"
+      }))) {
+        t.value = !0;
+        try {
+          await c.unpublish(b.id), await w?.reload(), F.success(n("panel.unpublished-done"));
+        } catch (f) {
+          F.danger(l(f));
+        } finally {
+          t.value = !1;
+        }
+      }
+    }
+    return (b, d) => u.value && e(w)?.canManage ? (h(), M(e(ie), {
+      key: 0,
+      class: "wx-article-unpublish",
+      help: e(n)("article.unpublish-help")
+    }, {
+      default: i(() => [
+        s(e(J), {
+          variant: "outline",
+          type: "danger",
+          icon: "eye-off",
+          loading: t.value,
+          disabled: a.value,
+          onClick: x
+        }, {
+          default: i(() => [
+            z(T(e(n)("panel.unpublish")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"])
+      ]),
+      _: 1
+    }, 8, ["help"])) : j("", !0);
+  }
+}), pa = /* @__PURE__ */ ce(va, [["__scopeId", "data-v-c311cff2"]]), fa = /* @__PURE__ */ X({
   __name: "ArticleCreateDialog",
-  setup(f) {
-    const { open: m, resolve: r, dismiss: y } = Ee(), u = ne(), a = de(u);
-    te();
-    const t = Q("webx-blog"), s = z(""), i = z(!1), x = z({}), T = De("field");
-    Ne(async () => {
-      await Ze(), T.value?.querySelector("input")?.focus();
+  setup(g) {
+    const { open: o, resolve: c, dismiss: w } = Re(), n = ne(), l = re(n);
+    Y();
+    const t = Q("webx-blog"), u = U(""), a = U(!1), x = U({}), b = Ee("field");
+    Be(async () => {
+      await Je(), b.value?.querySelector("input")?.focus();
     });
-    async function c() {
-      if (!(s.value.trim() === "" || i.value)) {
-        i.value = !0, x.value = {};
+    async function d() {
+      if (!(u.value.trim() === "" || a.value)) {
+        a.value = !0, x.value = {};
         try {
-          r(await a.create({ title: s.value.trim() }));
-        } catch (o) {
-          x.value = o.body?.errors ?? {};
+          c(await l.create({ title: u.value.trim() }));
+        } catch (f) {
+          x.value = f.body?.errors ?? {};
         } finally {
-          i.value = !1;
+          a.value = !1;
         }
       }
     }
-    return (o, _) => (p(), C(e(Fe), {
-      open: e(m),
-      "onUpdate:open": _[2] || (_[2] = (W) => Ie(m) ? m.value = W : null),
+    return (f, v) => (h(), M(e(Me), {
+      open: e(o),
+      "onUpdate:open": v[2] || (v[2] = (S) => Ue(o) ? o.value = S : null),
       title: e(t)("panel.new-title"),
       width: 440
     }, {
-      footer: l(() => [
-        n(e(Le), { size: "sm" }, {
-          default: l(() => [
-            n(e(J), {
+      footer: i(() => [
+        s(e(Oe), { size: "sm" }, {
+          default: i(() => [
+            s(e(J), {
               variant: "outline",
-              onClick: _[1] || (_[1] = (W) => e(y)())
+              onClick: v[1] || (v[1] = (S) => e(w)())
             }, {
-              default: l(() => [
-                w(b(e(t)("panel.cancel")), 1)
+              default: i(() => [
+                z(T(e(t)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(J), {
+            s(e(J), {
               type: "primary",
-              loading: i.value,
-              disabled: s.value.trim() === "",
-              onClick: c
+              loading: a.value,
+              disabled: u.value.trim() === "",
+              onClick: d
             }, {
-              default: l(() => [
-                w(b(e(t)("panel.create")), 1)
+              default: i(() => [
+                z(T(e(t)("panel.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1153,22 +1184,22 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
           _: 1
         })
       ]),
-      default: l(() => [
-        n(e(ie), {
+      default: i(() => [
+        s(e(ie), {
           label: e(t)("panel.field-title"),
           error: x.value.title?.[0] ?? x.value.slug?.[0],
           required: ""
         }, {
-          default: l(() => [
-            j("div", {
+          default: i(() => [
+            H("div", {
               ref_key: "field",
-              ref: T
+              ref: b
             }, [
-              n(e(Ae), {
-                modelValue: s.value,
-                "onUpdate:modelValue": _[0] || (_[0] = (W) => s.value = W),
+              s(e(Ve), {
+                modelValue: u.value,
+                "onUpdate:modelValue": v[0] || (v[0] = (S) => u.value = S),
                 "aria-label": e(t)("panel.field-title"),
-                onKeyup: ze(c, ["enter"])
+                onKeyup: qe(d, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -1178,42 +1209,42 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
       _: 1
     }, 8, ["open", "title"]));
   }
-}), da = ["src"], ca = { class: "wx-articles__name" }, va = { class: "wx-articles__name-text" }, pa = { class: "wx-articles__title" }, fa = { class: "wx-articles__address" }, ma = { class: "wx-articles__chips" }, ba = { class: "wx-articles__state" }, nt = 640, ga = /* @__PURE__ */ ee({
+}), ga = ["src"], ba = { class: "wx-articles__name" }, ma = { class: "wx-articles__name-text" }, ha = { class: "wx-articles__title" }, ya = { class: "wx-articles__address" }, wa = { class: "wx-articles__chips" }, _a = { class: "wx-articles__state" }, it = 640, xa = /* @__PURE__ */ X({
   __name: "ArticlesPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(f) {
-    const m = f, r = ne(), y = de(r), u = He(), a = Ke();
-    te();
-    const t = Q("webx-blog"), s = Q("webx-admin"), i = ge(), x = De("root"), T = xt(x), c = z(null), o = z(!0), _ = Ce(ua), W = v(() => r.can("blog.articles.manage")), S = v(
-      () => r.state.manifest?.modules.find((d) => d.id === "articles")?.title ?? t("module.articles")
-    ), E = v({
-      get: () => typeof u.query.view == "string" ? u.query.view : "",
-      set: (d) => {
-        a.replace({
-          query: { ...u.query, view: d === "" ? void 0 : String(d), page: void 0 }
+  setup(g) {
+    const o = g, c = ne(), w = re(c), n = Le(), l = Fe();
+    Y();
+    const t = Q("webx-blog"), u = Q("webx-admin"), a = pe(), x = Ee("root"), b = At(x), d = U(null), f = U(!0), v = Ce(fa), S = p(() => c.can("blog.articles.manage")), W = p(
+      () => c.state.manifest?.modules.find((r) => r.id === "articles")?.title ?? t("module.articles")
+    ), O = p({
+      get: () => typeof n.query.view == "string" ? n.query.view : "",
+      set: (r) => {
+        l.replace({
+          query: { ...n.query, view: r === "" ? void 0 : String(r), page: void 0 }
         });
       }
-    }), F = v(() => E.value === "trashed"), $ = v(() => ({
-      q: typeof u.query.q == "string" ? u.query.q : "",
-      rubric: U(u.query.rubric),
-      tag: U(u.query.tag),
-      author: U(u.query.author),
-      sort: typeof u.query.sort == "string" ? u.query.sort : null,
-      page: Number(u.query.page ?? 1) || 1
+    }), L = p(() => O.value === "trashed"), $ = p(() => ({
+      q: typeof n.query.q == "string" ? n.query.q : "",
+      rubric: C(n.query.rubric),
+      tag: C(n.query.tag),
+      author: C(n.query.author),
+      sort: typeof n.query.sort == "string" ? n.query.sort : null,
+      page: Number(n.query.page ?? 1) || 1
     }));
-    function U(d) {
-      return typeof d == "string" && d !== "" && Number(d) || null;
+    function C(r) {
+      return typeof r == "string" && r !== "" && Number(r) || null;
     }
-    const R = v(() => [
+    const q = p(() => [
       { value: "", label: t("panel.view-all") },
       { value: "published", label: t("panel.view-published") },
       { value: "scheduled", label: t("panel.view-scheduled") },
       { value: "draft", label: t("panel.view-draft") },
       { value: "unpublished", label: t("panel.view-unpublished") },
       { value: "trashed", label: t("panel.bin"), icon: "trash" }
-    ]), M = v(() => c.value?.filters ?? { rubrics: [], tags: [], authors: [] }), A = v(() => T.value > 0 && T.value < nt), I = v(() => A.value ? [{ key: "card", label: "" }] : [
+    ]), N = p(() => d.value?.filters ?? { rubrics: [], tags: [], authors: [] }), A = p(() => b.value > 0 && b.value < it), E = p(() => A.value ? [{ key: "card", label: "" }] : [
       { key: "cover", label: "", width: 68 },
       /* The one that takes what the others leave, and the only one without a number. */
       { key: "title", label: t("panel.column-title"), minWidth: 220 },
@@ -1221,7 +1252,7 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
       { key: "author", label: t("panel.column-author"), width: 160, hideBelow: 1200 },
       {
         key: "date",
-        label: F.value ? t("panel.column-deleted") : t("panel.column-date"),
+        label: L.value ? t("panel.column-deleted") : t("panel.column-date"),
         width: 120,
         hideBelow: 700,
         // "today at 16:22" is three words the table will break over two lines given half a
@@ -1229,31 +1260,31 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
         cellClass: "wx-articles__when"
       },
       { key: "status", label: t("panel.column-status"), width: 170 },
-      { key: "actions", label: "", width: st, align: "right" }
-    ]), K = v(() => $.value.q !== "" ? t("panel.empty-search") : F.value ? t("panel.empty-bin") : t("panel.empty")), P = v(() => {
-      const d = [], D = M.value.rubrics.find((V) => V.id === $.value.rubric);
-      D && d.push({
+      { key: "actions", label: "", width: nt, align: "right" }
+    ]), y = p(() => $.value.q !== "" ? t("panel.empty-search") : L.value ? t("panel.empty-bin") : t("panel.empty")), K = p(() => {
+      const r = [], D = N.value.rubrics.find((V) => V.id === $.value.rubric);
+      D && r.push({
         key: "rubric",
         label: `${t("panel.filter-rubric")}: ${D.title}`,
-        clear: () => O("rubric", void 0)
+        clear: () => Z("rubric", void 0)
       });
-      const h = M.value.tags.find((V) => V.id === $.value.tag);
-      h && d.push({
+      const _ = N.value.tags.find((V) => V.id === $.value.tag);
+      _ && r.push({
         key: "tag",
-        label: `${t("panel.filter-tag")}: ${h.title}`,
-        clear: () => O("tag", void 0)
+        label: `${t("panel.filter-tag")}: ${_.title}`,
+        clear: () => Z("tag", void 0)
       });
-      const $e = M.value.authors.find((V) => V.id === $.value.author);
-      return $e && d.push({
+      const $e = N.value.authors.find((V) => V.id === $.value.author);
+      return $e && r.push({
         key: "author",
         label: `${t("panel.filter-author")}: ${$e.title}`,
-        clear: () => O("author", void 0)
-      }), d;
+        clear: () => Z("author", void 0)
+      }), r;
     });
-    function q() {
-      a.replace({
+    function k() {
+      l.replace({
         query: {
-          ...u.query,
+          ...n.query,
           rubric: void 0,
           tag: void 0,
           author: void 0,
@@ -1261,107 +1292,107 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
         }
       });
     }
-    async function k(d) {
-      o.value = !0;
+    async function P(r) {
+      f.value = !0;
       try {
-        c.value = await y.articles({
-          q: d?.search ?? $.value.q,
-          status: F.value ? "" : E.value,
-          trashed: F.value,
+        d.value = await w.articles({
+          q: r?.search ?? $.value.q,
+          status: L.value ? "" : O.value,
+          trashed: L.value,
           rubric: $.value.rubric,
           tag: $.value.tag,
           author: $.value.author,
-          sort: d?.sort ? `${d.sort.order === "desc" ? "-" : ""}${d.sort.key}` : null,
-          page: d?.page ?? $.value.page,
-          per_page: d?.perPage
+          sort: r?.sort ? `${r.sort.order === "desc" ? "-" : ""}${r.sort.key}` : null,
+          page: r?.page ?? $.value.page,
+          per_page: r?.perPage
         });
       } catch (D) {
-        L.danger(i(D));
+        F.danger(a(D));
       } finally {
-        o.value = !1;
+        f.value = !1;
       }
     }
-    function le(d) {
+    function B(r) {
       const D = {
-        ...u.query,
-        q: d.search === "" ? void 0 : d.search,
-        sort: d.sort === null ? void 0 : `${d.sort.order === "desc" ? "-" : ""}${d.sort.key}`,
-        page: d.page === 1 ? void 0 : String(d.page)
+        ...n.query,
+        q: r.search === "" ? void 0 : r.search,
+        sort: r.sort === null ? void 0 : `${r.sort.order === "desc" ? "-" : ""}${r.sort.key}`,
+        page: r.page === 1 ? void 0 : String(r.page)
       };
-      a.replace({ query: D }), k(d);
+      l.replace({ query: D }), P(r);
     }
-    function O(d, D) {
-      a.replace({
+    function Z(r, D) {
+      l.replace({
         query: {
-          ...u.query,
-          [d]: typeof D == "number" ? String(D) : void 0,
+          ...n.query,
+          [r]: typeof D == "number" ? String(D) : void 0,
           page: void 0
         }
       });
     }
     ue(
-      () => [E.value, $.value.rubric, $.value.tag, $.value.author],
+      () => [O.value, $.value.rubric, $.value.tag, $.value.author],
       () => {
-        k();
+        P();
       }
-    ), k();
-    function se(d) {
-      const D = `${m.base}/articles/${d.id}`;
-      a.resolve(D).matched.length > 0 && a.push({ path: D, query: { ...u.query } });
+    ), P();
+    function be(r) {
+      const D = `${o.base}/articles/${r.id}`;
+      l.resolve(D).matched.length > 0 && l.push({ path: D, query: { ...n.query } });
     }
     async function xe() {
-      const d = await _({});
-      d && (await k(), se(d));
+      const r = await v({});
+      r && (await P(), be(r));
     }
-    function ce(d) {
-      if (!W.value) return [];
-      if (F.value)
+    function de(r) {
+      if (!S.value) return [];
+      if (L.value)
         return [
           {
             key: "restore",
             icon: "refresh",
             label: t("panel.restore"),
             run: () => {
-              re(d);
+              oe(r);
             }
           }
         ];
       const D = [
-        { key: "open", icon: "edit", label: t("panel.open"), run: () => se(d) }
+        { key: "open", icon: "edit", label: t("panel.open"), run: () => be(r) }
       ];
-      return d.url && d.status !== "draft" && D.push({
+      return r.url && r.status !== "draft" && D.push({
         key: "site",
         icon: "external-link",
         label: t("panel.open-on-site"),
-        href: d.url
-      }), d.path !== null && D.push({
+        href: r.url
+      }), r.path !== null && D.push({
         key: "copy",
         icon: "copy",
         label: t("panel.copy-address"),
         run: () => {
-          g(d);
+          m(r);
         }
       }), D.push({
         key: "pin",
         icon: "star",
-        label: d.pinned ? t("panel.unpin") : t("panel.pin"),
+        label: r.pinned ? t("panel.unpin") : t("panel.pin"),
         run: () => {
-          ke(d, !d.pinned);
+          ke(r, !r.pinned);
         }
       }), D.push(
-        d.status === "published" || d.status === "modified" || d.status === "scheduled" ? {
+        r.status === "published" || r.status === "modified" || r.status === "scheduled" ? {
           key: "unpublish",
           icon: "eye-off",
           label: t("panel.unpublish"),
           run: () => {
-            Te(d);
+            We(r);
           }
         } : {
           key: "publish",
           icon: "upload",
           label: t("panel.publish"),
           run: () => {
-            he(d);
+            me(r);
           }
         }
       ), D.push({
@@ -1370,324 +1401,324 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
         label: t("panel.delete"),
         danger: !0,
         run: () => {
-          pe(d);
+          fe(r);
         }
       }), D;
     }
-    async function he(d) {
-      await fe(() => y.publish(d.id), t("panel.published"));
+    async function me(r) {
+      await ge(() => w.publish(r.id), t("panel.published"));
     }
-    async function Te(d) {
-      await fe(() => y.unpublish(d.id), t("panel.unpublished-done"));
+    async function We(r) {
+      await ge(() => w.unpublish(r.id), t("panel.unpublished-done"));
     }
-    async function ke(d, D) {
-      await fe(
-        () => y.save(d.id, { values: { pinned: D }, revision: d.revision }),
+    async function ke(r, D) {
+      await ge(
+        () => w.save(r.id, { values: { pinned: D }, revision: r.revision }),
         t(D ? "panel.pinned-done" : "panel.unpinned")
       );
     }
-    async function pe(d) {
-      await me({
-        title: t("panel.delete-title", { title: d.title }),
+    async function fe(r) {
+      await ve({
+        title: t("panel.delete-title", { title: r.title }),
         message: t("panel.delete-text"),
         confirmText: t("panel.delete"),
         cancelText: t("panel.cancel"),
         tone: "danger"
-      }) && await fe(() => y.remove(d.id), t("panel.deleted"));
+      }) && await ge(() => w.remove(r.id), t("panel.deleted"));
     }
-    async function re(d) {
-      await fe(() => y.restore(d.id), t("panel.restored"));
+    async function oe(r) {
+      await ge(() => w.restore(r.id), t("panel.restored"));
     }
-    async function fe(d, D) {
+    async function ge(r, D) {
       try {
-        await d(), L.success(D);
-      } catch (h) {
-        L.danger(i(h));
+        await r(), F.success(D);
+      } catch (_) {
+        F.danger(a(_));
       } finally {
-        await k();
+        await P();
       }
     }
-    async function g(d) {
-      if (d.url)
+    async function m(r) {
+      if (r.url)
         try {
-          await navigator.clipboard.writeText(d.url), L.success(t("panel.address-copied"));
+          await navigator.clipboard.writeText(r.url), F.success(t("panel.address-copied"));
         } catch {
         }
     }
-    function N(d) {
-      return d === "published" || d === "modified" ? "success" : d === "scheduled" ? "warning" : "default";
+    function R(r) {
+      return r === "published" || r === "modified" ? "success" : r === "scheduled" ? "warning" : "default";
     }
-    function B(d) {
-      return F.value ? "—" : d.path === null ? t("panel.no-address") : `/${d.path}`;
+    function I(r) {
+      return L.value ? "—" : r.path === null ? t("panel.no-address") : `/${r.path}`;
     }
-    function X(d) {
-      return F.value ? d.deleted_at : d.published_at;
+    function ee(r) {
+      return L.value ? r.deleted_at : r.published_at;
     }
-    const ye = v(
-      () => W.value ? [{ key: "new", label: t("panel.new"), icon: "plus", primary: !0, run: () => {
+    const he = p(
+      () => S.value ? [{ key: "new", label: t("panel.new"), icon: "plus", primary: !0, run: () => {
         xe();
       } }] : []
     );
-    return (d, D) => (p(), Z("div", {
+    return (r, D) => (h(), G("div", {
       ref_key: "root",
       ref: x,
       class: "wx-articles"
     }, [
-      n(e(Qe), {
-        view: E.value,
-        "onUpdate:view": D[3] || (D[3] = (h) => E.value = h),
-        title: S.value,
-        views: R.value,
-        actions: ye.value
+      s(e(Ze), {
+        view: O.value,
+        "onUpdate:view": D[3] || (D[3] = (_) => O.value = _),
+        title: W.value,
+        views: q.value,
+        actions: he.value
       }, {
-        default: l(() => [
-          n(e(ot), {
-            data: c.value,
-            columns: I.value,
+        default: i(() => [
+          s(e(ut), {
+            data: d.value,
+            columns: E.value,
             "row-key": "id",
             searchable: "",
-            clickable: !F.value,
-            hover: !F.value,
+            clickable: !L.value,
+            hover: !L.value,
             flush: "",
-            loading: o.value,
+            loading: f.value,
             layout: "fixed",
-            "cards-below": nt,
-            "filters-count": P.value.length,
-            "filters-label": e(s)("filters.title"),
+            "cards-below": it,
+            "filters-count": K.value.length,
+            "filters-label": e(u)("filters.title"),
             "search-placeholder": e(t)("panel.search"),
-            "empty-text": K.value,
-            "aria-label": S.value,
-            onRowClick: se,
-            onStateChange: le
+            "empty-text": y.value,
+            "aria-label": W.value,
+            onRowClick: be,
+            onStateChange: B
           }, {
-            filters: l(() => [
-              n(e(ie), {
+            filters: i(() => [
+              s(e(ie), {
                 label: e(t)("panel.filter-rubric")
               }, {
-                default: l(() => [
-                  n(e(_e), {
+                default: i(() => [
+                  s(e(ye), {
                     "model-value": $.value.rubric,
-                    options: M.value.rubrics.map((h) => ({ value: h.id, label: h.title })),
+                    options: N.value.rubrics.map((_) => ({ value: _.id, label: _.title })),
                     placeholder: e(t)("panel.any-rubric"),
                     clearable: "",
                     size: "sm",
-                    "onUpdate:modelValue": D[0] || (D[0] = (h) => O("rubric", h))
+                    "onUpdate:modelValue": D[0] || (D[0] = (_) => Z("rubric", _))
                   }, null, 8, ["model-value", "options", "placeholder"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              n(e(ie), {
+              s(e(ie), {
                 label: e(t)("panel.filter-tag")
               }, {
-                default: l(() => [
-                  n(e(_e), {
+                default: i(() => [
+                  s(e(ye), {
                     "model-value": $.value.tag,
-                    options: M.value.tags.map((h) => ({ value: h.id, label: h.title })),
+                    options: N.value.tags.map((_) => ({ value: _.id, label: _.title })),
                     placeholder: e(t)("panel.any-tag"),
                     clearable: "",
                     filterable: "",
                     size: "sm",
-                    "onUpdate:modelValue": D[1] || (D[1] = (h) => O("tag", h))
+                    "onUpdate:modelValue": D[1] || (D[1] = (_) => Z("tag", _))
                   }, null, 8, ["model-value", "options", "placeholder"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              n(e(ie), {
+              s(e(ie), {
                 label: e(t)("panel.filter-author")
               }, {
-                default: l(() => [
-                  n(e(_e), {
+                default: i(() => [
+                  s(e(ye), {
                     "model-value": $.value.author,
-                    options: M.value.authors.map((h) => ({ value: h.id, label: h.title })),
+                    options: N.value.authors.map((_) => ({ value: _.id, label: _.title })),
                     placeholder: e(t)("panel.any-author"),
                     clearable: "",
                     size: "sm",
-                    "onUpdate:modelValue": D[2] || (D[2] = (h) => O("author", h))
+                    "onUpdate:modelValue": D[2] || (D[2] = (_) => Z("author", _))
                   }, null, 8, ["model-value", "options", "placeholder"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              P.value.length > 0 ? (p(), C(e(J), {
+              K.value.length > 0 ? (h(), M(e(J), {
                 key: 0,
                 variant: "text",
                 size: "sm",
                 block: "",
-                onClick: q
+                onClick: k
               }, {
-                icon: l(() => [
-                  n(e(we), { name: "close" })
+                icon: i(() => [
+                  s(e(Te), { name: "close" })
                 ]),
-                default: l(() => [
-                  w(" " + b(e(s)("filters.reset")), 1)
+                default: i(() => [
+                  z(" " + T(e(u)("filters.reset")), 1)
                 ]),
                 _: 1
-              })) : H("", !0)
+              })) : j("", !0)
             ]),
-            applied: l(() => [
-              n(e(yt), { filters: P.value }, null, 8, ["filters"])
+            applied: i(() => [
+              s(e(xt), { filters: K.value }, null, 8, ["filters"])
             ]),
-            "cell-cover": l(({ row: h }) => [
-              j("span", {
-                class: Pe(["wx-articles__cover", { "is-empty": !h.cover }])
+            "cell-cover": i(({ row: _ }) => [
+              H("span", {
+                class: Ge(["wx-articles__cover", { "is-empty": !_.cover }])
               }, [
-                h.cover?.thumb ? (p(), Z("img", {
+                _.cover?.thumb ? (h(), G("img", {
                   key: 0,
-                  src: h.cover.thumb,
+                  src: _.cover.thumb,
                   alt: "",
                   loading: "lazy"
-                }, null, 8, da)) : (p(), C(e(we), {
+                }, null, 8, ga)) : (h(), M(e(Te), {
                   key: 1,
                   name: "image",
                   size: "sm"
                 }))
               ], 2)
             ]),
-            "cell-title": l(({ row: h }) => [
-              j("div", ca, [
-                h.pinned ? (p(), C(e(et), {
+            "cell-title": i(({ row: _ }) => [
+              H("div", ba, [
+                _.pinned ? (h(), M(e(Ye), {
                   key: 0,
                   content: e(t)("panel.pinned")
                 }, {
-                  default: l(() => [
-                    n(e(we), {
+                  default: i(() => [
+                    s(e(Te), {
                       class: "wx-articles__pin",
                       name: "star",
                       size: "sm"
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : H("", !0),
-                j("div", va, [
-                  j("span", pa, b(h.title), 1),
-                  j("span", fa, b(B(h)), 1)
+                }, 8, ["content"])) : j("", !0),
+                H("div", ma, [
+                  H("span", ha, T(_.title), 1),
+                  H("span", ya, T(I(_)), 1)
                 ])
               ])
             ]),
-            "cell-rubrics": l(({ row: h }) => [
-              j("span", ma, [
-                (p(!0), Z(be, null, Be(h.rubrics, ($e) => (p(), C(e(oe), {
+            "cell-rubrics": i(({ row: _ }) => [
+              H("span", wa, [
+                (h(!0), G(_e, null, De(_.rubrics, ($e) => (h(), M(e(se), {
                   key: $e.id,
                   size: "sm",
                   round: ""
                 }, {
-                  default: l(() => [
-                    w(b($e.title), 1)
+                  default: i(() => [
+                    z(T($e.title), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ])
             ]),
-            "cell-author": l(({ row: h }) => [
-              n(e(G), {
+            "cell-author": i(({ row: _ }) => [
+              s(e(le), {
                 size: "sm",
                 tone: "muted",
                 truncate: ""
               }, {
-                default: l(() => [
-                  w(b(h.author ? h.author.name : "—"), 1)
+                default: i(() => [
+                  z(T(_.author ? _.author.name : "—"), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-date": l(({ row: h }) => [
-              X(h) ? (p(), C(e(je), {
+            "cell-date": i(({ row: _ }) => [
+              ee(_) ? (h(), M(e(He), {
                 key: 0,
-                value: X(h),
+                value: ee(_),
                 compact: ""
-              }, null, 8, ["value"])) : (p(), C(e(G), {
+              }, null, 8, ["value"])) : (h(), M(e(le), {
                 key: 1,
                 size: "sm",
                 tone: "muted"
               }, {
-                default: l(() => [...D[4] || (D[4] = [
-                  w("—", -1)
+                default: i(() => [...D[4] || (D[4] = [
+                  z("—", -1)
                 ])]),
                 _: 1
               }))
             ]),
-            "cell-status": l(({ row: h }) => [
-              j("span", ba, [
-                n(e(oe), {
-                  type: N(h.status),
+            "cell-status": i(({ row: _ }) => [
+              H("span", _a, [
+                s(e(se), {
+                  type: R(_.status),
                   dot: "",
                   size: "sm"
                 }, {
-                  default: l(() => [
-                    w(b(e(t)(`panel.status-${h.status}`)), 1)
+                  default: i(() => [
+                    z(T(e(t)(`panel.status-${_.status}`)), 1)
                   ]),
                   _: 2
                 }, 1032, ["type"]),
-                h.status === "modified" ? (p(), C(e(oe), {
+                _.status === "modified" ? (h(), M(e(se), {
                   key: 0,
                   type: "primary",
                   size: "sm",
                   round: ""
                 }, {
-                  default: l(() => [
-                    w(b(e(t)("panel.edits")), 1)
+                  default: i(() => [
+                    z(T(e(t)("panel.edits")), 1)
                   ]),
                   _: 1
-                })) : H("", !0)
+                })) : j("", !0)
               ])
             ]),
-            "cell-card": l(({ row: h }) => [
-              n(e(kt), {
+            "cell-card": i(({ row: _ }) => [
+              s(e(St), {
                 class: "wx-articles__entity",
                 variant: "plain",
-                title: h.title,
-                image: h.cover?.thumb ?? void 0,
+                title: _.title,
+                image: _.cover?.thumb ?? void 0,
                 "image-size": "56px",
                 "title-lines": 2,
-                subtitle: B(h)
+                subtitle: I(_)
               }, {
-                title: l(() => [
-                  h.pinned ? (p(), C(e(we), {
+                title: i(() => [
+                  _.pinned ? (h(), M(e(Te), {
                     key: 0,
                     class: "wx-articles__pin",
                     name: "star",
                     size: "sm"
-                  })) : H("", !0),
-                  w(" " + b(h.title), 1)
+                  })) : j("", !0),
+                  z(" " + T(_.title), 1)
                 ]),
-                meta: l(() => [
-                  h.rubrics[0] ? (p(), C(e(oe), {
+                meta: i(() => [
+                  _.rubrics[0] ? (h(), M(e(se), {
                     key: 0,
                     size: "sm",
                     round: ""
                   }, {
-                    default: l(() => [
-                      w(b(h.rubrics[0].title), 1)
+                    default: i(() => [
+                      z(T(_.rubrics[0].title), 1)
                     ]),
                     _: 2
-                  }, 1024)) : H("", !0),
-                  n(e(oe), {
-                    type: N(h.status),
+                  }, 1024)) : j("", !0),
+                  s(e(se), {
+                    type: R(_.status),
                     dot: "",
                     size: "sm"
                   }, {
-                    default: l(() => [
-                      w(b(e(t)(`panel.status-${h.status}`)), 1)
+                    default: i(() => [
+                      z(T(e(t)(`panel.status-${_.status}`)), 1)
                     ]),
                     _: 2
                   }, 1032, ["type"]),
-                  X(h) ? (p(), C(e(je), {
+                  ee(_) ? (h(), M(e(He), {
                     key: 1,
-                    value: X(h)
-                  }, null, 8, ["value"])) : H("", !0)
+                    value: ee(_)
+                  }, null, 8, ["value"])) : j("", !0)
                 ]),
                 _: 2
               }, 1032, ["title", "image", "subtitle"])
             ]),
-            "card-actions": l(({ row: h }) => [
-              n(e(Re), {
-                actions: ce(h),
-                label: h.title
+            "card-actions": i(({ row: _ }) => [
+              s(e(ze), {
+                actions: de(_),
+                label: _.title
               }, null, 8, ["actions", "label"])
             ]),
-            "cell-actions": l(({ row: h }) => [
-              n(e(Re), {
-                actions: ce(h),
-                label: h.title
+            "cell-actions": i(({ row: _ }) => [
+              s(e(ze), {
+                actions: de(_),
+                label: _.title
               }, null, 8, ["actions", "label"])
             ]),
             _: 1
@@ -1697,25 +1728,20 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
       }, 8, ["view", "title", "views", "actions"])
     ], 512));
   }
-}), ha = /* @__PURE__ */ ve(ga, [["__scopeId", "data-v-2d93df26"]]), ya = { class: "wx-rubric-form__head" }, wa = { class: "wx-rubric-form__body" }, _a = { class: "wx-rubric-form__row" }, xa = { class: "wx-rubric-form__row" }, ka = { class: "wx-rubric-form__side" }, $a = {
-  key: 1,
-  class: "wx-rubric-form__seo"
-}, Ta = { class: "wx-rubric-form__foot" }, Va = /* @__PURE__ */ ee({
-  __name: "RubricForm",
+}), ka = /* @__PURE__ */ ce(xa, [["__scopeId", "data-v-2d93df26"]]), $a = { class: "wx-rubric-dialog__panel" }, Ta = { class: "wx-rubric-dialog__row" }, Va = { class: "wx-rubric-dialog__panel" }, Aa = { class: "wx-rubric-dialog__panel" }, Sa = /* @__PURE__ */ X({
+  __name: "RubricDialog",
   props: {
-    rubric: {},
+    rubric: { default: null },
     prefix: { default: "" },
-    inline: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["back", "saved", "deleted", "articles"],
-  setup(f, { emit: m }) {
-    const r = f, y = m, u = ne(), a = de(u), t = Xe();
-    te();
-    const s = Q("webx-blog"), i = ge(), x = v(() => u.types["wx-media"]?.component), T = v(() => u.types["wx-seo"]?.component), c = v(
-      () => u.types["wx-seo"]?.bind?.({ id: "seo", type: "wx-seo" }) ?? {}
-    ), o = z(E()), _ = z({}), W = z(!1), S = z(!1);
-    function E() {
+  setup(g) {
+    const o = g, { open: c, resolve: w, dismiss: n } = Re(), l = ne(), t = re(l), u = Qe();
+    Y();
+    const a = Q("webx-blog"), x = pe(), b = p(() => l.types["wx-media"]?.component), d = p(() => l.types["wx-seo"]?.component), f = p(
+      () => l.types["wx-seo"]?.bind?.({ id: "seo", type: "wx-seo" }) ?? {}
+    ), v = U(L()), S = U({}), W = U(!1), O = U("content");
+    function L() {
       return {
         title: {},
         slug: {},
@@ -1726,538 +1752,512 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
       };
     }
     ue(
-      () => r.rubric,
-      (P) => {
-        if (_.value = {}, S.value = !1, P === null) {
-          o.value = E();
+      () => o.rubric,
+      (k) => {
+        if (S.value = {}, O.value = "content", k === null) {
+          v.value = L();
           return;
         }
-        o.value = {
-          title: { ...P.title },
-          slug: { ...P.slug },
-          lead: { ...P.lead },
-          cover: P.cover ? { path: P.cover.path, url: P.cover.url } : null,
-          is_visible: P.is_visible,
-          seo: { ...P.seo }
-        }, S.value = Object.keys(P.seo ?? {}).length > 0;
+        v.value = {
+          title: { ...k.title },
+          slug: { ...k.slug },
+          lead: { ...k.lead },
+          cover: k.cover ? { path: k.cover.path, url: k.cover.url } : null,
+          is_visible: k.is_visible,
+          seo: { ...k.seo }
+        };
       },
       { immediate: !0 }
     );
-    const F = v(
-      () => o.value.title[t.active.value] || r.rubric?.name || s("rubric.new")
-    ), $ = v(() => {
-      const P = o.value.slug[t.active.value] ?? "";
-      return P === "" ? null : `/${[r.prefix, P].filter(Boolean).join("/")}`;
-    }), U = v(() => {
-      const P = r.rubric?.path;
-      return typeof P == "string" && $.value !== null && $.value !== `/${P}`;
-    }), R = v(() => r.rubric?.articles_count ?? 0);
-    function M(P) {
-      const q = Object.keys(_.value).find(
-        (k) => k === P || k.startsWith(`${P}.`)
+    const $ = p(
+      () => v.value.title[u.active.value] || o.rubric?.name || a("rubric.new")
+    ), C = p(() => {
+      const k = v.value.slug[u.active.value] ?? "";
+      return k === "" ? null : `/${[o.prefix, k].filter(Boolean).join("/")}`;
+    }), q = p(() => {
+      const k = o.rubric?.path;
+      return typeof k == "string" && C.value !== null && C.value !== `/${k}`;
+    }), N = {
+      title: "content",
+      slug: "content",
+      lead: "content",
+      cover: "cover",
+      seo: "seo"
+    };
+    function A(k) {
+      const P = Object.keys(S.value).find(
+        (B) => B === k || B.startsWith(`${k}.`)
+      );
+      return P === void 0 ? void 0 : S.value[P]?.[0];
+    }
+    function E() {
+      const k = ["content", "cover", "seo"], P = new Set(
+        Object.keys(S.value).map((B) => N[B.split(".")[0] ?? ""]).filter((B) => B !== void 0)
       );
-      return q === void 0 ? void 0 : _.value[q]?.[0];
+      return k.find((B) => P.has(B)) ?? null;
     }
-    function A() {
+    function y() {
       return {
-        title: o.value.title,
-        slug: o.value.slug,
-        lead: o.value.lead,
-        cover: o.value.cover === null ? null : { path: o.value.cover.path },
-        is_visible: o.value.is_visible,
-        // Only when it was opened: a save of the rest of the form must not empty a card nobody
-        // looked at, and an untouched card is the rules being left in charge (§12).
-        ...S.value ? { seo: o.value.seo } : {}
+        title: v.value.title,
+        slug: v.value.slug,
+        lead: v.value.lead,
+        cover: v.value.cover === null ? null : { path: v.value.cover.path },
+        is_visible: v.value.is_visible,
+        // Always, now that the card is a tab of its own: an empty one is the rules being left in
+        // charge, which is what the server stores it as (§12).
+        seo: v.value.seo
       };
     }
-    async function I() {
-      W.value = !0, _.value = {};
+    async function K() {
+      W.value = !0, S.value = {};
       try {
-        const P = r.rubric === null ? await a.createRubric(A()) : await a.saveRubric(r.rubric.id, A());
-        L.success(r.rubric === null ? s("rubric.created") : s("rubric.saved")), y("saved", P);
-      } catch (P) {
-        const q = P.body;
-        q?.errors && (_.value = q.errors), L.danger(i(P));
+        const k = o.rubric === null ? await t.createRubric(y()) : await t.saveRubric(o.rubric.id, y());
+        F.success(o.rubric === null ? a("rubric.created") : a("rubric.saved")), w(k);
+      } catch (k) {
+        const P = k.body;
+        P?.errors && (S.value = P.errors);
+        const B = E();
+        B !== null && (O.value = B), F.danger(x(k));
       } finally {
         W.value = !1;
       }
     }
-    async function K() {
-      if (!(r.rubric === null || !await me({
-        title: s("rubric.delete-title", { name: r.rubric.name }),
-        message: s("rubric.delete-text"),
-        confirmText: s("rubric.delete"),
-        cancelText: s("rubric.cancel"),
-        tone: "danger"
-      })))
-        try {
-          await a.removeRubric(r.rubric.id), L.success(s("rubric.deleted")), y("deleted");
-        } catch (q) {
-          L.danger(i(q));
-        }
-    }
-    return (P, q) => (p(), Z("div", {
-      class: Pe(["wx-rubric-form", { "is-pane": r.inline }])
-    }, [
-      j("div", ya, [
-        r.inline ? H("", !0) : (p(), C(e(Oe), {
-          key: 0,
-          icon: "arrow-left",
-          title: e(s)("rubric.back"),
-          onClick: q[0] || (q[0] = (k) => y("back"))
-        }, null, 8, ["title"])),
-        n(e($t), {
-          level: 3,
-          truncate: ""
-        }, {
-          default: l(() => [
-            w(b(F.value), 1)
-          ]),
-          _: 1
-        }),
-        r.rubric ? (p(), C(e(G), {
-          key: 1,
-          size: "sm",
-          tone: "muted"
+    return (k, P) => (h(), M(e(Me), {
+      open: e(c),
+      "onUpdate:open": P[7] || (P[7] = (B) => Ue(c) ? c.value = B : null),
+      class: "wx-rubric-dialog",
+      title: $.value,
+      width: 880,
+      closable: "",
+      onClose: e(n)
+    }, {
+      footer: i(() => [
+        s(e(J), {
+          variant: "outline",
+          onClick: e(n)
         }, {
-          default: l(() => [
-            w(b(e(s)("rubric.articles", { count: R.value })), 1)
+          default: i(() => [
+            z(T(e(a)("rubric.cancel")), 1)
           ]),
           _: 1
-        })) : H("", !0),
-        q[10] || (q[10] = j("span", { class: "wx-rubric-form__spacer" }, null, -1)),
-        r.rubric && R.value > 0 ? (p(), C(e(J), {
-          key: 2,
-          variant: "text",
-          size: "sm",
-          onClick: q[1] || (q[1] = (k) => y("articles", r.rubric))
+        }, 8, ["onClick"]),
+        s(e(J), {
+          type: "primary",
+          loading: W.value,
+          disabled: o.disabled,
+          onClick: K
         }, {
-          default: l(() => [
-            w(b(e(s)("rubric.show-articles")), 1)
+          default: i(() => [
+            z(T(e(a)("rubric.save")), 1)
           ]),
           _: 1
-        })) : H("", !0)
+        }, 8, ["loading", "disabled"])
       ]),
-      j("div", wa, [
-        j("div", _a, [
-          n(e(ie), {
-            class: "wx-rubric-form__title",
-            label: e(s)("rubric.field-title"),
-            error: M("title"),
-            required: ""
-          }, {
-            default: l(() => [
-              n(e(Ae), {
-                modelValue: o.value.title,
-                "onUpdate:modelValue": q[2] || (q[2] = (k) => o.value.title = k),
-                localized: "",
-                disabled: r.disabled
-              }, null, 8, ["modelValue", "disabled"])
-            ]),
-            _: 1
-          }, 8, ["label", "error"]),
-          n(e(ie), {
-            class: "wx-rubric-form__slug",
-            label: e(s)("rubric.field-slug"),
-            error: M("slug"),
-            help: $.value ?? e(s)("rubric.no-address")
-          }, {
-            default: l(() => [
-              n(e(Ae), {
-                modelValue: o.value.slug,
-                "onUpdate:modelValue": q[3] || (q[3] = (k) => o.value.slug = k),
-                localized: "",
-                disabled: r.disabled
-              }, null, 8, ["modelValue", "disabled"])
-            ]),
-            _: 1
-          }, 8, ["label", "error", "help"])
-        ]),
-        U.value ? (p(), C(e(We), {
-          key: 0,
-          type: "info",
-          variant: "soft",
-          description: e(s)("rubric.address-moving")
-        }, null, 8, ["description"])) : H("", !0),
-        n(e(ie), {
-          label: e(s)("rubric.field-lead"),
-          help: e(s)("rubric.lead-help"),
-          wide: ""
+      default: i(() => [
+        s(e(Wt), {
+          modelValue: O.value,
+          "onUpdate:modelValue": P[6] || (P[6] = (B) => O.value = B),
+          "keep-alive": ""
         }, {
-          default: l(() => [
-            n(e(Tt), {
-              modelValue: o.value.lead,
-              "onUpdate:modelValue": q[4] || (q[4] = (k) => o.value.lead = k),
-              localized: "",
-              rows: 3,
-              disabled: r.disabled
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["label", "help"]),
-        j("div", xa, [
-          x.value ? (p(), C(tt(x.value), {
-            key: 0,
-            modelValue: o.value.cover,
-            "onUpdate:modelValue": q[5] || (q[5] = (k) => o.value.cover = k),
-            class: "wx-rubric-form__cover",
-            label: e(s)("rubric.field-cover"),
-            accept: "image",
-            captions: !1,
-            aspect: "16/9",
-            disabled: r.disabled
-          }, null, 8, ["modelValue", "label", "disabled"])) : H("", !0),
-          j("div", ka, [
-            n(e(Vt), {
-              modelValue: o.value.is_visible,
-              "onUpdate:modelValue": q[6] || (q[6] = (k) => o.value.is_visible = k),
-              label: e(s)("rubric.visible"),
-              disabled: r.disabled
-            }, null, 8, ["modelValue", "label", "disabled"]),
-            n(e(G), {
-              size: "sm",
-              tone: "muted"
+          default: i(() => [
+            s(e(Ke), {
+              value: "content",
+              label: e(a)("rubric.tab-content")
             }, {
-              default: l(() => [
-                w(b(e(s)("rubric.visible-help")), 1)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        T.value ? (p(), Z("div", $a, [
-          S.value ? (p(), C(tt(T.value), pt({
-            key: 1,
-            modelValue: o.value.seo,
-            "onUpdate:modelValue": q[8] || (q[8] = (k) => o.value.seo = k)
-          }, c.value, {
-            "structured-data": !1,
-            disabled: r.disabled
-          }), null, 16, ["modelValue", "disabled"])) : (p(), Z(be, { key: 0 }, [
-            n(e(G), {
-              size: "sm",
-              weight: "medium"
-            }, {
-              default: l(() => [
-                w(b(e(s)("rubric.seo")), 1)
+              default: i(() => [
+                H("div", $a, [
+                  H("div", Ta, [
+                    s(e(ie), {
+                      class: "wx-rubric-dialog__field",
+                      label: e(a)("rubric.field-title"),
+                      error: A("title"),
+                      required: ""
+                    }, {
+                      default: i(() => [
+                        s(e(Ve), {
+                          modelValue: v.value.title,
+                          "onUpdate:modelValue": P[0] || (P[0] = (B) => v.value.title = B),
+                          localized: "",
+                          disabled: o.disabled
+                        }, null, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["label", "error"]),
+                    s(e(ie), {
+                      class: "wx-rubric-dialog__field",
+                      label: e(a)("rubric.field-slug"),
+                      error: A("slug"),
+                      help: C.value ?? void 0
+                    }, {
+                      default: i(() => [
+                        s(e(Ve), {
+                          modelValue: v.value.slug,
+                          "onUpdate:modelValue": P[1] || (P[1] = (B) => v.value.slug = B),
+                          localized: "",
+                          disabled: o.disabled
+                        }, null, 8, ["modelValue", "disabled"])
+                      ]),
+                      _: 1
+                    }, 8, ["label", "error", "help"])
+                  ]),
+                  q.value ? (h(), M(e(we), {
+                    key: 0,
+                    type: "info",
+                    variant: "soft",
+                    description: e(a)("rubric.address-moving")
+                  }, null, 8, ["description"])) : j("", !0),
+                  s(e(ie), {
+                    help: e(a)("rubric.visible-help"),
+                    wide: ""
+                  }, {
+                    default: i(() => [
+                      s(e(Ct), {
+                        modelValue: v.value.is_visible,
+                        "onUpdate:modelValue": P[2] || (P[2] = (B) => v.value.is_visible = B),
+                        label: e(a)("rubric.visible"),
+                        disabled: o.disabled
+                      }, null, 8, ["modelValue", "label", "disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["help"]),
+                  s(e(ie), {
+                    label: e(a)("rubric.field-lead"),
+                    error: A("lead"),
+                    help: e(a)("rubric.lead-help"),
+                    wide: ""
+                  }, {
+                    default: i(() => [
+                      s(e(kt), {
+                        modelValue: v.value.lead,
+                        "onUpdate:modelValue": P[3] || (P[3] = (B) => v.value.lead = B),
+                        localized: "",
+                        disabled: o.disabled
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["label", "error", "help"])
+                ])
               ]),
               _: 1
-            }),
-            n(e(G), {
-              size: "sm",
-              tone: "muted"
+            }, 8, ["label"]),
+            b.value ? (h(), M(e(Ke), {
+              key: 0,
+              value: "cover",
+              label: e(a)("rubric.tab-cover")
             }, {
-              default: l(() => [
-                w(b(e(s)("rubric.seo-help")), 1)
+              default: i(() => [
+                H("div", Va, [
+                  (h(), M(et(b.value), {
+                    modelValue: v.value.cover,
+                    "onUpdate:modelValue": P[4] || (P[4] = (B) => v.value.cover = B),
+                    class: "wx-rubric-dialog__cover",
+                    accept: "image",
+                    captions: !1,
+                    aspect: "16/9",
+                    disabled: o.disabled
+                  }, null, 8, ["modelValue", "disabled"])),
+                  s(e(we), {
+                    type: "info",
+                    description: e(a)("rubric.cover-help")
+                  }, null, 8, ["description"])
+                ])
               ]),
               _: 1
-            }),
-            n(e(J), {
-              variant: "text",
-              size: "sm",
-              disabled: r.disabled,
-              onClick: q[7] || (q[7] = (k) => S.value = !0)
+            }, 8, ["label"])) : j("", !0),
+            d.value ? (h(), M(e(Ke), {
+              key: 1,
+              value: "seo",
+              label: e(a)("rubric.tab-seo")
             }, {
-              default: l(() => [
-                w(b(e(s)("rubric.seo-override", { name: F.value })), 1)
+              default: i(() => [
+                H("div", Aa, [
+                  s(e(we), {
+                    type: "info",
+                    description: e(a)("rubric.seo-help")
+                  }, null, 8, ["description"]),
+                  (h(), M(et(d.value), bt({
+                    modelValue: v.value.seo,
+                    "onUpdate:modelValue": P[5] || (P[5] = (B) => v.value.seo = B)
+                  }, f.value, {
+                    "structured-data": !1,
+                    disabled: o.disabled
+                  }), null, 16, ["modelValue", "disabled"]))
+                ])
               ]),
               _: 1
-            }, 8, ["disabled"])
-          ], 64))
-        ])) : H("", !0)
-      ]),
-      j("div", Ta, [
-        r.rubric ? (p(), Z(be, { key: 0 }, [
-          n(e(J), {
-            variant: "outline",
-            type: "danger",
-            disabled: r.disabled || R.value > 0,
-            onClick: K
-          }, {
-            icon: l(() => [
-              n(e(we), { name: "trash" })
-            ]),
-            default: l(() => [
-              w(" " + b(e(s)("rubric.delete")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          R.value > 0 ? (p(), C(e(G), {
-            key: 0,
-            size: "sm",
-            tone: "muted"
-          }, {
-            default: l(() => [
-              w(b(e(s)("rubric.delete-blocked")), 1)
-            ]),
-            _: 1
-          })) : H("", !0)
-        ], 64)) : H("", !0),
-        q[11] || (q[11] = j("span", { class: "wx-rubric-form__spacer" }, null, -1)),
-        n(e(J), {
-          variant: "outline",
-          onClick: q[9] || (q[9] = (k) => y("back"))
-        }, {
-          default: l(() => [
-            w(b(e(s)("rubric.cancel")), 1)
+            }, 8, ["label"])) : j("", !0)
           ]),
           _: 1
-        }),
-        n(e(J), {
-          type: "primary",
-          loading: W.value,
-          disabled: r.disabled,
-          onClick: I
-        }, {
-          default: l(() => [
-            w(b(e(s)("rubric.save")), 1)
-          ]),
-          _: 1
-        }, 8, ["loading", "disabled"])
-      ])
-    ], 2));
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }, 8, ["open", "title", "onClose"]));
   }
-}), Aa = /* @__PURE__ */ ve(Va, [["__scopeId", "data-v-ace40cf4"]]), Sa = ["onClick"], Wa = { class: "wx-rubric-row__name" }, Ca = /* @__PURE__ */ ee({
+}), Wa = /* @__PURE__ */ ce(Sa, [["__scopeId", "data-v-ff50aaf6"]]), Ca = ["onClick"], za = { class: "wx-rubric-row__name" }, Ua = /* @__PURE__ */ X({
   __name: "RubricsPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(f) {
-    const m = f, r = ne(), y = de(r), u = He(), a = Ke();
-    te();
-    const t = Q("webx-blog"), s = ge(), i = z([]), x = z(""), T = z(!0), c = z(!1), o = z(!1), _ = v(() => r.can("blog.taxonomy.manage")), W = v(
-      () => r.state.manifest?.modules.find((k) => k.id === "rubrics")?.title ?? t("module.rubrics")
-    ), S = v(() => {
-      const k = u.query.rubric;
-      return typeof k == "string" && k !== "" ? Number(k) : null;
-    }), E = v(() => i.value.find((k) => k.id === S.value) ?? null);
-    async function F() {
-      T.value = !0;
+  setup(g) {
+    const o = g, c = ne(), w = re(c), n = Le(), l = Fe();
+    Y();
+    const t = Q("webx-blog"), u = pe(), a = U([]), x = U(""), b = U(!0), d = p(() => c.can("blog.taxonomy.manage")), f = p(
+      () => c.state.manifest?.modules.find((y) => y.id === "rubrics")?.title ?? t("module.rubrics")
+    ), v = Ce(Wa), S = p(
+      () => d.value ? [
+        {
+          key: "new",
+          label: t("rubric.new"),
+          icon: "plus",
+          primary: !0,
+          run: () => {
+            C(null);
+          }
+        }
+      ] : []
+    );
+    async function W() {
+      b.value = !0;
       try {
-        const k = await y.rubrics();
-        i.value = k.data, x.value = k.prefix;
-      } catch (k) {
-        L.danger(s(k));
+        const y = await w.rubrics();
+        a.value = y.data, x.value = y.prefix;
+      } catch (y) {
+        F.danger(u(y));
       } finally {
-        T.value = !1;
+        b.value = !1;
       }
     }
-    F(), ue(E, (k) => {
-      k !== null && (c.value = !0);
-    });
-    function $(k) {
-      o.value = !1, a.replace({ query: { ...u.query, rubric: String(k.id) } }), c.value = !0;
-    }
-    function U() {
-      o.value = !0, R(), c.value = !0;
-    }
-    function R() {
-      const k = { ...u.query };
-      delete k.rubric, a.replace({ query: k });
+    W();
+    let O = !1, L = null;
+    ue(
+      [() => n.query.rubric, b],
+      ([y, K]) => {
+        const k = typeof y == "string" && y !== "" ? y : null;
+        if (k === null) {
+          L = null;
+          return;
+        }
+        if (K || O || k === L) return;
+        const P = a.value.find((B) => B.id === Number(k));
+        P && C(P);
+      },
+      { immediate: !0 }
+    );
+    function $(y) {
+      const K = { ...n.query };
+      y === null ? delete K.rubric : K.rubric = String(y), l.replace({ query: K });
     }
-    async function M(k) {
-      o.value = !1, await F(), a.replace({ query: { ...u.query, rubric: String(k.id) } });
+    async function C(y) {
+      if (!O) {
+        O = !0, L = y === null ? null : String(y.id), $(y?.id ?? null);
+        try {
+          const K = await v({ rubric: y, prefix: x.value, disabled: !d.value });
+          if (K === void 0) {
+            $(null);
+            return;
+          }
+          await W(), L = String(K.id), $(K.id);
+        } finally {
+          O = !1;
+        }
+      }
     }
-    async function A() {
-      o.value = !1, R(), c.value = !1, await F();
+    function q(y) {
+      l.push({ path: `${o.base}/articles`, query: { rubric: String(y.id) } });
     }
-    function I() {
-      o.value = !1, R(), c.value = !1;
+    async function N(y) {
+      if (y.articles_count > 0) {
+        F.warning(t("rubric.delete-blocked"));
+        return;
+      }
+      if (await ve({
+        title: t("rubric.delete-title", { name: y.name }),
+        message: t("rubric.delete-text"),
+        confirmText: t("rubric.delete"),
+        cancelText: t("rubric.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await w.removeRubric(y.id), F.success(t("rubric.deleted")), $(null), await W();
+        } catch (k) {
+          F.danger(u(k));
+        }
     }
-    function K(k) {
-      a.push({ path: `${m.base}/articles`, query: { rubric: String(k.id) } });
+    function A(y) {
+      const K = [
+        { key: "edit", label: t("rubric.edit"), icon: "edit", run: () => {
+          C(y);
+        } }
+      ];
+      return y.articles_count > 0 && K.push({
+        key: "articles",
+        label: t("rubric.show-articles"),
+        icon: "file-text",
+        run: () => q(y)
+      }), d.value && K.push({
+        key: "delete",
+        label: t("rubric.delete"),
+        icon: "trash",
+        danger: !0,
+        run: () => {
+          N(y);
+        }
+      }), K;
     }
-    const P = v(
-      () => _.value ? [{ key: "new", label: t("rubric.new"), icon: "plus", primary: !0, run: () => {
-        U();
-      } }] : []
-    );
-    async function q() {
+    async function E() {
       try {
-        await y.sortRubrics(i.value.map((k) => k.id));
-      } catch (k) {
-        L.danger(s(k, t("rubric.reorder-failed"))), await F();
+        await w.sortRubrics(a.value.map((y) => y.id));
+      } catch (y) {
+        F.danger(u(y, t("rubric.reorder-failed"))), await W();
       }
     }
-    return (k, le) => (p(), C(e(Qe), {
-      title: W.value,
-      actions: P.value,
-      card: !1,
-      fill: ""
+    return (y, K) => (h(), M(e(Ze), {
+      class: "wx-rubrics",
+      title: f.value,
+      actions: S.value,
+      padding: "sm"
     }, {
-      default: l(() => [
-        n(e(At), {
-          class: "wx-rubrics",
-          padding: "none"
-        }, {
-          default: l(() => [
-            n(e(St), {
-              open: c.value,
-              "onUpdate:open": le[1] || (le[1] = (O) => c.value = O),
-              class: "wx-rubrics__panes",
-              "list-width": 320,
-              "detail-min": 440,
-              "detail-label": E.value ? E.value.name : e(t)("rubric.new")
-            }, {
-              list: l(() => [
-                T.value ? (p(), C(e(Ue), {
-                  key: 0,
-                  class: "wx-rubrics__loading",
-                  rows: 5
-                })) : i.value.length === 0 ? (p(), C(e(Ge), {
-                  key: 1,
-                  title: e(t)("rubric.empty"),
-                  description: e(t)("rubric.empty-help")
-                }, null, 8, ["title", "description"])) : (p(), C(e(Ye), {
-                  key: 2,
-                  modelValue: i.value,
-                  "onUpdate:modelValue": le[0] || (le[0] = (O) => i.value = O),
-                  class: "wx-rubrics__list",
-                  plain: "",
+      default: i(() => [
+        b.value ? (h(), M(e(Ne), {
+          key: 0,
+          class: "wx-rubrics__loading",
+          rows: 5
+        })) : a.value.length === 0 ? (h(), M(e(rt), {
+          key: 1,
+          title: e(t)("rubric.empty"),
+          description: e(t)("rubric.empty-help")
+        }, null, 8, ["title", "description"])) : (h(), G(_e, { key: 2 }, [
+          s(e(Xe), {
+            modelValue: a.value,
+            "onUpdate:modelValue": K[0] || (K[0] = (k) => a.value = k),
+            class: "wx-rubrics__list",
+            plain: "",
+            "item-key": "id",
+            "item-label": (k) => k.name,
+            disabled: !d.value,
+            onMove: E
+          }, {
+            default: i(({ item: k }) => [
+              H("button", {
+                type: "button",
+                class: Ge(["wx-rubric-row", { "is-hidden": !k.is_visible }]),
+                onClick: (P) => C(k)
+              }, [
+                H("span", za, [
+                  s(e(le), {
+                    truncate: "",
+                    weight: "medium"
+                  }, {
+                    default: i(() => [
+                      z(T(k.name), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  k.is_visible ? j("", !0) : (h(), M(e(Ye), {
+                    key: 0,
+                    content: e(t)("rubric.hidden")
+                  }, {
+                    default: i(() => [
+                      s(e(Te), {
+                        name: "eye-off",
+                        size: "sm"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["content"]))
+                ]),
+                s(e(le), {
                   size: "sm",
-                  "item-key": "id",
-                  "item-label": (O) => O.name,
-                  disabled: !_.value,
-                  title: e(t)("rubric.order"),
-                  onMove: q
+                  tone: "muted",
+                  truncate: ""
                 }, {
-                  default: l(({ item: O }) => [
-                    j("button", {
-                      type: "button",
-                      class: Pe(["wx-rubric-row", { "is-current": O.id === S.value, "is-hidden": !O.is_visible }]),
-                      onClick: (se) => $(O)
-                    }, [
-                      j("span", Wa, [
-                        n(e(G), {
-                          truncate: "",
-                          weight: "medium"
-                        }, {
-                          default: l(() => [
-                            w(b(O.name), 1)
-                          ]),
-                          _: 2
-                        }, 1024),
-                        O.is_visible ? H("", !0) : (p(), C(e(et), {
-                          key: 0,
-                          content: e(t)("rubric.hidden")
-                        }, {
-                          default: l(() => [
-                            n(e(we), {
-                              name: "eye-off",
-                              size: "sm"
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["content"]))
-                      ]),
-                      n(e(G), {
-                        size: "sm",
-                        tone: "muted",
-                        truncate: ""
-                      }, {
-                        default: l(() => [
-                          w(b(O.path === null ? e(t)("rubric.no-address") : `/${O.path}`), 1)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ], 10, Sa)
+                  default: i(() => [
+                    z(T(k.path === null ? e(t)("rubric.no-address") : `/${k.path}`), 1)
                   ]),
-                  actions: l(({ item: O }) => [
-                    n(e(G), {
-                      class: "wx-rubric-row__count",
-                      size: "sm",
-                      tone: "muted"
-                    }, {
-                      default: l(() => [
-                        w(b(O.articles_count), 1)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "item-label", "disabled", "title"]))
-              ]),
-              empty: l(() => [
-                n(e(Ge), {
-                  description: e(t)("rubric.choose")
-                }, null, 8, ["description"])
-              ]),
-              detail: l(({ inline: O, back: se }) => [
-                o.value || E.value ? (p(), C(Aa, {
-                  key: o.value ? "new" : String(E.value?.id),
-                  rubric: o.value ? null : E.value,
-                  prefix: x.value,
-                  inline: O,
-                  disabled: !_.value,
-                  onBack: () => {
-                    se(), I();
-                  },
-                  onArticles: K,
-                  onSaved: M,
-                  onDeleted: A
-                }, null, 8, ["rubric", "prefix", "inline", "disabled", "onBack"])) : H("", !0)
-              ]),
-              _: 1
-            }, 8, ["open", "detail-label"])
-          ]),
-          _: 1
-        })
+                  _: 2
+                }, 1024)
+              ], 10, Ca)
+            ]),
+            actions: i(({ item: k }) => [
+              s(e(le), {
+                class: "wx-rubric-row__count",
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: i(() => [
+                  z(T(e(t)("rubric.articles", { count: k.articles_count })), 1)
+                ]),
+                _: 2
+              }, 1024),
+              s(e(ze), {
+                actions: A(k),
+                label: k.name
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "item-label", "disabled"]),
+          s(e(we), {
+            class: "wx-rubrics__note",
+            type: "info",
+            description: e(t)("rubric.order")
+          }, null, 8, ["description"])
+        ], 64))
       ]),
       _: 1
     }, 8, ["title", "actions"]));
   }
-}), za = /* @__PURE__ */ ee({
+}), Ra = /* @__PURE__ */ X({
   __name: "TagCreateDialog",
-  setup(f) {
-    const { open: m, resolve: r, dismiss: y } = Ee(), u = ne(), a = de(u);
-    te();
-    const t = Q("webx-blog"), s = z(""), i = z(""), x = z(!1), T = z({}), c = De("field");
-    Ne(async () => {
-      await Ze(), c.value?.querySelector("input")?.focus();
+  setup(g) {
+    const { open: o, resolve: c, dismiss: w } = Re(), n = ne(), l = re(n);
+    Y();
+    const t = Q("webx-blog"), u = U(""), a = U(""), x = U(!1), b = U({}), d = Ee("field");
+    Be(async () => {
+      await Je(), d.value?.querySelector("input")?.focus();
     });
-    async function o() {
-      if (!(s.value.trim() === "" || x.value)) {
-        x.value = !0, T.value = {};
+    async function f() {
+      if (!(u.value.trim() === "" || x.value)) {
+        x.value = !0, b.value = {};
         try {
-          r(
-            await a.createTag({
-              title: s.value.trim(),
-              ...i.value.trim() === "" ? {} : { slug: i.value.trim() }
+          c(
+            await l.createTag({
+              title: u.value.trim(),
+              ...a.value.trim() === "" ? {} : { slug: a.value.trim() }
             })
           );
-        } catch (_) {
-          T.value = _.body?.errors ?? {};
+        } catch (v) {
+          b.value = v.body?.errors ?? {};
         } finally {
           x.value = !1;
         }
       }
     }
-    return (_, W) => (p(), C(e(Fe), {
-      open: e(m),
-      "onUpdate:open": W[3] || (W[3] = (S) => Ie(m) ? m.value = S : null),
+    return (v, S) => (h(), M(e(Me), {
+      open: e(o),
+      "onUpdate:open": S[3] || (S[3] = (W) => Ue(o) ? o.value = W : null),
       title: e(t)("tag.new-title"),
       width: 440
     }, {
-      footer: l(() => [
-        n(e(Le), { size: "sm" }, {
-          default: l(() => [
-            n(e(J), {
+      footer: i(() => [
+        s(e(Oe), { size: "sm" }, {
+          default: i(() => [
+            s(e(J), {
               variant: "outline",
-              onClick: W[2] || (W[2] = (S) => e(y)())
+              onClick: S[2] || (S[2] = (W) => e(w)())
             }, {
-              default: l(() => [
-                w(b(e(t)("tag.cancel")), 1)
+              default: i(() => [
+                z(T(e(t)("tag.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(J), {
+            s(e(J), {
               type: "primary",
               loading: x.value,
-              disabled: s.value.trim() === "",
-              onClick: o
+              disabled: u.value.trim() === "",
+              onClick: f
             }, {
-              default: l(() => [
-                w(b(e(t)("tag.create")), 1)
+              default: i(() => [
+                z(T(e(t)("tag.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -2265,38 +2265,38 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
           _: 1
         })
       ]),
-      default: l(() => [
-        n(e(ie), {
+      default: i(() => [
+        s(e(ie), {
           label: e(t)("tag.field-title"),
-          error: T.value.title?.[0],
+          error: b.value.title?.[0],
           required: ""
         }, {
-          default: l(() => [
-            j("div", {
+          default: i(() => [
+            H("div", {
               ref_key: "field",
-              ref: c
+              ref: d
             }, [
-              n(e(Ae), {
-                modelValue: s.value,
-                "onUpdate:modelValue": W[0] || (W[0] = (S) => s.value = S),
+              s(e(Ve), {
+                modelValue: u.value,
+                "onUpdate:modelValue": S[0] || (S[0] = (W) => u.value = W),
                 "aria-label": e(t)("tag.field-title"),
-                onKeyup: ze(o, ["enter"])
+                onKeyup: qe(f, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
           _: 1
         }, 8, ["label", "error"]),
-        n(e(ie), {
+        s(e(ie), {
           label: e(t)("tag.field-slug"),
-          error: T.value.slug?.[0],
+          error: b.value.slug?.[0],
           help: e(t)("tag.field-slug-help")
         }, {
-          default: l(() => [
-            n(e(Ae), {
-              modelValue: i.value,
-              "onUpdate:modelValue": W[1] || (W[1] = (S) => i.value = S),
+          default: i(() => [
+            s(e(Ve), {
+              modelValue: a.value,
+              "onUpdate:modelValue": S[1] || (S[1] = (W) => a.value = W),
               "aria-label": e(t)("tag.field-slug"),
-              onKeyup: ze(o, ["enter"])
+              onKeyup: qe(f, ["enter"])
             }, null, 8, ["modelValue", "aria-label"])
           ]),
           _: 1
@@ -2305,54 +2305,54 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Ra = ["id"], Ua = /* @__PURE__ */ ee({
+}), Ma = ["id"], qa = /* @__PURE__ */ X({
   __name: "TagRenameDialog",
   props: {
     name: {}
   },
-  setup(f) {
-    const m = f, { open: r, resolve: y, dismiss: u } = Ee();
-    te();
-    const a = Q("webx-blog"), t = Q("webx-admin"), s = ft(), i = z(m.name), x = De("field");
-    Ne(async () => {
-      await Ze();
-      const c = x.value?.querySelector("input");
-      c?.focus(), c?.select();
+  setup(g) {
+    const o = g, { open: c, resolve: w, dismiss: n } = Re();
+    Y();
+    const l = Q("webx-blog"), t = Q("webx-admin"), u = mt(), a = U(o.name), x = Ee("field");
+    Be(async () => {
+      await Je();
+      const d = x.value?.querySelector("input");
+      d?.focus(), d?.select();
     });
-    function T() {
-      const c = i.value.trim();
-      if (c === "" || c === m.name) {
-        u();
+    function b() {
+      const d = a.value.trim();
+      if (d === "" || d === o.name) {
+        n();
         return;
       }
-      y(c);
+      w(d);
     }
-    return (c, o) => (p(), C(e(Fe), {
-      open: e(r),
-      "onUpdate:open": o[2] || (o[2] = (_) => Ie(r) ? r.value = _ : null),
-      title: e(a)("tag.rename"),
+    return (d, f) => (h(), M(e(Me), {
+      open: e(c),
+      "onUpdate:open": f[2] || (f[2] = (v) => Ue(c) ? c.value = v : null),
+      title: e(l)("tag.rename"),
       width: 420
     }, {
-      footer: l(() => [
-        n(e(Le), { size: "sm" }, {
-          default: l(() => [
-            n(e(J), {
+      footer: i(() => [
+        s(e(Oe), { size: "sm" }, {
+          default: i(() => [
+            s(e(J), {
               variant: "outline",
-              onClick: o[1] || (o[1] = (_) => e(u)())
+              onClick: f[1] || (f[1] = (v) => e(n)())
             }, {
-              default: l(() => [
-                w(b(e(a)("tag.cancel")), 1)
+              default: i(() => [
+                z(T(e(l)("tag.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(J), {
+            s(e(J), {
               type: "primary",
               "native-type": "submit",
-              form: e(s),
-              disabled: i.value.trim() === ""
+              form: e(u),
+              disabled: a.value.trim() === ""
             }, {
-              default: l(() => [
-                w(b(e(t)("editor.save")), 1)
+              default: i(() => [
+                z(T(e(t)("editor.save")), 1)
               ]),
               _: 1
             }, 8, ["form", "disabled"])
@@ -2360,89 +2360,89 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
           _: 1
         })
       ]),
-      default: l(() => [
-        j("form", {
-          id: e(s),
+      default: i(() => [
+        H("form", {
+          id: e(u),
           ref_key: "field",
           ref: x,
-          onSubmit: at(T, ["prevent"])
+          onSubmit: tt(b, ["prevent"])
         }, [
-          n(e(ie), {
-            label: e(a)("tag.field-title"),
+          s(e(ie), {
+            label: e(l)("tag.field-title"),
             required: ""
           }, {
-            default: l(() => [
-              n(e(Ae), {
-                modelValue: i.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (_) => i.value = _),
-                "aria-label": e(a)("tag.field-title"),
-                onKeydown: ze(at(T, ["prevent"]), ["enter"])
+            default: i(() => [
+              s(e(Ve), {
+                modelValue: a.value,
+                "onUpdate:modelValue": f[0] || (f[0] = (v) => a.value = v),
+                "aria-label": e(l)("tag.field-title"),
+                onKeydown: qe(tt(b, ["prevent"]), ["enter"])
               }, null, 8, ["modelValue", "aria-label", "onKeydown"])
             ]),
             _: 1
           }, 8, ["label"])
-        ], 40, Ra)
+        ], 40, Ma)
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), qa = { class: "wx-tag-merge" }, Ma = { class: "wx-tag-merge__chips" }, Na = { class: "wx-tag-merge__redirect" }, Ba = /* @__PURE__ */ ee({
+}), Na = { class: "wx-tag-merge" }, Ia = { class: "wx-tag-merge__chips" }, Pa = { class: "wx-tag-merge__redirect" }, Ba = /* @__PURE__ */ X({
   __name: "TagMergeDialog",
   props: {
     tags: {}
   },
-  setup(f) {
-    const m = f, { open: r, resolve: y, dismiss: u } = Ee(), a = ne(), t = de(a);
-    te();
-    const s = Q("webx-blog"), i = ge(), x = z(
-      [...m.tags].sort((U, R) => R.articles_count - U.articles_count)[0]?.id ?? 0
-    ), T = z(!1), c = z(!0), o = z(null), _ = v(
-      () => m.tags.map((U) => ({ value: U.id, label: `${U.title} · ${U.articles_count}` }))
-    ), W = v(() => m.tags.find((U) => U.id === x.value) ?? null), S = v(() => m.tags.filter((U) => U.id !== x.value)), E = v(() => S.value.reduce((U, R) => U + R.articles_count, 0)), F = v(() => S.value.map((U) => U.path).filter(Boolean));
+  setup(g) {
+    const o = g, { open: c, resolve: w, dismiss: n } = Re(), l = ne(), t = re(l);
+    Y();
+    const u = Q("webx-blog"), a = pe(), x = U(
+      [...o.tags].sort((C, q) => q.articles_count - C.articles_count)[0]?.id ?? 0
+    ), b = U(!1), d = U(!0), f = U(null), v = p(
+      () => o.tags.map((C) => ({ value: C.id, label: `${C.title} · ${C.articles_count}` }))
+    ), S = p(() => o.tags.find((C) => C.id === x.value) ?? null), W = p(() => o.tags.filter((C) => C.id !== x.value)), O = p(() => W.value.reduce((C, q) => C + q.articles_count, 0)), L = p(() => W.value.map((C) => C.path).filter(Boolean));
     async function $() {
-      if (!(W.value === null || S.value.length === 0 || T.value)) {
-        T.value = !0, o.value = null;
+      if (!(S.value === null || W.value.length === 0 || b.value)) {
+        b.value = !0, f.value = null;
         try {
-          y(
+          w(
             await t.mergeTags(
-              S.value.map((U) => U.id),
+              W.value.map((C) => C.id),
               x.value,
-              c.value
+              d.value
             )
           );
-        } catch (U) {
-          o.value = i(U);
+        } catch (C) {
+          f.value = a(C);
         } finally {
-          T.value = !1;
+          b.value = !1;
         }
       }
     }
-    return (U, R) => (p(), C(e(Fe), {
-      open: e(r),
-      "onUpdate:open": R[3] || (R[3] = (M) => Ie(r) ? r.value = M : null),
-      title: e(s)("tag.merge-title"),
+    return (C, q) => (h(), M(e(Me), {
+      open: e(c),
+      "onUpdate:open": q[3] || (q[3] = (N) => Ue(c) ? c.value = N : null),
+      title: e(u)("tag.merge-title"),
       width: 520
     }, {
-      footer: l(() => [
-        n(e(Le), { size: "sm" }, {
-          default: l(() => [
-            n(e(J), {
+      footer: i(() => [
+        s(e(Oe), { size: "sm" }, {
+          default: i(() => [
+            s(e(J), {
               variant: "outline",
-              onClick: R[2] || (R[2] = (M) => e(u)())
+              onClick: q[2] || (q[2] = (N) => e(n)())
             }, {
-              default: l(() => [
-                w(b(e(s)("tag.cancel")), 1)
+              default: i(() => [
+                z(T(e(u)("tag.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(J), {
+            s(e(J), {
               type: "primary",
-              loading: T.value,
-              disabled: S.value.length === 0,
+              loading: b.value,
+              disabled: W.value.length === 0,
               onClick: $
             }, {
-              default: l(() => [
-                w(b(e(s)("tag.merge-confirm")), 1)
+              default: i(() => [
+                z(T(e(u)("tag.merge-confirm")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -2450,106 +2450,106 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
           _: 1
         })
       ]),
-      default: l(() => [
-        j("div", qa, [
-          j("div", Ma, [
-            (p(!0), Z(be, null, Be(S.value, (M) => (p(), C(e(oe), {
-              key: M.id,
+      default: i(() => [
+        H("div", Na, [
+          H("div", Ia, [
+            (h(!0), G(_e, null, De(W.value, (N) => (h(), M(e(se), {
+              key: N.id,
               size: "sm",
               round: ""
             }, {
-              default: l(() => [
-                w(b(M.title) + " · " + b(M.articles_count), 1)
+              default: i(() => [
+                z(T(N.title) + " · " + T(N.articles_count), 1)
               ]),
               _: 2
             }, 1024))), 128)),
-            n(e(we), {
+            s(e(Te), {
               name: "arrow-right",
               size: "sm"
             }),
-            W.value ? (p(), C(e(oe), {
+            S.value ? (h(), M(e(se), {
               key: 0,
               type: "primary",
               size: "sm",
               round: ""
             }, {
-              default: l(() => [
-                w(b(W.value.title) + " · " + b(W.value.articles_count), 1)
+              default: i(() => [
+                z(T(S.value.title) + " · " + T(S.value.articles_count), 1)
               ]),
               _: 1
-            })) : H("", !0)
+            })) : j("", !0)
           ]),
-          n(e(ie), {
-            label: e(s)("tag.merge-keep")
+          s(e(ie), {
+            label: e(u)("tag.merge-keep")
           }, {
-            default: l(() => [
-              n(e(_e), {
+            default: i(() => [
+              s(e(ye), {
                 modelValue: x.value,
-                "onUpdate:modelValue": R[0] || (R[0] = (M) => x.value = M),
-                options: _.value,
-                "aria-label": e(s)("tag.merge-keep")
+                "onUpdate:modelValue": q[0] || (q[0] = (N) => x.value = N),
+                options: v.value,
+                "aria-label": e(u)("tag.merge-keep")
               }, null, 8, ["modelValue", "options", "aria-label"])
             ]),
             _: 1
           }, 8, ["label"]),
-          j("div", Na, [
-            n(e(Wt), {
-              modelValue: c.value,
-              "onUpdate:modelValue": R[1] || (R[1] = (M) => c.value = M),
-              label: e(s)("tag.merge-redirect")
+          H("div", Pa, [
+            s(e(zt), {
+              modelValue: d.value,
+              "onUpdate:modelValue": q[1] || (q[1] = (N) => d.value = N),
+              label: e(u)("tag.merge-redirect")
             }, null, 8, ["modelValue", "label"]),
-            n(e(G), {
+            s(e(le), {
               size: "sm",
               tone: "muted"
             }, {
-              default: l(() => [
-                w(b(F.value.length === 0 ? e(s)("tag.merge-redirect-none") : e(s)("tag.merge-redirect-help", { addresses: F.value.join(", ") })), 1)
+              default: i(() => [
+                z(T(L.value.length === 0 ? e(u)("tag.merge-redirect-none") : e(u)("tag.merge-redirect-help", { addresses: L.value.join(", ") })), 1)
               ]),
               _: 1
             })
           ]),
-          n(e(We), {
+          s(e(we), {
             type: "warning",
             variant: "soft",
-            description: e(s)("tag.merge-warning", {
-              count: E.value,
-              tag: W.value?.title ?? "",
-              merged: S.value.length
+            description: e(u)("tag.merge-warning", {
+              count: O.value,
+              tag: S.value?.title ?? "",
+              merged: W.value.length
             })
           }, null, 8, ["description"]),
-          o.value ? (p(), C(e(We), {
+          f.value ? (h(), M(e(we), {
             key: 0,
             type: "danger",
             variant: "soft",
-            description: o.value
-          }, null, 8, ["description"])) : H("", !0)
+            description: f.value
+          }, null, 8, ["description"])) : j("", !0)
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Pa = /* @__PURE__ */ ve(Ba, [["__scopeId", "data-v-aa68b3a8"]]), Da = { class: "wx-tags" }, Ia = /* @__PURE__ */ ee({
+}), Da = /* @__PURE__ */ ce(Ba, [["__scopeId", "data-v-aa68b3a8"]]), Ea = { class: "wx-tags" }, Oa = /* @__PURE__ */ X({
   __name: "TagsPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(f) {
-    const m = f, r = ne(), y = de(r), u = He(), a = Ke();
-    te();
-    const t = Q("webx-blog"), s = ge(), i = z(null), x = z(!0), T = z([]), c = z(!1), o = Ce(Ua), _ = Ce(za), W = Ce(Pa), S = v(() => r.can("blog.taxonomy.manage")), E = v(
-      () => r.state.manifest?.modules.find((g) => g.id === "tags")?.title ?? t("module.tags")
-    ), F = v({
-      get: () => typeof u.query.view == "string" ? u.query.view : "",
-      set: (g) => {
-        a.replace({
-          query: { ...u.query, view: g === "" ? void 0 : String(g), page: void 0 }
+  setup(g) {
+    const o = g, c = ne(), w = re(c), n = Le(), l = Fe();
+    Y();
+    const t = Q("webx-blog"), u = pe(), a = U(null), x = U(!0), b = U([]), d = U(!1), f = Ce(qa), v = Ce(Ra), S = Ce(Da), W = p(() => c.can("blog.taxonomy.manage")), O = p(
+      () => c.state.manifest?.modules.find((m) => m.id === "tags")?.title ?? t("module.tags")
+    ), L = p({
+      get: () => typeof n.query.view == "string" ? n.query.view : "",
+      set: (m) => {
+        l.replace({
+          query: { ...n.query, view: m === "" ? void 0 : String(m), page: void 0 }
         });
       }
-    }), $ = v(() => i.value?.filters ?? { total: 0, empty: 0, noindex: 0 }), U = v(() => [
+    }), $ = p(() => a.value?.filters ?? { total: 0, empty: 0, noindex: 0 }), C = p(() => [
       { value: "", label: t("tag.view-all"), badge: $.value.total },
       { value: "empty", label: t("tag.view-empty"), badge: $.value.empty },
       { value: "noindex", label: t("tag.view-noindex"), badge: $.value.noindex }
-    ]), R = v(() => i.value?.data ?? []), M = v(() => R.value.filter((g) => T.value.includes(g.id))), A = v(() => [
+    ]), q = p(() => a.value?.data ?? []), N = p(() => q.value.filter((m) => b.value.includes(m.id))), A = p(() => [
       { key: "title", label: t("tag.column-title"), minWidth: 150, sortable: !0 },
       // The number is what the other columns and the narrowest the title may be add up to without
       // this one: below it the address is what does not fit, and a fixed table does not shrink —
@@ -2567,106 +2567,106 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
       // at 180px of text, and a cell keeps 32 of its own. Narrower, the ruled row wrapped and
       // stood eighteen pixels taller than the ones around it.
       { key: "indexing", label: t("tag.column-indexing"), width: 230, hideBelow: 560 },
-      { key: "actions", label: "", width: st, align: "right" }
+      { key: "actions", label: "", width: nt, align: "right" }
     ]);
-    function I(g) {
+    function E(m) {
       return {
-        q: g?.search ?? (typeof u.query.q == "string" ? u.query.q : ""),
-        empty: F.value === "empty",
-        noindex: F.value === "noindex",
+        q: m?.search ?? (typeof n.query.q == "string" ? n.query.q : ""),
+        empty: L.value === "empty",
+        noindex: L.value === "noindex",
         // Only when it is not the default: most used first is what the list is, and a query
         // string that repeats the default is a link that outlives a change of mind about it.
-        sort: P(g),
-        page: g?.page ?? (Number(u.query.page ?? 1) || 1),
-        per_page: g?.perPage
+        sort: K(m),
+        page: m?.page ?? (Number(n.query.page ?? 1) || 1),
+        per_page: m?.perPage
       };
     }
-    async function K(g) {
+    async function y(m) {
       x.value = !0;
       try {
-        i.value = await y.tagsPage(I(g));
-      } catch (N) {
-        L.danger(s(N));
+        a.value = await w.tagsPage(E(m));
+      } catch (R) {
+        F.danger(u(R));
       } finally {
         x.value = !1;
       }
     }
-    function P(g) {
-      const N = g?.sort ?? q();
-      if (!N) return;
-      const B = N.key === "title" ? "name" : "articles", X = `${N.order === "desc" ? "-" : ""}${B}`;
-      return X === "articles" ? void 0 : X;
-    }
-    function q() {
-      const g = typeof u.query.sort == "string" ? u.query.sort : "";
-      if (g === "") return null;
-      const N = g.startsWith("-");
-      return { key: (N ? g.slice(1) : g) === "name" ? "title" : "articles_count", order: N ? "desc" : "asc" };
-    }
-    function k(g) {
-      const N = {
-        ...u.query,
-        q: g.search === "" ? void 0 : g.search,
-        sort: P(g),
-        page: g.page === 1 ? void 0 : String(g.page)
+    function K(m) {
+      const R = m?.sort ?? k();
+      if (!R) return;
+      const I = R.key === "title" ? "name" : "articles", ee = `${R.order === "desc" ? "-" : ""}${I}`;
+      return ee === "articles" ? void 0 : ee;
+    }
+    function k() {
+      const m = typeof n.query.sort == "string" ? n.query.sort : "";
+      if (m === "") return null;
+      const R = m.startsWith("-");
+      return { key: (R ? m.slice(1) : m) === "name" ? "title" : "articles_count", order: R ? "desc" : "asc" };
+    }
+    function P(m) {
+      const R = {
+        ...n.query,
+        q: m.search === "" ? void 0 : m.search,
+        sort: K(m),
+        page: m.page === 1 ? void 0 : String(m.page)
       };
-      a.replace({ query: N }), K(g);
+      l.replace({ query: R }), y(m);
     }
-    ue(F, () => {
-      T.value = [], K();
-    }), K();
-    async function le() {
-      await _({}) && await K();
+    ue(L, () => {
+      b.value = [], y();
+    }), y();
+    async function B() {
+      await v({}) && await y();
     }
-    async function O(g) {
-      const N = await o({ name: g.title });
-      N && await xe(g, { title: N }, t("tag.renamed"));
+    async function Z(m) {
+      const R = await f({ name: m.title });
+      R && await xe(m, { title: R }, t("tag.renamed"));
     }
-    async function se(g, N) {
-      await xe(g, { noindex: N }, t(N ? "tag.kept-out" : "tag.indexed"));
+    async function be(m, R) {
+      await xe(m, { noindex: R }, t(R ? "tag.kept-out" : "tag.indexed"));
     }
-    async function xe(g, N, B) {
+    async function xe(m, R, I) {
       try {
-        const X = await y.saveTag(g.id, N);
-        i.value && (i.value = {
-          ...i.value,
-          data: i.value.data.map((ye) => ye.id === X.id ? X : ye)
-        }), L.success(B);
-      } catch (X) {
-        L.danger(s(X));
+        const ee = await w.saveTag(m.id, R);
+        a.value && (a.value = {
+          ...a.value,
+          data: a.value.data.map((he) => he.id === ee.id ? ee : he)
+        }), F.success(I);
+      } catch (ee) {
+        F.danger(u(ee));
       }
     }
-    async function ce(g) {
-      if (await me({
-        title: t("tag.delete-title", { title: g.title }),
-        message: g.articles_count > 0 ? t("tag.delete-text-used", { count: g.articles_count }) : t("tag.delete-text"),
+    async function de(m) {
+      if (await ve({
+        title: t("tag.delete-title", { title: m.title }),
+        message: m.articles_count > 0 ? t("tag.delete-text-used", { count: m.articles_count }) : t("tag.delete-text"),
         confirmText: t("tag.delete"),
         cancelText: t("tag.cancel"),
         tone: "danger"
       }))
         try {
-          await y.removeTag(g.id), L.success(t("tag.deleted")), T.value = T.value.filter((B) => B !== g.id), await K();
-        } catch (B) {
-          L.danger(s(B));
+          await w.removeTag(m.id), F.success(t("tag.deleted")), b.value = b.value.filter((I) => I !== m.id), await y();
+        } catch (I) {
+          F.danger(u(I));
         }
     }
-    const he = v(() => [
+    const me = p(() => [
       {
         key: "index",
         icon: "eye",
         label: t("tag.index"),
-        disabled: c.value,
+        disabled: d.value,
         run: () => {
-          re("index");
+          oe("index");
         }
       },
       {
         key: "noindex",
         icon: "eye-off",
         label: t("tag.noindex"),
-        disabled: c.value,
+        disabled: d.value,
         run: () => {
-          re("noindex");
+          oe("noindex");
         }
       },
       {
@@ -2674,109 +2674,109 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
         icon: "trash",
         label: t("tag.delete"),
         danger: !0,
-        disabled: c.value,
+        disabled: d.value,
         run: () => {
-          re("delete");
+          oe("delete");
         }
       }
     ]);
-    function Te(g) {
-      if (!S.value) return [];
-      const N = [
+    function We(m) {
+      if (!W.value) return [];
+      const R = [
         { key: "rename", icon: "edit", label: t("tag.rename"), run: () => {
-          O(g);
+          Z(m);
         } }
       ];
-      return g.url && N.push({
+      return m.url && R.push({
         key: "site",
         icon: "external-link",
         label: t("tag.open-on-site"),
-        href: g.url
-      }), N.push({
+        href: m.url
+      }), R.push({
         key: "articles",
         icon: "list",
         label: t("tag.show-articles"),
         run: () => {
-          a.push({ path: `${m.base}/articles`, query: { tag: String(g.id) } });
+          l.push({ path: `${o.base}/articles`, query: { tag: String(m.id) } });
         }
-      }), N.push(
-        g.noindex ? {
+      }), R.push(
+        m.noindex ? {
           key: "index",
           icon: "eye",
           label: t("tag.index"),
           run: () => {
-            se(g, !1);
+            be(m, !1);
           }
         } : {
           key: "noindex",
           icon: "eye-off",
           label: t("tag.noindex"),
           run: () => {
-            se(g, !0);
+            be(m, !0);
           }
         }
-      ), N.push({
+      ), R.push({
         key: "delete",
         icon: "trash",
         label: t("tag.delete"),
         danger: !0,
         run: () => {
-          ce(g);
+          de(m);
         }
-      }), N;
-    }
-    function ke(g) {
-      return g === "noindex" ? "muted" : "success";
-    }
-    async function pe() {
-      if (M.value.length < 2) return;
-      const g = await W({ tags: M.value });
-      g && (L.success(t("tag.merged", { tag: g.tag.title, count: g.articles_count })), T.value = [], await K());
-    }
-    async function re(g) {
-      const N = M.value.map((B) => B.id);
-      if (!(N.length === 0 || c.value)) {
-        if (g === "delete") {
-          const B = M.value.reduce((ye, d) => ye + d.articles_count, 0);
-          if (!await me({
-            title: t("tag.delete-many-title", { count: N.length }),
-            message: B > 0 ? t("tag.delete-many-text-used", { count: B }) : t("tag.delete-many-text"),
+      }), R;
+    }
+    function ke(m) {
+      return m === "noindex" ? "muted" : "success";
+    }
+    async function fe() {
+      if (N.value.length < 2) return;
+      const m = await S({ tags: N.value });
+      m && (F.success(t("tag.merged", { tag: m.tag.title, count: m.articles_count })), b.value = [], await y());
+    }
+    async function oe(m) {
+      const R = N.value.map((I) => I.id);
+      if (!(R.length === 0 || d.value)) {
+        if (m === "delete") {
+          const I = N.value.reduce((he, r) => he + r.articles_count, 0);
+          if (!await ve({
+            title: t("tag.delete-many-title", { count: R.length }),
+            message: I > 0 ? t("tag.delete-many-text-used", { count: I }) : t("tag.delete-many-text"),
             confirmText: t("tag.delete"),
             cancelText: t("tag.cancel"),
             tone: "danger"
           })) return;
         }
-        c.value = !0;
+        d.value = !0;
         try {
-          const B = await y.massTags(N, g);
-          L.success(
-            g === "delete" ? t("tag.deleted-many", { count: B }) : g === "index" ? t("tag.indexed-many", { count: B }) : t("tag.kept-out-many", { count: B })
-          ), T.value = [], await K();
-        } catch (B) {
-          L.danger(s(B));
+          const I = await w.massTags(R, m);
+          F.success(
+            m === "delete" ? t("tag.deleted-many", { count: I }) : m === "index" ? t("tag.indexed-many", { count: I }) : t("tag.kept-out-many", { count: I })
+          ), b.value = [], await y();
+        } catch (I) {
+          F.danger(u(I));
         } finally {
-          c.value = !1;
+          d.value = !1;
         }
       }
     }
-    const fe = v(
-      () => S.value ? [{ key: "new", label: t("tag.new"), icon: "plus", primary: !0, run: () => {
-        le();
+    const ge = p(
+      () => W.value ? [{ key: "new", label: t("tag.new"), icon: "plus", primary: !0, run: () => {
+        B();
       } }] : []
     );
-    return (g, N) => (p(), Z("div", Da, [
-      n(e(Qe), {
-        view: F.value,
-        "onUpdate:view": N[1] || (N[1] = (B) => F.value = B),
-        title: E.value,
-        views: U.value,
-        actions: fe.value
+    return (m, R) => (h(), G("div", Ea, [
+      s(e(Ze), {
+        view: L.value,
+        "onUpdate:view": R[1] || (R[1] = (I) => L.value = I),
+        title: O.value,
+        views: C.value,
+        actions: ge.value
       }, {
-        default: l(() => [
-          n(e(ot), {
-            selected: T.value,
-            "onUpdate:selected": N[0] || (N[0] = (B) => T.value = B),
-            data: i.value,
+        default: i(() => [
+          s(e(ut), {
+            selected: b.value,
+            "onUpdate:selected": R[0] || (R[0] = (I) => b.value = I),
+            data: a.value,
             columns: A.value,
             "row-key": "id",
             searchable: "",
@@ -2784,76 +2784,76 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
             flush: "",
             layout: "fixed",
             loading: x.value,
-            selectable: S.value,
+            selectable: W.value,
             "cards-below": 0,
             "search-placeholder": e(t)("tag.search"),
-            "empty-text": R.value.length === 0 && !x.value ? e(t)("tag.empty") : void 0,
-            "aria-label": E.value,
-            onStateChange: k
+            "empty-text": q.value.length === 0 && !x.value ? e(t)("tag.empty") : void 0,
+            "aria-label": O.value,
+            onStateChange: P
           }, {
-            "cell-title": l(({ row: B }) => [
-              n(e(G), { truncate: "" }, {
-                default: l(() => [
-                  w(b(B.title), 1)
+            "cell-title": i(({ row: I }) => [
+              s(e(le), { truncate: "" }, {
+                default: i(() => [
+                  z(T(I.title), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-path": l(({ row: B }) => [
-              n(e(G), {
+            "cell-path": i(({ row: I }) => [
+              s(e(le), {
                 size: "sm",
                 tone: "muted",
                 mono: "",
                 truncate: ""
               }, {
-                default: l(() => [
-                  w(b(B.path ?? e(t)("tag.no-address")), 1)
+                default: i(() => [
+                  z(T(I.path ?? e(t)("tag.no-address")), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-articles_count": l(({ row: B }) => [
-              n(e(G), {
-                tone: B.articles_count === 0 ? "muted" : "default"
+            "cell-articles_count": i(({ row: I }) => [
+              s(e(le), {
+                tone: I.articles_count === 0 ? "muted" : "default"
               }, {
-                default: l(() => [
-                  w(b(B.articles_count), 1)
+                default: i(() => [
+                  z(T(I.articles_count), 1)
                 ]),
                 _: 2
               }, 1032, ["tone"])
             ]),
-            "cell-indexing": l(({ row: B }) => [
-              B.indexing === "rule" ? (p(), C(e(et), {
+            "cell-indexing": i(({ row: I }) => [
+              I.indexing === "rule" ? (h(), M(e(Ye), {
                 key: 0,
                 content: e(t)("tag.indexing-rule-help")
               }, {
-                default: l(() => [
-                  n(e(G), {
+                default: i(() => [
+                  s(e(le), {
                     size: "sm",
-                    tone: ke(B.indexing)
+                    tone: ke(I.indexing)
                   }, {
-                    default: l(() => [
-                      w(b(e(t)("tag.indexing-rule")), 1)
+                    default: i(() => [
+                      z(T(e(t)("tag.indexing-rule")), 1)
                     ]),
                     _: 1
                   }, 8, ["tone"])
                 ]),
                 _: 2
-              }, 1032, ["content"])) : (p(), C(e(G), {
+              }, 1032, ["content"])) : (h(), M(e(le), {
                 key: 1,
                 size: "sm",
-                tone: ke(B.indexing)
+                tone: ke(I.indexing)
               }, {
-                default: l(() => [
-                  w(b(e(t)(`tag.indexing-${B.indexing}`)), 1)
+                default: i(() => [
+                  z(T(e(t)(`tag.indexing-${I.indexing}`)), 1)
                 ]),
                 _: 2
               }, 1032, ["tone"]))
             ]),
-            "cell-actions": l(({ row: B }) => [
-              n(e(Re), {
-                actions: Te(B),
-                label: B.title
+            "cell-actions": i(({ row: I }) => [
+              s(e(ze), {
+                actions: We(I),
+                label: I.title
               }, null, 8, ["actions", "label"])
             ]),
             _: 1
@@ -2861,64 +2861,64 @@ const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__
         ]),
         _: 1
       }, 8, ["view", "title", "views", "actions"]),
-      M.value.length > 0 ? (p(), C(e(rt), {
+      N.value.length > 0 ? (h(), M(e(st), {
         key: 0,
         class: "wx-tags__bar",
         sticky: ""
       }, {
-        state: l(() => [
-          n(e(G), { weight: "medium" }, {
-            default: l(() => [
-              w(b(e(t)("tag.selected", { count: M.value.length })), 1)
+        state: i(() => [
+          s(e(le), { weight: "medium" }, {
+            default: i(() => [
+              z(T(e(t)("tag.selected", { count: N.value.length })), 1)
             ]),
             _: 1
           })
         ]),
-        default: l(() => [
-          n(e(J), {
+        default: i(() => [
+          s(e(J), {
             type: "primary",
-            disabled: M.value.length < 2 || c.value,
-            onClick: pe
+            disabled: N.value.length < 2 || d.value,
+            onClick: fe
           }, {
-            icon: l(() => [
-              n(e(we), { name: "link" })
+            icon: i(() => [
+              s(e(Te), { name: "link" })
             ]),
-            default: l(() => [
-              w(" " + b(e(t)("tag.merge")), 1)
+            default: i(() => [
+              z(" " + T(e(t)("tag.merge")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          n(e(Re), {
+          s(e(ze), {
             size: "lg",
-            actions: he.value,
-            label: e(t)("tag.selected", { count: M.value.length })
+            actions: me.value,
+            label: e(t)("tag.selected", { count: N.value.length })
           }, null, 8, ["actions", "label"])
         ]),
         _: 1
-      })) : H("", !0)
+      })) : j("", !0)
     ]));
   }
-}), Oa = /* @__PURE__ */ ve(Ia, [["__scopeId", "data-v-beb86d88"]]);
-function ja(f = {}) {
-  const m = f.path ?? "/blog";
+}), La = /* @__PURE__ */ ce(Oa, [["__scopeId", "data-v-beb86d88"]]);
+function Ja(g = {}) {
+  const o = g.path ?? "/blog";
   return [
     {
       id: "articles",
-      path: `${m}/articles`,
+      path: `${o}/articles`,
       routes: [
         // The section's own path travels as a prop, so a panel that mounted the blog somewhere
         // else still links between its screens correctly.
         {
-          path: `${m}/articles`,
+          path: `${o}/articles`,
           name: "webx.blog.articles",
-          component: ha,
-          props: { base: m }
+          component: ka,
+          props: { base: o }
         },
         {
-          path: `${m}/articles/:id(\\d+)`,
+          path: `${o}/articles/:id(\\d+)`,
           name: "webx.blog.articles.edit",
-          component: Ot,
-          props: { base: m }
+          component: Dt,
+          props: { base: o }
         }
       ],
       /*
@@ -2930,62 +2930,68 @@ function ja(f = {}) {
        * box that makes a tag — and two only draw. Each reads the article from the editor above
        * it rather than from the description, because a screen is a description and not a
        * binding.
+       *
+       * The slug is here for a different reason: what it edits is an ordinary string, but the
+       * whole address is the prefix of the blog and that string, and the prefix is not in the
+       * description — it is configuration the editor was handed with the record.
        */
       types: {
-        "wx-article-address": { component: Nt, kind: "display" },
-        "wx-article-author": { component: Bt, kind: "field" },
-        "wx-article-rubrics": { component: aa, kind: "field" },
-        "wx-article-tags": { component: oa, kind: "field" },
-        "wx-article-related": { component: Xt, kind: "field" },
+        "wx-article-slug": { component: na, kind: "field" },
+        "wx-article-author": { component: Nt, kind: "field" },
+        "wx-article-rubrics": { component: ta, kind: "field" },
+        "wx-article-tags": { component: da, kind: "field" },
+        "wx-article-related": { component: Qt, kind: "field" },
+        "wx-article-unpublish": { component: pa, kind: "display" },
         "wx-article-history": { component: Kt, kind: "display" }
       }
     },
     {
       id: "rubrics",
-      path: `${m}/rubrics`,
+      path: `${o}/rubrics`,
       routes: [
         {
-          path: `${m}/rubrics`,
+          path: `${o}/rubrics`,
           name: "webx.blog.rubrics",
-          component: Ca,
-          props: { base: m }
+          component: Ua,
+          props: { base: o }
         }
       ]
     },
     {
       id: "tags",
-      path: `${m}/tags`,
+      path: `${o}/tags`,
       routes: [
         {
-          path: `${m}/tags`,
+          path: `${o}/tags`,
           name: "webx.blog.tags",
-          component: Oa,
-          props: { base: m }
+          component: La,
+          props: { base: o }
         }
       ]
     }
   ];
 }
 export {
-  Nt as WxArticleAddress,
-  Bt as WxArticleAuthorField,
-  ua as WxArticleCreateDialog,
-  Ot as WxArticleEditorPage,
+  Nt as WxArticleAuthorField,
+  fa as WxArticleCreateDialog,
+  Dt as WxArticleEditorPage,
   Kt as WxArticleHistory,
-  Xt as WxArticleRelated,
-  aa as WxArticleRubrics,
-  oa as WxArticleTags,
-  ha as WxArticlesPage,
-  Aa as WxRubricForm,
-  Ca as WxRubricsPage,
-  za as WxTagCreateDialog,
-  Pa as WxTagMergeDialog,
-  Oa as WxTagsPage,
-  ut as articleEditorKey,
-  ja as blog,
-  Ut as blogMessages,
-  de as createBlogApi,
-  Rt as provideArticleEditor,
-  Se as useArticleEditor
+  Qt as WxArticleRelated,
+  ta as WxArticleRubrics,
+  na as WxArticleSlug,
+  da as WxArticleTags,
+  pa as WxArticleUnpublish,
+  ka as WxArticlesPage,
+  Wa as WxRubricDialog,
+  Ua as WxRubricsPage,
+  Ra as WxTagCreateDialog,
+  Da as WxTagMergeDialog,
+  La as WxTagsPage,
+  ct as articleEditorKey,
+  Ja as blog,
+  qt as blogMessages,
+  re as createBlogApi,
+  Mt as provideArticleEditor,
+  Ae as useArticleEditor
 };
 //# sourceMappingURL=index.js.map