@webx-ui/module-blog 0.1.0 → 0.2.2

package/dist/index.js

@@ -1,16 +1,16 @@
-import { provide as mt, inject as ft, defineComponent as ee, computed as b, openBlock as p, createElementBlock as K, createVNode as n, unref as e, withCtx as a, createBlock as V, createTextVNode as g, toDisplayString as f, createCommentVNode as I, useModel as Be, mergeModels as Ne, ref as z, useTemplateRef as We, watch as oe, onMounted as Le, onBeforeUnmount as Fe, Fragment as ne, createElementVNode as q, renderList as ze, normalizeClass as Ae, nextTick as Ke, isRef as He, withKeys as Ce, createSlots as st, resolveDynamicComponent as tt, mergeProps as gt } from "vue";
-import { useAdmin as se, useTranslate as te, useDates as bt, useErrorText as me, WxBackButton as ht, WxScreen as yt, WxDate as De, WxListScreen as je, WxRowMenu as Ie } from "@webx-ui/module-admin";
-import { useLocales as Ge, WxFormItem as ge, WxText as G, WxAlert as Se, WxSelect as be, useElementWidth as rt, localizedValue as _t, confirm as pe, WxSkeleton as Ue, WxBreadcrumb as wt, WxBreadcrumbItem as at, WxBadge as re, WxDropdown as xt, WxDropdownItem as lt, WxAction as Re, WxButton as F, WxActionBar as ot, toast as L, WxEmpty as Oe, WxSortableList as Je, useModal as Ze, WxDialog as Qe, WxInput as $e, WxSpace as Xe, createModal as Ee, WxTable as ut, WxIcon as Y, WxTooltip as Ye, WxHeading as kt, WxTextarea as $t, WxSwitch as Tt, WxCard as Vt, WxListDetail as At, WxCheckbox as Ct } from "@webx-ui/core";
-import { useRoute as qe, useRouter as Me, onBeforeRouteLeave as St } from "vue-router";
-import { provideBlocksPreview as Wt } from "@webx-ui/module-blocks";
-const dt = /* @__PURE__ */ Symbol("wx-article-editor");
-function zt(y) {
-  mt(dt, y);
+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);
 }
-function Te() {
-  return ft(dt, null);
+function Se() {
+  return vt(ut, null);
 }
-const Rt = {
+const Ut = {
   module: {
     group: "Blog",
     articles: "Articles",
@@ -44,6 +44,9 @@ const Rt = {
     "view-draft": "Drafts",
     "view-unpublished": "Off the site",
     bin: "Bin",
+    "filter-rubric": "Rubric",
+    "filter-tag": "Tag",
+    "filter-author": "Author",
     "any-rubric": "Any rubric",
     "any-tag": "Any tag",
     "any-author": "Any author",
@@ -73,9 +76,6 @@ const Rt = {
   article: {
     trail: "Where this article sits",
     untitled: "Untitled",
-    "state-saved": "Saved",
-    "state-saving": "Saving…",
-    "state-unsaved": "Not saved yet",
     save: "Save draft",
     "save-failed": "The article was not saved.",
     schedule: "Schedule",
@@ -226,681 +226,622 @@ const Rt = {
     "merge-confirm": "Merge"
   }
 }, it = /* @__PURE__ */ new WeakSet();
-function ae() {
+function te() {
   try {
-    const { i18n: y } = se();
-    it.has(y) || (y.defaults("webx-blog", Rt), it.add(y));
+    const { i18n: f } = ne();
+    it.has(f) || (f.defaults("webx-blog", Ut), it.add(f));
   } catch {
   }
 }
-const Ut = { class: "wx-article-address" }, Bt = /* @__PURE__ */ ee({
+const qt = { class: "wx-article-address" }, Mt = /* @__PURE__ */ ee({
   name: "WxArticleAddress",
   __name: "ArticleAddress",
-  setup(y) {
-    const _ = Te(), u = Ge();
-    ae();
-    const x = te("webx-blog"), c = b(() => {
-      const r = _?.values.value.slug;
-      return typeof r == "string" ? r : r?.[u.active.value] ?? "";
-    }), l = b(() => c.value === "" ? null : `/${[_?.prefix.value ?? "", c.value].filter(Boolean).join("/")}`), t = b(() => {
-      const r = _?.article.value?.path;
-      return typeof r == "string" && l.value !== null && l.value !== `/${r}`;
+  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 (r, i) => (p(), K("div", Ut, [
-      n(e(ge), {
-        label: e(x)("article.address")
+    return (s, i) => (p(), Z("div", qt, [
+      n(e(ie), {
+        label: e(y)("article.address")
       }, {
-        default: a(() => [
-          l.value ? (p(), V(e(G), {
+        default: l(() => [
+          a.value ? (p(), C(e(G), {
             key: 0,
             mono: "",
             class: "wx-article-address__value"
           }, {
-            default: a(() => [
-              g(f(l.value), 1)
+            default: l(() => [
+              w(b(a.value), 1)
             ]),
             _: 1
-          })) : (p(), V(e(G), {
+          })) : (p(), C(e(G), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
-            default: a(() => [
-              g(f(e(x)("article.no-address")), 1)
+            default: l(() => [
+              w(b(e(y)("article.no-address")), 1)
             ]),
             _: 1
           }))
         ]),
         _: 1
       }, 8, ["label"]),
-      t.value ? (p(), V(e(Se), {
+      t.value ? (p(), C(e(We), {
         key: 0,
         type: "info",
         variant: "soft",
-        description: e(x)("article.address-moving")
-      }, null, 8, ["description"])) : I("", !0)
+        description: e(y)("article.address-moving")
+      }, null, 8, ["description"])) : H("", !0)
     ]));
   }
-}), ce = (y, _) => {
-  const u = y.__vccOpts || y;
-  for (const [x, c] of _)
-    u[x] = c;
-  return u;
-}, Nt = /* @__PURE__ */ ce(Bt, [["__scopeId", "data-v-2ee0dcfe"]]), qt = /* @__PURE__ */ ee({
+}), 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({
   name: "WxArticleAuthor",
   __name: "ArticleAuthor",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Me({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y) {
-    const _ = y, u = Be(y, "modelValue"), x = Te();
-    ae();
-    const c = te("webx-blog"), l = b(() => _.disabled || x?.disabled.value === !0), t = b(
-      () => (x?.options.value.authors ?? []).map((i) => ({
+  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
       }))
-    ), r = b({
-      get: () => u.value,
+    ), s = v({
+      get: () => r.value,
       set: (i) => {
-        u.value = typeof i == "number" ? i : null;
+        r.value = typeof i == "number" ? i : null;
       }
     });
-    return (i, $) => (p(), V(e(be), {
-      modelValue: r.value,
-      "onUpdate:modelValue": $[0] || ($[0] = (T) => r.value = T),
+    return (i, x) => (p(), C(e(_e), {
+      modelValue: s.value,
+      "onUpdate:modelValue": x[0] || (x[0] = (T) => s.value = T),
       options: t.value,
-      placeholder: e(c)("article.no-author"),
-      disabled: l.value,
+      placeholder: e(u)("article.no-author"),
+      disabled: a.value,
       clearable: "",
       filterable: "",
       teleport: "",
-      "aria-label": e(c)("article.author")
+      "aria-label": e(u)("article.author")
     }, null, 8, ["modelValue", "options", "placeholder", "disabled", "aria-label"]));
   }
 });
-function ue(y) {
-  const _ = `${y.apiPath}/blog/articles`, u = `${y.apiPath}/blog/rubrics`, x = `${y.apiPath}/blog/tags`, c = (l) => l.data;
+function de(f) {
+  const m = `${f.apiPath}/blog/articles`, r = `${f.apiPath}/blog/rubrics`, y = `${f.apiPath}/blog/tags`, u = (a) => a.data;
   return {
-    articles: (l = {}) => {
+    articles: (a = {}) => {
       const t = new URLSearchParams();
-      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 r = t.size > 0 ? `?${t}` : "";
-      return y.http.get(`${_}${r}`).then((i) => ({ ...i.meta, data: i.data, filters: i.filters }));
+      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 }));
     },
-    get: (l) => y.http.get(`${_}/${l}`).then(c),
-    create: (l) => y.http.post(_, l).then(c),
-    save: (l, t) => y.http.put(`${_}/${l}`, t).then(c),
-    discard: (l) => y.http.post(`${_}/${l}/discard`, {}).then(c),
-    versions: (l) => y.http.get(`${_}/${l}/versions`).then(c),
-    restoreVersion: (l, t) => y.http.post(`${_}/${l}/versions/${t}/restore`, {}).then(c),
-    tags: (l = "") => {
-      const t = l.trim() === "" ? "" : `?q=${encodeURIComponent(l.trim())}`;
-      return y.http.get(`${x}${t}`).then(c);
+    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);
     },
-    createTag: (l) => y.http.post(x, l).then(c),
-    publish: (l, t) => y.http.post(`${_}/${l}/publish`, t == null ? {} : { at: t }).then(c),
-    unpublish: (l) => y.http.post(`${_}/${l}/unpublish`, {}).then(c),
-    remove: (l) => y.http.delete(`${_}/${l}`).then(() => {
+    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(() => {
     }),
-    restore: (l) => y.http.post(`${_}/${l}/restore`, {}).then(c),
-    rubrics: () => y.http.get(u),
-    createRubric: (l) => y.http.post(u, l).then(c),
-    saveRubric: (l, t) => y.http.put(`${u}/${l}`, t).then(c),
-    removeRubric: (l) => y.http.delete(`${u}/${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(() => {
     }),
-    sortRubrics: (l) => y.http.post(`${u}/reorder`, { ids: l }).then(() => {
+    sortRubrics: (a) => f.http.post(`${r}/reorder`, { ids: a }).then(() => {
     }),
-    tagsPage: (l = {}) => {
+    tagsPage: (a = {}) => {
       const t = new URLSearchParams();
-      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 r = t.size > 0 ? `?${t}` : "";
-      return y.http.get(`${x}${r}`).then((i) => ({ ...i.meta, data: i.data, filters: i.filters }));
+      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 }));
     },
-    saveTag: (l, t) => y.http.put(`${x}/${l}`, t).then(c),
-    removeTag: (l) => y.http.delete(`${x}/${l}`).then(() => {
+    saveTag: (a, t) => f.http.put(`${y}/${a}`, t).then(u),
+    removeTag: (a) => f.http.delete(`${y}/${a}`).then(() => {
     }),
-    massTags: (l, t) => y.http.post(`${x}/mass`, { ids: l, action: t }).then((r) => r.data.affected),
-    mergeTags: (l, t, r) => y.http.post(`${x}/merge`, { ids: l, keep: t, redirect: r }).then(c)
+    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)
   };
 }
-const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-editor__id" }, Dt = { class: "wx-article-editor__name" }, It = { class: "wx-article-editor__title" }, Ot = { class: "wx-article-editor__actions" }, Et = { class: "wx-article-editor__screen" }, Lt = 1200, Ft = 720, Kt = /* @__PURE__ */ ee({
+const Pt = { class: "wx-article-editor__screen" }, Dt = 1200, It = /* @__PURE__ */ ee({
   __name: "ArticleEditorPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(y) {
-    const _ = y, u = se(), x = ue(u), c = qe(), l = Me(), t = Ge(), r = bt();
-    ae();
-    const i = te("webx-blog"), $ = me(), T = b(() => Number(c.params.id)), h = b(() => `${_.base}/articles`), d = z(null), k = z({}), S = z(""), C = z(""), M = z(null), P = z({ rubrics: [], authors: [] }), U = z([]), R = z(!0), W = z(!1), O = z(!1), A = z({}), N = z(null), H = z(""), D = z(0), m = b(() => u.can("blog.articles.manage")), E = b(() => !m.value || O.value), j = We("root"), de = rt(j), Ve = b(() => de.value > 0 && de.value < Ft), ve = b(() => JSON.stringify(k.value)), J = b(() => H.value !== "" && ve.value !== H.value), we = b(() => W.value ? "saving" : J.value ? "unsaved" : "saved"), he = b(() => {
-      const B = k.value.title;
-      return _t(B, t.active.value, d.value?.title ?? "");
-    }), Q = b(() => {
-      const B = k.value.published_at;
-      return typeof B == "string" && B !== "" ? B : null;
-    }), fe = b(() => {
-      if (Q.value === null) return !1;
-      const B = new Date(Q.value.replace(" ", "T"));
-      return !Number.isNaN(B.valueOf()) && B.valueOf() > Date.now();
-    }), ye = b(() => {
-      const B = d.value;
-      if (!B) return "";
-      const Z = r.short(B.published_at);
+  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;
+      return typeof V == "string" && V !== "" ? V : null;
+    }), he = v(() => {
+      if (ce.value === null) return !1;
+      const V = new Date(ce.value.replace(" ", "T"));
+      return !Number.isNaN(V.valueOf()) && V.valueOf() > Date.now();
+    }), Te = v(() => {
+      const V = o.value;
+      if (!V) return "";
+      const Y = s.short(V.published_at);
       return {
         draft: i("article.live-never"),
-        scheduled: i("article.live-scheduled", { date: Z }),
-        published: i("article.live-since", { date: Z }),
-        modified: `${i("article.live-since", { date: Z })} · ${i("article.live-edited")}`,
+        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")
-      }[B.status] ?? "";
+      }[V.status] ?? "";
     });
-    Wt({ url: b(() => M.value), reload: D }), zt({
-      article: d,
-      values: k,
-      options: P,
-      related: U,
-      prefix: C,
-      base: _.base,
-      canManage: m.value,
-      disabled: E,
-      reload: () => ie(!0),
-      save: () => w()
+    zt({ url: v(() => E.value), reload: P }), Rt({
+      article: o,
+      values: _,
+      options: F,
+      related: $,
+      prefix: S,
+      base: m.base,
+      canManage: q.value,
+      disabled: k,
+      reload: () => pe(!0),
+      save: () => N()
     });
-    function _e(B) {
-      d.value = B.article, k.value = B.values, S.value = B.revision, C.value = B.prefix, M.value = B.preview_url, P.value = B.options, U.value = B.related, H.value = JSON.stringify(B.values), N.value = null;
+    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;
     }
-    async function ie(B = !1) {
-      B || (R.value = !0);
+    async function pe(V = !1) {
+      V || (U.value = !0);
       try {
-        _e(await x.get(T.value));
-      } catch (Z) {
-        L.danger($(Z)), l.push(h.value);
+        ke(await y.get(T.value));
+      } catch (Y) {
+        L.danger(x(Y)), a.push(c.value);
       } finally {
-        R.value = !1;
+        U.value = !1;
       }
     }
-    let v;
-    function o() {
-      !m.value || N.value || !J.value || (clearTimeout(v), v = setTimeout(() => {
-        w();
-      }, Lt));
+    let re;
+    function fe() {
+      !q.value || I.value || !O.value || (clearTimeout(re), re = setTimeout(() => {
+        N();
+      }, Dt));
     }
-    function s() {
-      !m.value || N.value || !J.value || W.value || (clearTimeout(v), w());
+    function g() {
+      !q.value || I.value || !O.value || R.value || (clearTimeout(re), N());
     }
-    async function w() {
-      if (!d.value || W.value || !m.value) return;
-      clearTimeout(v);
-      const B = ve.value, Z = k.value;
-      W.value = !0, A.value = {};
+    async function N() {
+      if (!o.value || R.value || !q.value) return;
+      clearTimeout(re);
+      const V = le.value, Y = _.value;
+      R.value = !0, A.value = {};
       try {
-        const X = await x.save(d.value.id, { values: Z, revision: S.value });
-        d.value = X.article, S.value = X.revision, C.value = X.prefix, M.value = X.preview_url, P.value = X.options, U.value = X.related, N.value = null, ve.value === B && (H.value = B), D.value += 1;
-      } catch (X) {
-        const ke = X;
-        ke.status === 409 && ke.body?.data ? N.value = ke.body : ke.body?.errors ? (A.value = ke.body.errors, L.danger(i("article.save-failed"))) : L.danger($(X));
+        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;
+      } 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));
       } finally {
-        W.value = !1;
+        R.value = !1;
       }
     }
-    async function le() {
-      await pe({
+    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"),
         tone: "danger"
-      }) && await ie(!0);
+      }) && await pe(!0);
     }
-    async function xe() {
-      const B = N.value;
-      B && (S.value = B.data.revision, N.value = null, await w());
+    async function X() {
+      const V = I.value;
+      V && (W.value = V.data.revision, I.value = null, await N());
     }
-    async function Pe() {
-      if (!(!d.value || !await pe({
+    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"),
         tone: "danger"
       }))) {
-        O.value = !0;
+        M.value = !0;
         try {
-          _e(await x.discard(d.value.id)), L.success(i("article.discarded"));
-        } catch (Z) {
-          L.danger($(Z));
+          ke(await y.discard(o.value.id)), L.success(i("article.discarded"));
+        } catch (Y) {
+          L.danger(x(Y));
         } finally {
-          O.value = !1;
+          M.value = !1;
         }
       }
     }
-    async function ct() {
-      const B = d.value;
-      if (!B) return;
-      const Z = B.path === null ? null : `/${B.path}`, X = Q.value === null ? i("article.publish-now") : r.short(Q.value);
-      if (await pe({
-        title: i("article.publish-title", { title: B.title }),
-        message: fe.value ? i("article.publish-later", { date: X }) : Z === null ? i("article.publish-nowhere") : i("article.publish-text", { address: Z }),
-        confirmText: fe.value ? i("article.schedule") : i("panel.publish"),
+    async function d() {
+      const V = o.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")
-      }) && (J.value && await w(), !N.value)) {
-        O.value = !0;
+      }) && (O.value && await N(), !I.value)) {
+        M.value = !0;
         try {
-          await x.publish(B.id, Q.value), await ie(!0), L.success(fe.value ? i("article.scheduled") : i("panel.published"));
-        } catch (pt) {
-          L.danger($(pt));
+          await y.publish(V.id, ce.value), await pe(!0), L.success(he.value ? i("article.scheduled") : i("panel.published"));
+        } catch (dt) {
+          L.danger(x(dt));
         } finally {
-          O.value = !1;
+          M.value = !1;
         }
       }
     }
-    function vt() {
-      const B = d.value?.status;
-      return B === "published" ? "success" : B === "modified" ? "warning" : B === "scheduled" ? "primary" : "default";
+    function D() {
+      const V = o.value?.status;
+      return V === "published" ? "success" : V === "modified" ? "warning" : V === "scheduled" ? "primary" : "default";
     }
-    function et(B) {
-      J.value && B.preventDefault();
+    function h(V) {
+      O.value && V.preventDefault();
     }
-    return oe(ve, o), oe(T, () => {
-      ie();
-    }), Le(() => {
-      ie(), window.addEventListener("beforeunload", et);
-    }), Fe(() => {
-      clearTimeout(v), window.removeEventListener("beforeunload", et);
-    }), St(async () => !J.value || !m.value || (await w(), !J.value) ? !0 : await pe({
+    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"),
       tone: "danger"
-    })), (B, Z) => (p(), K("div", {
-      ref_key: "root",
-      ref: j,
+    }));
+    const $e = v(() => {
+      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({
+        key: "site",
+        label: i("panel.open-on-site"),
+        icon: "link",
+        href: o.value.url
+      }), V;
+    });
+    return (V, Y) => (p(), Z("div", {
       class: "wx-article-editor",
-      onFocusout: s
+      onFocusout: g
     }, [
-      R.value || !d.value ? (p(), K(ne, { key: 0 }, [
+      U.value || !o.value ? (p(), Z(be, { key: 0 }, [
         n(e(Ue), {
           class: "wx-article-editor__ghost",
           title: "",
           rows: 1
         }),
         n(e(Ue), { rows: 8 })
-      ], 64)) : (p(), K(ne, { key: 1 }, [
-        q("div", Mt, [
-          n(e(ht), {
-            class: "wx-article-editor__back",
-            to: h.value,
-            label: e(i)("module.articles")
-          }, null, 8, ["to", "label"]),
-          q("div", Pt, [
-            n(e(wt), {
+      ], 64)) : (p(), Z(be, { key: 1 }, [
+        n(e(bt), {
+          divider: "",
+          back: c.value,
+          "back-label": e(i)("module.articles"),
+          title: xe.value || e(i)("article.untitled"),
+          actions: $e.value
+        }, {
+          trail: l(() => [
+            n(e(_t), {
               size: "sm",
               label: e(i)("article.trail")
             }, {
-              default: a(() => [
-                n(e(at), {
+              default: l(() => [
+                n(e(lt), {
                   as: "router-link",
-                  to: h.value
+                  to: c.value
                 }, {
-                  default: a(() => [
-                    g(f(e(i)("module.articles")), 1)
+                  default: l(() => [
+                    w(b(e(i)("module.articles")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                n(e(at), { current: "" }, {
-                  default: a(() => [
-                    g(f(he.value || e(i)("article.untitled")), 1)
+                n(e(lt), { current: "" }, {
+                  default: l(() => [
+                    w(b(xe.value || e(i)("article.untitled")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
-            }, 8, ["label"]),
-            q("div", Dt, [
-              q("span", It, f(he.value || e(i)("article.untitled")), 1),
-              n(e(re), {
-                type: vt(),
-                dot: ""
-              }, {
-                default: a(() => [
-                  g(f(e(i)(`panel.status-${d.value.status}`)), 1)
-                ]),
-                _: 1
-              }, 8, ["type"])
-            ])
+            }, 8, ["label"])
           ]),
-          q("div", Ot, [
-            Ve.value ? (p(), V(e(xt), {
-              key: 0,
-              align: "end"
+          "title-after": l(() => [
+            n(e(oe), {
+              type: D(),
+              dot: ""
             }, {
-              trigger: a(() => [
-                n(e(Re), {
-                  type: "more",
-                  title: e(i)("article.more")
-                }, null, 8, ["title"])
-              ]),
-              default: a(() => [
-                M.value ? (p(), V(e(lt), {
-                  key: 0,
-                  icon: "eye",
-                  href: M.value,
-                  target: "_blank",
-                  rel: "noopener"
-                }, {
-                  default: a(() => [
-                    g(f(e(i)("article.preview")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["href"])) : I("", !0),
-                d.value.url && d.value.status !== "draft" ? (p(), V(e(lt), {
-                  key: 1,
-                  icon: "link",
-                  href: d.value.url,
-                  target: "_blank",
-                  rel: "noopener"
-                }, {
-                  default: a(() => [
-                    g(f(e(i)("panel.open-on-site")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["href"])) : I("", !0)
+              default: l(() => [
+                w(b(e(i)(`panel.status-${o.value.status}`)), 1)
               ]),
               _: 1
-            })) : (p(), K(ne, { key: 1 }, [
-              M.value ? (p(), V(e(F), {
-                key: 0,
-                variant: "outline",
-                icon: "eye",
-                href: M.value,
-                target: "_blank",
-                rel: "noopener"
-              }, {
-                default: a(() => [
-                  g(f(e(i)("article.preview")), 1)
-                ]),
-                _: 1
-              }, 8, ["href"])) : I("", !0),
-              d.value.url && d.value.status !== "draft" ? (p(), V(e(F), {
-                key: 1,
-                variant: "outline",
-                icon: "link",
-                href: d.value.url,
-                target: "_blank",
-                rel: "noopener"
-              }, {
-                default: a(() => [
-                  g(f(e(i)("panel.open-on-site")), 1)
-                ]),
-                _: 1
-              }, 8, ["href"])) : I("", !0)
-            ], 64))
-          ])
-        ]),
-        N.value ? (p(), V(e(Se), {
+            }, 8, ["type"])
+          ]),
+          _: 1
+        }, 8, ["back", "back-label", "title", "actions"]),
+        I.value ? (p(), C(e(We), {
           key: 0,
           type: "warning",
           title: e(i)("article.conflict-title"),
-          description: N.value.message
+          description: I.value.message
         }, {
-          actions: a(() => [
-            n(e(F), {
+          actions: l(() => [
+            n(e(J), {
               size: "sm",
               variant: "outline",
-              onClick: le
+              onClick: B
             }, {
-              default: a(() => [
-                g(f(e(i)("article.conflict-theirs")), 1)
+              default: l(() => [
+                w(b(e(i)("article.conflict-theirs")), 1)
               ]),
               _: 1
             }),
-            n(e(F), {
+            n(e(J), {
               size: "sm",
               type: "primary",
-              onClick: xe
+              onClick: X
             }, {
-              default: a(() => [
-                g(f(e(i)("article.conflict-mine")), 1)
+              default: l(() => [
+                w(b(e(i)("article.conflict-mine")), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
-        }, 8, ["title", "description"])) : I("", !0),
-        q("div", Et, [
-          n(e(yt), {
-            modelValue: k.value,
-            "onUpdate:modelValue": Z[0] || (Z[0] = (X) => k.value = X),
+        }, 8, ["title", "description"])) : H("", !0),
+        j("div", Pt, [
+          n(e(gt), {
+            modelValue: _.value,
+            "onUpdate:modelValue": Y[0] || (Y[0] = (ae) => _.value = ae),
             name: "blog.article-form",
             errors: A.value,
-            disabled: E.value
+            disabled: k.value
           }, null, 8, ["modelValue", "errors", "disabled"])
         ]),
-        m.value ? (p(), V(e(ot), { key: 1 }, {
-          state: a(() => [
-            n(e(G), {
+        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: a(() => [
-                g(f(e(i)(`article.state-${we.value}`)), 1),
-                ye.value ? (p(), K(ne, { key: 0 }, [
-                  g(" · " + f(ye.value), 1)
-                ], 64)) : I("", !0)
+              default: l(() => [
+                w(b(Te.value), 1)
               ]),
               _: 1
-            })
+            })) : H("", !0)
           ]),
-          default: a(() => [
-            d.value.status === "modified" ? (p(), V(e(F), {
+          default: l(() => [
+            o.value.status === "modified" ? (p(), C(e(J), {
               key: 0,
               variant: "text",
-              loading: O.value,
-              onClick: Pe
+              loading: M.value,
+              onClick: ye
             }, {
-              default: a(() => [
-                g(f(e(i)("article.discard")), 1)
+              default: l(() => [
+                w(b(e(i)("article.discard")), 1)
               ]),
               _: 1
-            }, 8, ["loading"])) : I("", !0),
-            n(e(F), {
+            }, 8, ["loading"])) : H("", !0),
+            n(e(J), {
               variant: "outline",
-              loading: W.value,
-              disabled: !J.value,
-              onClick: w
+              loading: R.value,
+              disabled: !O.value,
+              onClick: N
             }, {
-              default: a(() => [
-                g(f(e(i)("article.save")), 1)
+              default: l(() => [
+                w(b(e(i)("article.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"]),
-            n(e(F), {
+            n(e(J), {
               type: "primary",
-              loading: O.value,
-              disabled: d.value.status === "published" && !J.value,
-              onClick: ct
+              loading: M.value,
+              disabled: o.value.status === "published" && !O.value,
+              onClick: d
             }, {
-              default: a(() => [
-                g(f(fe.value ? e(i)("article.schedule") : e(i)("panel.publish")), 1)
+              default: l(() => [
+                w(b(he.value ? e(i)("article.schedule") : e(i)("panel.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : I("", !0)
+        })) : H("", !0)
       ], 64))
-    ], 544));
+    ], 32));
   }
-}), Ht = /* @__PURE__ */ ce(Kt, [["__scopeId", "data-v-9bf13356"]]), jt = { class: "wx-article-history" }, Gt = { class: "wx-article-history__number" }, Jt = { class: "wx-article-history__who" }, Zt = /* @__PURE__ */ ee({
+}), 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({
   name: "WxArticleHistory",
   __name: "ArticleHistory",
-  setup(y) {
-    const _ = se(), u = ue(_), x = Te();
-    ae();
-    const c = te("webx-blog"), l = me(), t = z(null), r = z(!1), i = b(() => x?.article.value ?? null), $ = b(() => _.can("blog.articles.manage")), T = b(
+  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
     );
-    async function h() {
-      const k = i.value;
-      if (k)
+    async function c() {
+      const _ = i.value;
+      if (_)
         try {
-          t.value = await u.versions(k.id);
-        } catch (S) {
-          t.value = [], L.danger(l(S));
+          t.value = await r.versions(_.id);
+        } catch (W) {
+          t.value = [], L.danger(a(W));
         }
     }
-    async function d(k) {
-      const S = i.value;
-      if (!(!S || !await pe({
-        title: c("article.restore-title", { number: k.number }),
-        message: c("article.restore-text"),
-        confirmText: c("article.restore-version"),
-        cancelText: c("panel.cancel")
+    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")
       }))) {
-        r.value = !0;
+        s.value = !0;
         try {
-          await u.restoreVersion(S.id, k.number), await x?.reload(), L.success(c("article.restored-version", { number: k.number }));
-        } catch (M) {
-          L.danger(l(M));
+          await r.restoreVersion(W.id, _.number), await y?.reload(), L.success(u("article.restored-version", { number: _.number }));
+        } catch (E) {
+          L.danger(a(E));
         } finally {
-          r.value = !1;
+          s.value = !1;
         }
       }
     }
-    return oe(
+    return ue(
       () => [i.value?.id, i.value?.published_at, i.value?.updated_at],
       () => {
-        h();
+        c();
       },
       { immediate: !0 }
-    ), (k, S) => (p(), K("div", jt, [
-      t.value === null ? (p(), V(e(Ue), {
+    ), (_, W) => (p(), Z("div", Et, [
+      t.value === null ? (p(), C(e(Ue), {
         key: 0,
         class: "wx-article-history__ghost",
         rows: 3
-      })) : t.value.length === 0 ? (p(), V(e(Oe), {
+      })) : t.value.length === 0 ? (p(), C(e(Ge), {
         key: 1,
-        description: e(c)("article.history-empty")
-      }, null, 8, ["description"])) : (p(!0), K(ne, { key: 2 }, ze(t.value, (C) => (p(), K("div", {
-        key: C.number,
-        class: Ae(["wx-article-history__row", { "is-live": C.number === T.value }])
+        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 }])
       }, [
-        q("code", Gt, f(e(c)("article.version", { number: C.number })), 1),
-        q("div", Jt, [
-          C.created_at ? (p(), V(e(De), {
+        j("code", Ft, b(e(u)("article.version", { number: S.number })), 1),
+        j("div", Lt, [
+          S.created_at ? (p(), C(e(je), {
             key: 0,
-            value: C.created_at,
+            value: S.created_at,
             size: "md",
             tone: "default"
-          }, null, 8, ["value"])) : I("", !0),
+          }, null, 8, ["value"])) : H("", !0),
           n(e(G), {
             size: "sm",
             tone: "muted"
           }, {
-            default: a(() => [
-              g(f(C.author ?? e(c)(`article.source-${C.source}`)) + " ", 1),
-              C.comment ? (p(), K(ne, { key: 0 }, [
-                g(" · " + f(C.comment), 1)
-              ], 64)) : I("", !0)
+            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)
             ]),
             _: 2
           }, 1024)
         ]),
-        C.number === T.value ? (p(), V(e(re), {
+        S.number === T.value ? (p(), C(e(oe), {
           key: 0,
           type: "success",
           dot: ""
         }, {
-          default: a(() => [
-            g(f(e(c)("article.version-live")), 1)
+          default: l(() => [
+            w(b(e(u)("article.version-live")), 1)
           ]),
           _: 1
-        })) : I("", !0),
-        $.value && C.number !== T.value ? (p(), V(e(F), {
+        })) : H("", !0),
+        x.value && S.number !== T.value ? (p(), C(e(J), {
           key: 1,
           size: "sm",
           variant: "outline",
-          loading: r.value,
-          onClick: (M) => d(C)
+          loading: s.value,
+          onClick: (E) => o(S)
         }, {
-          default: a(() => [
-            g(f(e(c)("article.restore-version")), 1)
+          default: l(() => [
+            w(b(e(u)("article.restore-version")), 1)
           ]),
           _: 1
-        }, 8, ["loading", "onClick"])) : I("", !0)
+        }, 8, ["loading", "onClick"])) : H("", !0)
       ], 2))), 128))
     ]));
   }
-}), Qt = /* @__PURE__ */ ce(Zt, [["__scopeId", "data-v-0a997938"]]), Xt = { class: "wx-article-related" }, Yt = { class: "wx-article-related__name" }, ea = 250, ta = 10, aa = /* @__PURE__ */ ee({
+}), 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({
   name: "WxArticleRelated",
   __name: "ArticleRelated",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Me({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y) {
-    const _ = y, u = Be(y, "modelValue"), x = se(), c = ue(x), l = Te();
-    ae();
-    const t = te("webx-blog"), r = me(), i = b(() => _.disabled || l?.disabled.value === !0), $ = z(/* @__PURE__ */ new Map()), T = z([]);
-    let h;
-    oe(
-      () => l?.related.value,
-      (U) => {
-        const R = new Map($.value);
-        for (const W of U ?? []) R.set(W.id, W.title);
-        $.value = R;
+  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;
+    ue(
+      () => a?.related.value,
+      ($) => {
+        const U = new Map(x.value);
+        for (const R of $ ?? []) U.set(R.id, R.title);
+        x.value = U;
       },
       { immediate: !0, deep: !0 }
     );
-    const d = b({
-      get: () => u.value.map((U) => ({ id: U, title: $.value.get(U) ?? `#${U}` })),
-      set: (U) => {
-        u.value = U.map((R) => R.id);
+    const o = v({
+      get: () => r.value.map(($) => ({ id: $, title: x.value.get($) ?? `#${$}` })),
+      set: ($) => {
+        r.value = $.map((U) => U.id);
       }
-    }), k = b(
-      () => T.value.filter((U) => !u.value.includes(U.id)).map((U) => ({ label: U.title, value: U.id }))
+    }), _ = v(
+      () => T.value.filter(($) => !r.value.includes($.id)).map(($) => ({ label: $.title, value: $.id }))
     );
-    async function S(U) {
-      const R = l?.article.value?.id;
+    async function W($) {
+      const U = a?.article.value?.id;
       try {
-        const W = await c.articles({ q: U, per_page: ta });
-        T.value = W.data.filter((A) => A.id !== R).map((A) => ({ id: A.id, title: A.title }));
-        const O = new Map($.value);
-        for (const A of T.value) O.set(A.id, A.title);
-        $.value = O;
-      } catch (W) {
-        L.danger(r(W));
+        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));
       }
     }
-    function C(U) {
-      clearTimeout(h), h = setTimeout(() => {
-        S(U);
-      }, ea);
+    function S($) {
+      clearTimeout(c), c = setTimeout(() => {
+        W($);
+      }, Jt);
     }
-    function M(U) {
-      typeof U != "number" || u.value.includes(U) || (u.value = [...u.value, U]);
+    function E($) {
+      typeof $ != "number" || r.value.includes($) || (r.value = [...r.value, $]);
     }
-    function P(U) {
-      u.value = u.value.filter((R) => R !== U);
+    function F($) {
+      r.value = r.value.filter((U) => U !== $);
     }
-    return oe(
-      () => l?.article.value?.id,
+    return ue(
+      () => a?.article.value?.id,
       () => {
-        S("");
+        W("");
       },
       { immediate: !0 }
-    ), Fe(() => clearTimeout(h)), (U, R) => (p(), K("div", Xt, [
-      n(e(Je), {
-        modelValue: d.value,
-        "onUpdate:modelValue": R[0] || (R[0] = (W) => d.value = W),
+    ), Je(() => clearTimeout(c)), ($, U) => (p(), Z("div", jt, [
+      n(e(Ye), {
+        modelValue: o.value,
+        "onUpdate:modelValue": U[0] || (U[0] = (R) => o.value = R),
         plain: "",
         size: "sm",
         "item-key": "id",
@@ -909,302 +850,302 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
         "empty-text": e(t)("article.related-empty"),
         "aria-label": e(t)("article.related")
       }, {
-        default: a(({ item: W }) => [
-          q("span", Yt, f(W.title), 1)
+        default: l(({ item: R }) => [
+          j("span", Gt, b(R.title), 1)
         ]),
-        actions: a(({ item: W }) => [
-          n(e(Re), {
+        actions: l(({ item: R }) => [
+          n(e(Oe), {
             type: "remove",
             size: "sm",
             disabled: i.value,
             title: e(t)("article.related-remove"),
-            onClick: (O) => P(W.id)
+            onClick: (M) => F(R.id)
           }, null, 8, ["disabled", "title", "onClick"])
         ]),
         _: 1
       }, 8, ["modelValue", "disabled", "empty-text", "aria-label"]),
-      n(e(be), {
+      n(e(_e), {
         "model-value": null,
-        options: k.value,
+        options: _.value,
         placeholder: e(t)("article.related-add"),
         "empty-text": e(t)("article.related-nothing"),
         disabled: i.value,
         filterable: "",
         teleport: "",
         "aria-label": e(t)("article.related-add"),
-        onSearch: C,
-        "onUpdate:modelValue": M
+        onSearch: S,
+        "onUpdate:modelValue": E
       }, null, 8, ["options", "placeholder", "empty-text", "disabled", "aria-label"])
     ]));
   }
-}), la = /* @__PURE__ */ ce(aa, [["__scopeId", "data-v-164e86fe"]]), ia = { class: "wx-article-rubrics" }, na = { class: "wx-article-rubrics__name" }, sa = /* @__PURE__ */ ee({
+}), Xt = /* @__PURE__ */ ve(Qt, [["__scopeId", "data-v-164e86fe"]]), Yt = { class: "wx-article-rubrics" }, ea = { class: "wx-article-rubrics__name" }, ta = /* @__PURE__ */ ee({
   name: "WxArticleRubrics",
   __name: "ArticleRubrics",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Me({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y) {
-    const _ = y, u = Be(y, "modelValue"), x = Te();
-    ae();
-    const c = te("webx-blog"), l = b(() => _.disabled || x?.disabled.value === !0), t = b(() => {
-      const h = /* @__PURE__ */ new Map();
-      for (const d of x?.options.value.rubrics ?? []) h.set(d.id, d.title);
-      return h;
-    }), r = b({
-      get: () => u.value.map((h) => ({ id: h, title: t.value.get(h) ?? `#${h}` })),
-      set: (h) => {
-        u.value = h.map((d) => d.id);
+  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);
       }
-    }), i = b(
-      () => (x?.options.value.rubrics ?? []).filter((h) => !u.value.includes(h.id)).map((h) => ({ label: h.title, value: h.id }))
+    }), i = v(
+      () => (y?.options.value.rubrics ?? []).filter((c) => !r.value.includes(c.id)).map((c) => ({ label: c.title, value: c.id }))
     );
-    function $(h) {
-      typeof h != "number" || u.value.includes(h) || (u.value = [...u.value, h]);
+    function x(c) {
+      typeof c != "number" || r.value.includes(c) || (r.value = [...r.value, c]);
     }
-    function T(h) {
-      u.value = u.value.filter((d) => d !== h);
+    function T(c) {
+      r.value = r.value.filter((o) => o !== c);
     }
-    return (h, d) => (p(), K("div", ia, [
-      n(e(Je), {
-        modelValue: r.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (k) => r.value = k),
+    return (c, o) => (p(), Z("div", Yt, [
+      n(e(Ye), {
+        modelValue: s.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (_) => s.value = _),
         plain: "",
         size: "sm",
         "item-key": "id",
         "item-label": "title",
-        disabled: l.value,
-        "empty-text": e(c)("article.rubrics-empty"),
-        "aria-label": e(c)("article.rubrics")
+        disabled: a.value,
+        "empty-text": e(u)("article.rubrics-empty"),
+        "aria-label": e(u)("article.rubrics")
       }, {
-        default: a(({ item: k, index: S }) => [
-          q("span", na, f(k.title), 1),
-          S === 0 ? (p(), V(e(re), {
+        default: l(({ item: _, index: W }) => [
+          j("span", ea, b(_.title), 1),
+          W === 0 ? (p(), C(e(oe), {
             key: 0,
             type: "primary"
           }, {
-            default: a(() => [
-              g(f(e(c)("article.rubric-main")), 1)
+            default: l(() => [
+              w(b(e(u)("article.rubric-main")), 1)
             ]),
             _: 1
-          })) : I("", !0)
+          })) : H("", !0)
         ]),
-        actions: a(({ item: k }) => [
-          n(e(Re), {
+        actions: l(({ item: _ }) => [
+          n(e(Oe), {
             type: "remove",
             size: "sm",
-            disabled: l.value,
-            title: e(c)("article.rubric-remove"),
-            onClick: (S) => T(k.id)
+            disabled: a.value,
+            title: e(u)("article.rubric-remove"),
+            onClick: (W) => T(_.id)
           }, null, 8, ["disabled", "title", "onClick"])
         ]),
         _: 1
       }, 8, ["modelValue", "disabled", "empty-text", "aria-label"]),
-      n(e(be), {
+      n(e(_e), {
         "model-value": null,
         options: i.value,
-        placeholder: e(c)("article.rubric-add"),
-        disabled: l.value || i.value.length === 0,
-        "empty-text": e(c)("article.rubric-none-left"),
+        placeholder: e(u)("article.rubric-add"),
+        disabled: a.value || i.value.length === 0,
+        "empty-text": e(u)("article.rubric-none-left"),
         filterable: "",
         teleport: "",
-        "aria-label": e(c)("article.rubric-add"),
-        "onUpdate:modelValue": $
+        "aria-label": e(u)("article.rubric-add"),
+        "onUpdate:modelValue": x
       }, null, 8, ["options", "placeholder", "disabled", "empty-text", "aria-label"])
     ]));
   }
-}), ra = /* @__PURE__ */ ce(sa, [["__scopeId", "data-v-db8c5bc8"]]), oa = { class: "wx-article-tags" }, ua = {
+}), aa = /* @__PURE__ */ ve(ta, [["__scopeId", "data-v-db8c5bc8"]]), la = { class: "wx-article-tags" }, ia = {
   key: 0,
   class: "wx-article-tags__chips"
-}, da = { class: "wx-article-tags__pick" }, ca = 250, va = /* @__PURE__ */ ee({
+}, na = { class: "wx-article-tags__pick" }, sa = 250, ra = /* @__PURE__ */ ee({
   name: "WxArticleTags",
   __name: "ArticleTags",
-  props: /* @__PURE__ */ Ne({
+  props: /* @__PURE__ */ Me({
     disabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y) {
-    const _ = y, u = Be(y, "modelValue"), x = se(), c = ue(x), l = Te();
-    ae();
-    const t = te("webx-blog"), r = me(), i = b(() => _.disabled || l?.disabled.value === !0), $ = z(/* @__PURE__ */ new Map()), T = z([]), h = z(""), d = z(!1);
-    let k;
-    oe(
-      () => l?.article.value?.tags,
+  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 _;
+    ue(
+      () => a?.article.value?.tags,
       (A) => {
-        const N = new Map($.value);
-        for (const H of A ?? []) N.set(H.id, H.title);
-        $.value = N;
+        const I = new Map(x.value);
+        for (const K of A ?? []) I.set(K.id, K.title);
+        x.value = I;
       },
       { immediate: !0, deep: !0 }
     );
-    const S = b(
-      () => u.value.map((A) => ({ id: A, title: $.value.get(A) ?? `#${A}` }))
-    ), C = b(
-      () => T.value.filter((A) => !u.value.includes(A.id)).map((A) => ({
+    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) => ({
         // 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
       }))
-    ), M = b(() => {
-      const A = h.value.trim();
+    ), E = v(() => {
+      const A = c.value.trim();
       if (A === "") return null;
-      const N = (H) => H.toLowerCase() === A.toLowerCase();
-      return T.value.some((H) => N(H.title)) ? null : A;
+      const I = (K) => K.toLowerCase() === A.toLowerCase();
+      return T.value.some((K) => I(K.title)) ? null : A;
     });
-    async function P() {
+    async function F() {
       try {
-        T.value = await c.tags(h.value);
-        const A = new Map($.value);
-        for (const N of T.value) A.set(N.id, N.title);
-        $.value = A;
+        T.value = await u.tags(c.value);
+        const A = new Map(x.value);
+        for (const I of T.value) A.set(I.id, I.title);
+        x.value = A;
       } catch (A) {
-        L.danger(r(A));
+        L.danger(s(A));
       }
     }
+    function $(A) {
+      c.value = A, clearTimeout(_), _ = setTimeout(() => {
+        F();
+      }, sa);
+    }
     function U(A) {
-      h.value = A, clearTimeout(k), k = setTimeout(() => {
-        P();
-      }, ca);
+      typeof A != "number" || r.value.includes(A) || (r.value = [...r.value, A], c.value = "");
     }
     function R(A) {
-      typeof A != "number" || u.value.includes(A) || (u.value = [...u.value, A], h.value = "");
-    }
-    function W(A) {
-      u.value = u.value.filter((N) => N !== A);
+      r.value = r.value.filter((I) => I !== A);
     }
-    async function O() {
-      const A = M.value;
-      if (!(A === null || d.value)) {
-        d.value = !0;
+    async function M() {
+      const A = E.value;
+      if (!(A === null || o.value)) {
+        o.value = !0;
         try {
-          const N = await c.createTag({ title: A });
-          $.value = new Map($.value).set(N.id, N.title), T.value = [N, ...T.value], R(N.id);
-        } catch (N) {
-          L.danger(r(N));
+          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));
         } finally {
-          d.value = !1;
+          o.value = !1;
         }
       }
     }
-    return oe(
-      () => l?.article.value?.id,
+    return ue(
+      () => a?.article.value?.id,
       () => {
-        P();
+        F();
       },
       { immediate: !0 }
-    ), Fe(() => clearTimeout(k)), (A, N) => (p(), K("div", oa, [
-      S.value.length > 0 ? (p(), K("div", ua, [
-        (p(!0), K(ne, null, ze(S.value, (H) => (p(), V(e(re), {
-          key: H.id,
+    ), 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,
           type: "default",
           class: "wx-article-tags__chip"
         }, {
-          default: a(() => [
-            g(f(H.title) + " ", 1),
-            n(e(Re), {
+          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: (D) => W(H.id)
+              onClick: (P) => R(K.id)
             }, null, 8, ["disabled", "title", "onClick"])
           ]),
           _: 2
         }, 1024))), 128))
-      ])) : (p(), V(e(G), {
+      ])) : (p(), C(e(G), {
         key: 1,
         size: "sm",
         tone: "muted"
       }, {
-        default: a(() => [
-          g(f(e(t)("article.tags-empty")), 1)
+        default: l(() => [
+          w(b(e(t)("article.tags-empty")), 1)
         ]),
         _: 1
       })),
-      q("div", da, [
-        n(e(be), {
+      j("div", na, [
+        n(e(_e), {
           "model-value": null,
-          options: C.value,
+          options: S.value,
           placeholder: e(t)("article.tag-add"),
           "empty-text": e(t)("article.tag-nothing"),
           disabled: i.value,
           filterable: "",
           teleport: "",
           "aria-label": e(t)("article.tag-add"),
-          onSearch: U,
-          "onUpdate:modelValue": R
+          onSearch: $,
+          "onUpdate:modelValue": U
         }, null, 8, ["options", "placeholder", "empty-text", "disabled", "aria-label"]),
-        M.value ? (p(), V(e(F), {
+        E.value ? (p(), C(e(J), {
           key: 0,
           variant: "outline",
           icon: "plus",
-          loading: d.value,
+          loading: o.value,
           disabled: i.value,
-          onClick: O
+          onClick: M
         }, {
-          default: a(() => [
-            g(f(e(t)("article.tag-create", { title: M.value })), 1)
+          default: l(() => [
+            w(b(e(t)("article.tag-create", { title: E.value })), 1)
           ]),
           _: 1
-        }, 8, ["loading", "disabled"])) : I("", !0)
+        }, 8, ["loading", "disabled"])) : H("", !0)
       ])
     ]));
   }
-}), pa = /* @__PURE__ */ ce(va, [["__scopeId", "data-v-ce095e37"]]), ma = /* @__PURE__ */ ee({
+}), oa = /* @__PURE__ */ ve(ra, [["__scopeId", "data-v-ce095e37"]]), ua = /* @__PURE__ */ ee({
   __name: "ArticleCreateDialog",
-  setup(y) {
-    const { open: _, resolve: u, dismiss: x } = Ze(), c = se(), l = ue(c);
-    ae();
-    const t = te("webx-blog"), r = z(""), i = z(!1), $ = z({}), T = We("field");
-    Le(async () => {
-      await Ke(), T.value?.querySelector("input")?.focus();
+  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();
     });
-    async function h() {
-      if (!(r.value.trim() === "" || i.value)) {
-        i.value = !0, $.value = {};
+    async function c() {
+      if (!(s.value.trim() === "" || i.value)) {
+        i.value = !0, x.value = {};
         try {
-          u(await l.create({ title: r.value.trim() }));
-        } catch (d) {
-          $.value = d.body?.errors ?? {};
+          r(await a.create({ title: s.value.trim() }));
+        } catch (o) {
+          x.value = o.body?.errors ?? {};
         } finally {
           i.value = !1;
         }
       }
     }
-    return (d, k) => (p(), V(e(Qe), {
-      open: e(_),
-      "onUpdate:open": k[2] || (k[2] = (S) => He(_) ? _.value = S : null),
+    return (o, _) => (p(), C(e(Fe), {
+      open: e(m),
+      "onUpdate:open": _[2] || (_[2] = (W) => Ie(m) ? m.value = W : null),
       title: e(t)("panel.new-title"),
       width: 440
     }, {
-      footer: a(() => [
-        n(e(Xe), { size: "sm" }, {
-          default: a(() => [
-            n(e(F), {
+      footer: l(() => [
+        n(e(Le), { size: "sm" }, {
+          default: l(() => [
+            n(e(J), {
               variant: "outline",
-              onClick: k[1] || (k[1] = (S) => e(x)())
+              onClick: _[1] || (_[1] = (W) => e(y)())
             }, {
-              default: a(() => [
-                g(f(e(t)("panel.cancel")), 1)
+              default: l(() => [
+                w(b(e(t)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(F), {
+            n(e(J), {
               type: "primary",
               loading: i.value,
-              disabled: r.value.trim() === "",
-              onClick: h
+              disabled: s.value.trim() === "",
+              onClick: c
             }, {
-              default: a(() => [
-                g(f(e(t)("panel.create")), 1)
+              default: l(() => [
+                w(b(e(t)("panel.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1212,22 +1153,22 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
           _: 1
         })
       ]),
-      default: a(() => [
-        n(e(ge), {
+      default: l(() => [
+        n(e(ie), {
           label: e(t)("panel.field-title"),
-          error: $.value.title?.[0] ?? $.value.slug?.[0],
+          error: x.value.title?.[0] ?? x.value.slug?.[0],
           required: ""
         }, {
-          default: a(() => [
-            q("div", {
+          default: l(() => [
+            j("div", {
               ref_key: "field",
               ref: T
             }, [
-              n(e($e), {
-                modelValue: r.value,
-                "onUpdate:modelValue": k[0] || (k[0] = (S) => r.value = S),
+              n(e(Ae), {
+                modelValue: s.value,
+                "onUpdate:modelValue": _[0] || (_[0] = (W) => s.value = W),
                 "aria-label": e(t)("panel.field-title"),
-                onKeyup: Ce(h, ["enter"])
+                onKeyup: ze(c, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -1237,485 +1178,529 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
       _: 1
     }, 8, ["open", "title"]));
   }
-}), fa = { class: "wx-articles__filters" }, ga = ["src"], ba = { class: "wx-articles__name" }, ha = { class: "wx-articles__name-text" }, ya = { class: "wx-articles__title" }, _a = { class: "wx-articles__address" }, wa = { class: "wx-articles__chips" }, xa = { class: "wx-articles__state" }, ka = { class: "wx-articles__card" }, $a = ["src"], Ta = { class: "wx-articles__card-body" }, Va = { class: "wx-articles__card-title" }, Aa = { class: "wx-articles__card-meta" }, nt = 640, Ca = /* @__PURE__ */ ee({
+}), 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({
   __name: "ArticlesPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(y) {
-    const _ = y, u = se(), x = ue(u), c = qe(), l = Me();
-    ae();
-    const t = te("webx-blog"), r = me(), i = We("root"), $ = rt(i), T = z(null), h = z(!0), d = Ee(ma), k = b(() => u.can("blog.articles.manage")), S = b(
-      () => u.state.manifest?.modules.find((v) => v.id === "articles")?.title ?? t("module.articles")
-    ), C = b({
-      get: () => typeof c.query.view == "string" ? c.query.view : "",
-      set: (v) => {
-        l.replace({
-          query: { ...c.query, view: v === "" ? void 0 : String(v), page: void 0 }
+  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 }
         });
       }
-    }), M = b(() => C.value === "trashed"), P = b(() => ({
-      q: typeof c.query.q == "string" ? c.query.q : "",
-      rubric: U(c.query.rubric),
-      tag: U(c.query.tag),
-      author: U(c.query.author),
-      sort: typeof c.query.sort == "string" ? c.query.sort : null,
-      page: Number(c.query.page ?? 1) || 1
+    }), 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
     }));
-    function U(v) {
-      return typeof v == "string" && v !== "" && Number(v) || null;
+    function U(d) {
+      return typeof d == "string" && d !== "" && Number(d) || null;
     }
-    const R = b(() => [
+    const R = v(() => [
       { 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" }
-    ]), W = b(() => T.value?.filters ?? { rubrics: [], tags: [], authors: [] }), O = b(() => $.value > 0 && $.value < nt), A = b(() => O.value ? [{ key: "card", label: "" }] : [
+    ]), M = v(() => c.value?.filters ?? { rubrics: [], tags: [], authors: [] }), A = v(() => T.value > 0 && T.value < nt), I = v(() => 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 },
-      { key: "rubrics", label: t("panel.column-rubrics"), width: 190, hideBelow: 840 },
-      { key: "author", label: t("panel.column-author"), width: 160, hideBelow: 1e3 },
+      { key: "rubrics", label: t("panel.column-rubrics"), width: 190, hideBelow: 1e3 },
+      { key: "author", label: t("panel.column-author"), width: 160, hideBelow: 1200 },
       {
         key: "date",
-        label: M.value ? t("panel.column-deleted") : t("panel.column-date"),
-        width: 130,
+        label: F.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
         // chance, and a date read down a column has to be one line to be read at all.
         cellClass: "wx-articles__when"
       },
-      { key: "status", label: t("panel.column-status"), width: 150 },
-      { key: "actions", label: "", width: 56, align: "right" }
-    ]), N = b(() => P.value.q !== "" ? t("panel.empty-search") : M.value ? t("panel.empty-bin") : t("panel.empty"));
-    async function H(v) {
-      h.value = !0;
+      { 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: "rubric",
+        label: `${t("panel.filter-rubric")}: ${D.title}`,
+        clear: () => O("rubric", void 0)
+      });
+      const h = M.value.tags.find((V) => V.id === $.value.tag);
+      h && d.push({
+        key: "tag",
+        label: `${t("panel.filter-tag")}: ${h.title}`,
+        clear: () => O("tag", void 0)
+      });
+      const $e = M.value.authors.find((V) => V.id === $.value.author);
+      return $e && d.push({
+        key: "author",
+        label: `${t("panel.filter-author")}: ${$e.title}`,
+        clear: () => O("author", void 0)
+      }), d;
+    });
+    function q() {
+      a.replace({
+        query: {
+          ...u.query,
+          rubric: void 0,
+          tag: void 0,
+          author: void 0,
+          page: void 0
+        }
+      });
+    }
+    async function k(d) {
+      o.value = !0;
       try {
-        T.value = await x.articles({
-          q: v?.search ?? P.value.q,
-          status: M.value ? "" : C.value,
-          trashed: M.value,
-          rubric: P.value.rubric,
-          tag: P.value.tag,
-          author: P.value.author,
-          sort: v?.sort ? `${v.sort.order === "desc" ? "-" : ""}${v.sort.key}` : null,
-          page: v?.page ?? P.value.page,
-          per_page: v?.perPage
+        c.value = await y.articles({
+          q: d?.search ?? $.value.q,
+          status: F.value ? "" : E.value,
+          trashed: F.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
         });
-      } catch (o) {
-        L.danger(r(o));
+      } catch (D) {
+        L.danger(i(D));
       } finally {
-        h.value = !1;
+        o.value = !1;
       }
     }
-    function D(v) {
-      const o = {
-        ...c.query,
-        q: v.search === "" ? void 0 : v.search,
-        sort: v.sort === null ? void 0 : `${v.sort.order === "desc" ? "-" : ""}${v.sort.key}`,
-        page: v.page === 1 ? void 0 : String(v.page)
+    function le(d) {
+      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)
       };
-      l.replace({ query: o }), H(v);
+      a.replace({ query: D }), k(d);
     }
-    function m(v, o) {
-      l.replace({
+    function O(d, D) {
+      a.replace({
         query: {
-          ...c.query,
-          [v]: typeof o == "number" ? String(o) : void 0,
+          ...u.query,
+          [d]: typeof D == "number" ? String(D) : void 0,
           page: void 0
         }
       });
     }
-    oe(
-      () => [C.value, P.value.rubric, P.value.tag, P.value.author],
+    ue(
+      () => [E.value, $.value.rubric, $.value.tag, $.value.author],
       () => {
-        H();
+        k();
       }
-    ), H();
-    function E(v) {
-      const o = `${_.base}/articles/${v.id}`;
-      l.resolve(o).matched.length > 0 && l.push({ path: o, query: { ...c.query } });
-    }
-    async function j() {
-      const v = await d({});
-      v && (await H(), E(v));
-    }
-    function de(v) {
-      if (!k.value) return [];
-      if (M.value)
+    ), k();
+    function se(d) {
+      const D = `${m.base}/articles/${d.id}`;
+      a.resolve(D).matched.length > 0 && a.push({ path: D, query: { ...u.query } });
+    }
+    async function xe() {
+      const d = await _({});
+      d && (await k(), se(d));
+    }
+    function ce(d) {
+      if (!W.value) return [];
+      if (F.value)
         return [
           {
             key: "restore",
             icon: "refresh",
             label: t("panel.restore"),
             run: () => {
-              he(v);
+              re(d);
             }
           }
         ];
-      const o = [
-        { key: "open", icon: "edit", label: t("panel.open"), run: () => E(v) }
+      const D = [
+        { key: "open", icon: "edit", label: t("panel.open"), run: () => se(d) }
       ];
-      return v.url && v.status !== "draft" && o.push({
+      return d.url && d.status !== "draft" && D.push({
         key: "site",
         icon: "external-link",
         label: t("panel.open-on-site"),
-        href: v.url
-      }), v.path !== null && o.push({
+        href: d.url
+      }), d.path !== null && D.push({
         key: "copy",
         icon: "copy",
         label: t("panel.copy-address"),
         run: () => {
-          fe(v);
+          g(d);
         }
-      }), o.push({
+      }), D.push({
         key: "pin",
         icon: "star",
-        label: v.pinned ? t("panel.unpin") : t("panel.pin"),
+        label: d.pinned ? t("panel.unpin") : t("panel.pin"),
         run: () => {
-          J(v, !v.pinned);
+          ke(d, !d.pinned);
         }
-      }), o.push(
-        v.status === "published" || v.status === "modified" || v.status === "scheduled" ? {
+      }), D.push(
+        d.status === "published" || d.status === "modified" || d.status === "scheduled" ? {
           key: "unpublish",
           icon: "eye-off",
           label: t("panel.unpublish"),
           run: () => {
-            ve(v);
+            Te(d);
           }
         } : {
           key: "publish",
           icon: "upload",
           label: t("panel.publish"),
           run: () => {
-            Ve(v);
+            he(d);
           }
         }
-      ), o.push({
+      ), D.push({
         key: "delete",
         icon: "trash",
         label: t("panel.delete"),
         danger: !0,
         run: () => {
-          we(v);
+          pe(d);
         }
-      }), o;
+      }), D;
     }
-    async function Ve(v) {
-      await Q(() => x.publish(v.id), t("panel.published"));
+    async function he(d) {
+      await fe(() => y.publish(d.id), t("panel.published"));
     }
-    async function ve(v) {
-      await Q(() => x.unpublish(v.id), t("panel.unpublished-done"));
+    async function Te(d) {
+      await fe(() => y.unpublish(d.id), t("panel.unpublished-done"));
     }
-    async function J(v, o) {
-      await Q(
-        () => x.save(v.id, { values: { pinned: o }, revision: v.revision }),
-        t(o ? "panel.pinned-done" : "panel.unpinned")
+    async function ke(d, D) {
+      await fe(
+        () => y.save(d.id, { values: { pinned: D }, revision: d.revision }),
+        t(D ? "panel.pinned-done" : "panel.unpinned")
       );
     }
-    async function we(v) {
-      await pe({
-        title: t("panel.delete-title", { title: v.title }),
+    async function pe(d) {
+      await me({
+        title: t("panel.delete-title", { title: d.title }),
         message: t("panel.delete-text"),
         confirmText: t("panel.delete"),
         cancelText: t("panel.cancel"),
         tone: "danger"
-      }) && await Q(() => x.remove(v.id), t("panel.deleted"));
+      }) && await fe(() => y.remove(d.id), t("panel.deleted"));
     }
-    async function he(v) {
-      await Q(() => x.restore(v.id), t("panel.restored"));
+    async function re(d) {
+      await fe(() => y.restore(d.id), t("panel.restored"));
     }
-    async function Q(v, o) {
+    async function fe(d, D) {
       try {
-        await v(), L.success(o);
-      } catch (s) {
-        L.danger(r(s));
+        await d(), L.success(D);
+      } catch (h) {
+        L.danger(i(h));
       } finally {
-        await H();
+        await k();
       }
     }
-    async function fe(v) {
-      if (v.url)
+    async function g(d) {
+      if (d.url)
         try {
-          await navigator.clipboard.writeText(v.url), L.success(t("panel.address-copied"));
+          await navigator.clipboard.writeText(d.url), L.success(t("panel.address-copied"));
         } catch {
         }
     }
-    function ye(v) {
-      return v === "published" || v === "modified" ? "success" : v === "scheduled" ? "warning" : "default";
+    function N(d) {
+      return d === "published" || d === "modified" ? "success" : d === "scheduled" ? "warning" : "default";
     }
-    function _e(v) {
-      return M.value ? "—" : v.path === null ? t("panel.no-address") : `/${v.path}`;
+    function B(d) {
+      return F.value ? "—" : d.path === null ? t("panel.no-address") : `/${d.path}`;
     }
-    function ie(v) {
-      return M.value ? v.deleted_at : v.published_at;
+    function X(d) {
+      return F.value ? d.deleted_at : d.published_at;
     }
-    return (v, o) => (p(), K("div", {
+    const ye = v(
+      () => W.value ? [{ key: "new", label: t("panel.new"), icon: "plus", primary: !0, run: () => {
+        xe();
+      } }] : []
+    );
+    return (d, D) => (p(), Z("div", {
       ref_key: "root",
-      ref: i,
+      ref: x,
       class: "wx-articles"
     }, [
-      n(e(je), {
-        view: C.value,
-        "onUpdate:view": o[3] || (o[3] = (s) => C.value = s),
+      n(e(Qe), {
+        view: E.value,
+        "onUpdate:view": D[3] || (D[3] = (h) => E.value = h),
         title: S.value,
-        views: R.value
-      }, st({
-        default: a(() => [
-          n(e(ut), {
-            data: T.value,
-            columns: A.value,
+        views: R.value,
+        actions: ye.value
+      }, {
+        default: l(() => [
+          n(e(ot), {
+            data: c.value,
+            columns: I.value,
             "row-key": "id",
             searchable: "",
-            clickable: !M.value,
-            hover: !M.value,
+            clickable: !F.value,
+            hover: !F.value,
             flush: "",
+            loading: o.value,
             layout: "fixed",
-            loading: h.value,
             "cards-below": nt,
+            "filters-count": P.value.length,
+            "filters-label": e(s)("filters.title"),
             "search-placeholder": e(t)("panel.search"),
-            "empty-text": N.value,
+            "empty-text": K.value,
             "aria-label": S.value,
-            onRowClick: E,
-            onStateChange: D
+            onRowClick: se,
+            onStateChange: le
           }, {
-            actions: a(() => [
-              q("div", fa, [
-                n(e(be), {
-                  "model-value": P.value.rubric,
-                  options: W.value.rubrics.map((s) => ({ value: s.id, label: s.title })),
-                  placeholder: e(t)("panel.any-rubric"),
-                  clearable: "",
-                  size: "sm",
-                  "onUpdate:modelValue": o[0] || (o[0] = (s) => m("rubric", s))
-                }, null, 8, ["model-value", "options", "placeholder"]),
-                n(e(be), {
-                  "model-value": P.value.tag,
-                  options: W.value.tags.map((s) => ({ value: s.id, label: s.title })),
-                  placeholder: e(t)("panel.any-tag"),
-                  clearable: "",
-                  filterable: "",
-                  size: "sm",
-                  "onUpdate:modelValue": o[1] || (o[1] = (s) => m("tag", s))
-                }, null, 8, ["model-value", "options", "placeholder"]),
-                n(e(be), {
-                  "model-value": P.value.author,
-                  options: W.value.authors.map((s) => ({ value: s.id, label: s.title })),
-                  placeholder: e(t)("panel.any-author"),
-                  clearable: "",
-                  size: "sm",
-                  "onUpdate:modelValue": o[2] || (o[2] = (s) => m("author", s))
-                }, null, 8, ["model-value", "options", "placeholder"])
-              ])
+            filters: l(() => [
+              n(e(ie), {
+                label: e(t)("panel.filter-rubric")
+              }, {
+                default: l(() => [
+                  n(e(_e), {
+                    "model-value": $.value.rubric,
+                    options: M.value.rubrics.map((h) => ({ value: h.id, label: h.title })),
+                    placeholder: e(t)("panel.any-rubric"),
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": D[0] || (D[0] = (h) => O("rubric", h))
+                  }, null, 8, ["model-value", "options", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              n(e(ie), {
+                label: e(t)("panel.filter-tag")
+              }, {
+                default: l(() => [
+                  n(e(_e), {
+                    "model-value": $.value.tag,
+                    options: M.value.tags.map((h) => ({ value: h.id, label: h.title })),
+                    placeholder: e(t)("panel.any-tag"),
+                    clearable: "",
+                    filterable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": D[1] || (D[1] = (h) => O("tag", h))
+                  }, null, 8, ["model-value", "options", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              n(e(ie), {
+                label: e(t)("panel.filter-author")
+              }, {
+                default: l(() => [
+                  n(e(_e), {
+                    "model-value": $.value.author,
+                    options: M.value.authors.map((h) => ({ value: h.id, label: h.title })),
+                    placeholder: e(t)("panel.any-author"),
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": D[2] || (D[2] = (h) => O("author", h))
+                  }, null, 8, ["model-value", "options", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              P.value.length > 0 ? (p(), C(e(J), {
+                key: 0,
+                variant: "text",
+                size: "sm",
+                block: "",
+                onClick: q
+              }, {
+                icon: l(() => [
+                  n(e(we), { name: "close" })
+                ]),
+                default: l(() => [
+                  w(" " + b(e(s)("filters.reset")), 1)
+                ]),
+                _: 1
+              })) : H("", !0)
             ]),
-            "cell-cover": a(({ row: s }) => [
-              q("span", {
-                class: Ae(["wx-articles__cover", { "is-empty": !s.cover }])
+            applied: l(() => [
+              n(e(yt), { filters: P.value }, null, 8, ["filters"])
+            ]),
+            "cell-cover": l(({ row: h }) => [
+              j("span", {
+                class: Pe(["wx-articles__cover", { "is-empty": !h.cover }])
               }, [
-                s.cover?.thumb ? (p(), K("img", {
+                h.cover?.thumb ? (p(), Z("img", {
                   key: 0,
-                  src: s.cover.thumb,
+                  src: h.cover.thumb,
                   alt: "",
                   loading: "lazy"
-                }, null, 8, ga)) : (p(), V(e(Y), {
+                }, null, 8, da)) : (p(), C(e(we), {
                   key: 1,
                   name: "image",
                   size: "sm"
                 }))
               ], 2)
             ]),
-            "cell-title": a(({ row: s }) => [
-              q("div", ba, [
-                s.pinned ? (p(), V(e(Ye), {
+            "cell-title": l(({ row: h }) => [
+              j("div", ca, [
+                h.pinned ? (p(), C(e(et), {
                   key: 0,
                   content: e(t)("panel.pinned")
                 }, {
-                  default: a(() => [
-                    n(e(Y), {
+                  default: l(() => [
+                    n(e(we), {
                       class: "wx-articles__pin",
                       name: "star",
                       size: "sm"
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : I("", !0),
-                q("div", ha, [
-                  q("span", ya, f(s.title), 1),
-                  q("span", _a, f(_e(s)), 1)
+                }, 8, ["content"])) : H("", !0),
+                j("div", va, [
+                  j("span", pa, b(h.title), 1),
+                  j("span", fa, b(B(h)), 1)
                 ])
               ])
             ]),
-            "cell-rubrics": a(({ row: s }) => [
-              q("span", wa, [
-                (p(!0), K(ne, null, ze(s.rubrics, (w) => (p(), V(e(re), {
-                  key: w.id,
+            "cell-rubrics": l(({ row: h }) => [
+              j("span", ma, [
+                (p(!0), Z(be, null, Be(h.rubrics, ($e) => (p(), C(e(oe), {
+                  key: $e.id,
                   size: "sm",
                   round: ""
                 }, {
-                  default: a(() => [
-                    g(f(w.title), 1)
+                  default: l(() => [
+                    w(b($e.title), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ])
             ]),
-            "cell-author": a(({ row: s }) => [
+            "cell-author": l(({ row: h }) => [
               n(e(G), {
                 size: "sm",
                 tone: "muted",
                 truncate: ""
               }, {
-                default: a(() => [
-                  g(f(s.author ? s.author.name : "—"), 1)
+                default: l(() => [
+                  w(b(h.author ? h.author.name : "—"), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-date": a(({ row: s }) => [
-              ie(s) ? (p(), V(e(De), {
+            "cell-date": l(({ row: h }) => [
+              X(h) ? (p(), C(e(je), {
                 key: 0,
-                value: ie(s)
-              }, null, 8, ["value"])) : (p(), V(e(G), {
+                value: X(h),
+                compact: ""
+              }, null, 8, ["value"])) : (p(), C(e(G), {
                 key: 1,
                 size: "sm",
                 tone: "muted"
               }, {
-                default: a(() => [...o[4] || (o[4] = [
-                  g("—", -1)
+                default: l(() => [...D[4] || (D[4] = [
+                  w("—", -1)
                 ])]),
                 _: 1
               }))
             ]),
-            "cell-status": a(({ row: s }) => [
-              q("span", xa, [
-                n(e(re), {
-                  type: ye(s.status),
+            "cell-status": l(({ row: h }) => [
+              j("span", ba, [
+                n(e(oe), {
+                  type: N(h.status),
                   dot: "",
                   size: "sm"
                 }, {
-                  default: a(() => [
-                    g(f(e(t)(`panel.status-${s.status}`)), 1)
+                  default: l(() => [
+                    w(b(e(t)(`panel.status-${h.status}`)), 1)
                   ]),
                   _: 2
                 }, 1032, ["type"]),
-                s.status === "modified" ? (p(), V(e(re), {
+                h.status === "modified" ? (p(), C(e(oe), {
                   key: 0,
                   type: "primary",
                   size: "sm",
                   round: ""
                 }, {
-                  default: a(() => [
-                    g(f(e(t)("panel.edits")), 1)
+                  default: l(() => [
+                    w(b(e(t)("panel.edits")), 1)
                   ]),
                   _: 1
-                })) : I("", !0)
+                })) : H("", !0)
               ])
             ]),
-            "cell-card": a(({ row: s }) => [
-              q("div", ka, [
-                q("span", {
-                  class: Ae(["wx-articles__cover is-card", { "is-empty": !s.cover }])
-                }, [
-                  s.cover?.thumb ? (p(), K("img", {
+            "cell-card": l(({ row: h }) => [
+              n(e(kt), {
+                class: "wx-articles__entity",
+                variant: "plain",
+                title: h.title,
+                image: h.cover?.thumb ?? void 0,
+                "image-size": "56px",
+                "title-lines": 2,
+                subtitle: B(h)
+              }, {
+                title: l(() => [
+                  h.pinned ? (p(), C(e(we), {
                     key: 0,
-                    src: s.cover.thumb,
-                    alt: "",
-                    loading: "lazy"
-                  }, null, 8, $a)) : (p(), V(e(Y), {
-                    key: 1,
-                    name: "image",
+                    class: "wx-articles__pin",
+                    name: "star",
                     size: "sm"
-                  }))
-                ], 2),
-                q("div", Ta, [
-                  q("div", Va, [
-                    s.pinned ? (p(), V(e(Y), {
-                      key: 0,
-                      class: "wx-articles__pin",
-                      name: "star",
-                      size: "sm"
-                    })) : I("", !0),
-                    q("span", null, f(s.title), 1)
-                  ]),
-                  q("div", Aa, [
-                    s.rubrics[0] ? (p(), V(e(re), {
-                      key: 0,
-                      size: "sm",
-                      round: ""
-                    }, {
-                      default: a(() => [
-                        g(f(s.rubrics[0].title), 1)
-                      ]),
-                      _: 2
-                    }, 1024)) : I("", !0),
-                    n(e(re), {
-                      type: ye(s.status),
-                      dot: "",
-                      size: "sm"
-                    }, {
-                      default: a(() => [
-                        g(f(e(t)(`panel.status-${s.status}`)), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["type"]),
-                    ie(s) ? (p(), V(e(De), {
-                      key: 1,
-                      value: ie(s)
-                    }, null, 8, ["value"])) : I("", !0),
-                    s.author ? (p(), V(e(G), {
-                      key: 2,
-                      size: "sm",
-                      tone: "muted",
-                      truncate: ""
-                    }, {
-                      default: a(() => [
-                        g(f(s.author.name), 1)
-                      ]),
-                      _: 2
-                    }, 1024)) : I("", !0)
-                  ])
+                  })) : H("", !0),
+                  w(" " + b(h.title), 1)
                 ]),
-                n(e(Ie), {
-                  actions: de(s),
-                  label: s.title
-                }, null, 8, ["actions", "label"])
-              ])
+                meta: l(() => [
+                  h.rubrics[0] ? (p(), C(e(oe), {
+                    key: 0,
+                    size: "sm",
+                    round: ""
+                  }, {
+                    default: l(() => [
+                      w(b(h.rubrics[0].title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : H("", !0),
+                  n(e(oe), {
+                    type: N(h.status),
+                    dot: "",
+                    size: "sm"
+                  }, {
+                    default: l(() => [
+                      w(b(e(t)(`panel.status-${h.status}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"]),
+                  X(h) ? (p(), C(e(je), {
+                    key: 1,
+                    value: X(h)
+                  }, null, 8, ["value"])) : H("", !0)
+                ]),
+                _: 2
+              }, 1032, ["title", "image", "subtitle"])
+            ]),
+            "card-actions": l(({ row: h }) => [
+              n(e(Re), {
+                actions: ce(h),
+                label: h.title
+              }, null, 8, ["actions", "label"])
             ]),
-            "cell-actions": a(({ row: s }) => [
-              n(e(Ie), {
-                actions: de(s),
-                label: s.title
+            "cell-actions": l(({ row: h }) => [
+              n(e(Re), {
+                actions: ce(h),
+                label: h.title
               }, null, 8, ["actions", "label"])
             ]),
             _: 1
-          }, 8, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "aria-label"])
+          }, 8, ["data", "columns", "clickable", "hover", "loading", "filters-count", "filters-label", "search-placeholder", "empty-text", "aria-label"])
         ]),
-        _: 2
-      }, [
-        k.value ? {
-          name: "actions",
-          fn: a(() => [
-            n(e(F), {
-              type: "primary",
-              icon: "plus",
-              onClick: j
-            }, {
-              default: a(() => [
-                g(f(e(t)("panel.new")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["view", "title", "views"])
+        _: 1
+      }, 8, ["view", "title", "views", "actions"])
     ], 512));
   }
-}), Sa = /* @__PURE__ */ ce(Ca, [["__scopeId", "data-v-0bea5efe"]]), Wa = { class: "wx-rubric-form__head" }, za = { class: "wx-rubric-form__body" }, Ra = { class: "wx-rubric-form__row" }, Ua = { class: "wx-rubric-form__row" }, Ba = { class: "wx-rubric-form__side" }, Na = {
+}), 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"
-}, qa = { class: "wx-rubric-form__foot" }, Ma = /* @__PURE__ */ ee({
+}, Ta = { class: "wx-rubric-form__foot" }, Va = /* @__PURE__ */ ee({
   __name: "RubricForm",
   props: {
     rubric: {},
@@ -1724,13 +1709,13 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["back", "saved", "deleted", "articles"],
-  setup(y, { emit: _ }) {
-    const u = y, x = _, c = se(), l = ue(c), t = Ge();
-    ae();
-    const r = te("webx-blog"), i = me(), $ = b(() => c.types["wx-media"]?.component), T = b(() => c.types["wx-seo"]?.component), h = b(
-      () => c.types["wx-seo"]?.bind?.({ id: "seo", type: "wx-seo" }) ?? {}
-    ), d = z(M()), k = z({}), S = z(!1), C = z(!1);
-    function M() {
+  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() {
       return {
         title: {},
         slug: {},
@@ -1740,221 +1725,221 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
         seo: {}
       };
     }
-    oe(
-      () => u.rubric,
-      (D) => {
-        if (k.value = {}, C.value = !1, D === null) {
-          d.value = M();
+    ue(
+      () => r.rubric,
+      (P) => {
+        if (_.value = {}, S.value = !1, P === null) {
+          o.value = E();
           return;
         }
-        d.value = {
-          title: { ...D.title },
-          slug: { ...D.slug },
-          lead: { ...D.lead },
-          cover: D.cover ? { path: D.cover.path, url: D.cover.url } : null,
-          is_visible: D.is_visible,
-          seo: { ...D.seo }
-        }, C.value = Object.keys(D.seo ?? {}).length > 0;
+        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;
       },
       { immediate: !0 }
     );
-    const P = b(
-      () => d.value.title[t.active.value] || u.rubric?.name || r("rubric.new")
-    ), U = b(() => {
-      const D = d.value.slug[t.active.value] ?? "";
-      return D === "" ? null : `/${[u.prefix, D].filter(Boolean).join("/")}`;
-    }), R = b(() => {
-      const D = u.rubric?.path;
-      return typeof D == "string" && U.value !== null && U.value !== `/${D}`;
-    }), W = b(() => u.rubric?.articles_count ?? 0);
-    function O(D) {
-      const m = Object.keys(k.value).find(
-        (E) => E === D || E.startsWith(`${D}.`)
+    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}.`)
       );
-      return m === void 0 ? void 0 : k.value[m]?.[0];
+      return q === void 0 ? void 0 : _.value[q]?.[0];
     }
     function A() {
       return {
-        title: d.value.title,
-        slug: d.value.slug,
-        lead: d.value.lead,
-        cover: d.value.cover === null ? null : { path: d.value.cover.path },
-        is_visible: d.value.is_visible,
+        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).
-        ...C.value ? { seo: d.value.seo } : {}
+        ...S.value ? { seo: o.value.seo } : {}
       };
     }
-    async function N() {
-      S.value = !0, k.value = {};
+    async function I() {
+      W.value = !0, _.value = {};
       try {
-        const D = u.rubric === null ? await l.createRubric(A()) : await l.saveRubric(u.rubric.id, A());
-        L.success(u.rubric === null ? r("rubric.created") : r("rubric.saved")), x("saved", D);
-      } catch (D) {
-        const m = D.body;
-        m?.errors && (k.value = m.errors), L.danger(i(D));
+        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));
       } finally {
-        S.value = !1;
+        W.value = !1;
       }
     }
-    async function H() {
-      if (!(u.rubric === null || !await pe({
-        title: r("rubric.delete-title", { name: u.rubric.name }),
-        message: r("rubric.delete-text"),
-        confirmText: r("rubric.delete"),
-        cancelText: r("rubric.cancel"),
+    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 l.removeRubric(u.rubric.id), L.success(r("rubric.deleted")), x("deleted");
-        } catch (m) {
-          L.danger(i(m));
+          await a.removeRubric(r.rubric.id), L.success(s("rubric.deleted")), y("deleted");
+        } catch (q) {
+          L.danger(i(q));
         }
     }
-    return (D, m) => (p(), K("div", {
-      class: Ae(["wx-rubric-form", { "is-pane": u.inline }])
+    return (P, q) => (p(), Z("div", {
+      class: Pe(["wx-rubric-form", { "is-pane": r.inline }])
     }, [
-      q("div", Wa, [
-        u.inline ? I("", !0) : (p(), V(e(Re), {
+      j("div", ya, [
+        r.inline ? H("", !0) : (p(), C(e(Oe), {
           key: 0,
           icon: "arrow-left",
-          title: e(r)("rubric.back"),
-          onClick: m[0] || (m[0] = (E) => x("back"))
+          title: e(s)("rubric.back"),
+          onClick: q[0] || (q[0] = (k) => y("back"))
         }, null, 8, ["title"])),
-        n(e(kt), {
+        n(e($t), {
           level: 3,
           truncate: ""
         }, {
-          default: a(() => [
-            g(f(P.value), 1)
+          default: l(() => [
+            w(b(F.value), 1)
           ]),
           _: 1
         }),
-        u.rubric ? (p(), V(e(G), {
+        r.rubric ? (p(), C(e(G), {
           key: 1,
           size: "sm",
           tone: "muted"
         }, {
-          default: a(() => [
-            g(f(e(r)("rubric.articles", { count: W.value })), 1)
+          default: l(() => [
+            w(b(e(s)("rubric.articles", { count: R.value })), 1)
           ]),
           _: 1
-        })) : I("", !0),
-        m[10] || (m[10] = q("span", { class: "wx-rubric-form__spacer" }, null, -1)),
-        u.rubric && W.value > 0 ? (p(), V(e(F), {
+        })) : 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: m[1] || (m[1] = (E) => x("articles", u.rubric))
+          onClick: q[1] || (q[1] = (k) => y("articles", r.rubric))
         }, {
-          default: a(() => [
-            g(f(e(r)("rubric.show-articles")), 1)
+          default: l(() => [
+            w(b(e(s)("rubric.show-articles")), 1)
           ]),
           _: 1
-        })) : I("", !0)
+        })) : H("", !0)
       ]),
-      q("div", za, [
-        q("div", Ra, [
-          n(e(ge), {
+      j("div", wa, [
+        j("div", _a, [
+          n(e(ie), {
             class: "wx-rubric-form__title",
-            label: e(r)("rubric.field-title"),
-            error: O("title"),
+            label: e(s)("rubric.field-title"),
+            error: M("title"),
             required: ""
           }, {
-            default: a(() => [
-              n(e($e), {
-                modelValue: d.value.title,
-                "onUpdate:modelValue": m[2] || (m[2] = (E) => d.value.title = E),
+            default: l(() => [
+              n(e(Ae), {
+                modelValue: o.value.title,
+                "onUpdate:modelValue": q[2] || (q[2] = (k) => o.value.title = k),
                 localized: "",
-                disabled: u.disabled
+                disabled: r.disabled
               }, null, 8, ["modelValue", "disabled"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          n(e(ge), {
+          n(e(ie), {
             class: "wx-rubric-form__slug",
-            label: e(r)("rubric.field-slug"),
-            error: O("slug"),
-            help: U.value ?? e(r)("rubric.no-address")
+            label: e(s)("rubric.field-slug"),
+            error: M("slug"),
+            help: $.value ?? e(s)("rubric.no-address")
           }, {
-            default: a(() => [
-              n(e($e), {
-                modelValue: d.value.slug,
-                "onUpdate:modelValue": m[3] || (m[3] = (E) => d.value.slug = E),
+            default: l(() => [
+              n(e(Ae), {
+                modelValue: o.value.slug,
+                "onUpdate:modelValue": q[3] || (q[3] = (k) => o.value.slug = k),
                 localized: "",
-                disabled: u.disabled
+                disabled: r.disabled
               }, null, 8, ["modelValue", "disabled"])
             ]),
             _: 1
           }, 8, ["label", "error", "help"])
         ]),
-        R.value ? (p(), V(e(Se), {
+        U.value ? (p(), C(e(We), {
           key: 0,
           type: "info",
           variant: "soft",
-          description: e(r)("rubric.address-moving")
-        }, null, 8, ["description"])) : I("", !0),
-        n(e(ge), {
-          label: e(r)("rubric.field-lead"),
-          help: e(r)("rubric.lead-help"),
+          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: a(() => [
-            n(e($t), {
-              modelValue: d.value.lead,
-              "onUpdate:modelValue": m[4] || (m[4] = (E) => d.value.lead = E),
+          default: l(() => [
+            n(e(Tt), {
+              modelValue: o.value.lead,
+              "onUpdate:modelValue": q[4] || (q[4] = (k) => o.value.lead = k),
               localized: "",
               rows: 3,
-              disabled: u.disabled
+              disabled: r.disabled
             }, null, 8, ["modelValue", "disabled"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        q("div", Ua, [
-          $.value ? (p(), V(tt($.value), {
+        j("div", xa, [
+          x.value ? (p(), C(tt(x.value), {
             key: 0,
-            modelValue: d.value.cover,
-            "onUpdate:modelValue": m[5] || (m[5] = (E) => d.value.cover = E),
+            modelValue: o.value.cover,
+            "onUpdate:modelValue": q[5] || (q[5] = (k) => o.value.cover = k),
             class: "wx-rubric-form__cover",
-            label: e(r)("rubric.field-cover"),
+            label: e(s)("rubric.field-cover"),
             accept: "image",
             captions: !1,
             aspect: "16/9",
-            disabled: u.disabled
-          }, null, 8, ["modelValue", "label", "disabled"])) : I("", !0),
-          q("div", Ba, [
-            n(e(Tt), {
-              modelValue: d.value.is_visible,
-              "onUpdate:modelValue": m[6] || (m[6] = (E) => d.value.is_visible = E),
-              label: e(r)("rubric.visible"),
-              disabled: u.disabled
+            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: a(() => [
-                g(f(e(r)("rubric.visible-help")), 1)
+              default: l(() => [
+                w(b(e(s)("rubric.visible-help")), 1)
               ]),
               _: 1
             })
           ])
         ]),
-        T.value ? (p(), K("div", Na, [
-          C.value ? (p(), V(tt(T.value), gt({
+        T.value ? (p(), Z("div", $a, [
+          S.value ? (p(), C(tt(T.value), pt({
             key: 1,
-            modelValue: d.value.seo,
-            "onUpdate:modelValue": m[8] || (m[8] = (E) => d.value.seo = E)
-          }, h.value, {
+            modelValue: o.value.seo,
+            "onUpdate:modelValue": q[8] || (q[8] = (k) => o.value.seo = k)
+          }, c.value, {
             "structured-data": !1,
-            disabled: u.disabled
-          }), null, 16, ["modelValue", "disabled"])) : (p(), K(ne, { key: 0 }, [
+            disabled: r.disabled
+          }), null, 16, ["modelValue", "disabled"])) : (p(), Z(be, { key: 0 }, [
             n(e(G), {
               size: "sm",
               weight: "medium"
             }, {
-              default: a(() => [
-                g(f(e(r)("rubric.seo")), 1)
+              default: l(() => [
+                w(b(e(s)("rubric.seo")), 1)
               ]),
               _: 1
             }),
@@ -1962,211 +1947,202 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
               size: "sm",
               tone: "muted"
             }, {
-              default: a(() => [
-                g(f(e(r)("rubric.seo-help")), 1)
+              default: l(() => [
+                w(b(e(s)("rubric.seo-help")), 1)
               ]),
               _: 1
             }),
-            n(e(F), {
+            n(e(J), {
               variant: "text",
               size: "sm",
-              disabled: u.disabled,
-              onClick: m[7] || (m[7] = (E) => C.value = !0)
+              disabled: r.disabled,
+              onClick: q[7] || (q[7] = (k) => S.value = !0)
             }, {
-              default: a(() => [
-                g(f(e(r)("rubric.seo-override", { name: P.value })), 1)
+              default: l(() => [
+                w(b(e(s)("rubric.seo-override", { name: F.value })), 1)
               ]),
               _: 1
             }, 8, ["disabled"])
           ], 64))
-        ])) : I("", !0)
+        ])) : H("", !0)
       ]),
-      q("div", qa, [
-        u.rubric ? (p(), K(ne, { key: 0 }, [
-          n(e(F), {
+      j("div", Ta, [
+        r.rubric ? (p(), Z(be, { key: 0 }, [
+          n(e(J), {
             variant: "outline",
             type: "danger",
-            disabled: u.disabled || W.value > 0,
-            onClick: H
+            disabled: r.disabled || R.value > 0,
+            onClick: K
           }, {
-            icon: a(() => [
-              n(e(Y), { name: "trash" })
+            icon: l(() => [
+              n(e(we), { name: "trash" })
             ]),
-            default: a(() => [
-              g(" " + f(e(r)("rubric.delete")), 1)
+            default: l(() => [
+              w(" " + b(e(s)("rubric.delete")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          W.value > 0 ? (p(), V(e(G), {
+          R.value > 0 ? (p(), C(e(G), {
             key: 0,
             size: "sm",
             tone: "muted"
           }, {
-            default: a(() => [
-              g(f(e(r)("rubric.delete-blocked")), 1)
+            default: l(() => [
+              w(b(e(s)("rubric.delete-blocked")), 1)
             ]),
             _: 1
-          })) : I("", !0)
-        ], 64)) : I("", !0),
-        m[11] || (m[11] = q("span", { class: "wx-rubric-form__spacer" }, null, -1)),
-        n(e(F), {
+          })) : H("", !0)
+        ], 64)) : H("", !0),
+        q[11] || (q[11] = j("span", { class: "wx-rubric-form__spacer" }, null, -1)),
+        n(e(J), {
           variant: "outline",
-          onClick: m[9] || (m[9] = (E) => x("back"))
+          onClick: q[9] || (q[9] = (k) => y("back"))
         }, {
-          default: a(() => [
-            g(f(e(r)("rubric.cancel")), 1)
+          default: l(() => [
+            w(b(e(s)("rubric.cancel")), 1)
           ]),
           _: 1
         }),
-        n(e(F), {
+        n(e(J), {
           type: "primary",
-          loading: S.value,
-          disabled: u.disabled,
-          onClick: N
+          loading: W.value,
+          disabled: r.disabled,
+          onClick: I
         }, {
-          default: a(() => [
-            g(f(e(r)("rubric.save")), 1)
+          default: l(() => [
+            w(b(e(s)("rubric.save")), 1)
           ]),
           _: 1
         }, 8, ["loading", "disabled"])
       ])
     ], 2));
   }
-}), Pa = /* @__PURE__ */ ce(Ma, [["__scopeId", "data-v-ace40cf4"]]), Da = ["onClick"], Ia = { class: "wx-rubric-row__name" }, Oa = /* @__PURE__ */ ee({
+}), Aa = /* @__PURE__ */ ve(Va, [["__scopeId", "data-v-ace40cf4"]]), Sa = ["onClick"], Wa = { class: "wx-rubric-row__name" }, Ca = /* @__PURE__ */ ee({
   __name: "RubricsPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(y) {
-    const _ = y, u = se(), x = ue(u), c = qe(), l = Me();
-    ae();
-    const t = te("webx-blog"), r = me(), i = z([]), $ = z(""), T = z(!0), h = z(!1), d = z(!1), k = b(() => u.can("blog.taxonomy.manage")), S = b(
-      () => u.state.manifest?.modules.find((m) => m.id === "rubrics")?.title ?? t("module.rubrics")
-    ), C = b(() => {
-      const m = c.query.rubric;
-      return typeof m == "string" && m !== "" ? Number(m) : null;
-    }), M = b(() => i.value.find((m) => m.id === C.value) ?? null);
-    async function P() {
+  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;
       try {
-        const m = await x.rubrics();
-        i.value = m.data, $.value = m.prefix;
-      } catch (m) {
-        L.danger(r(m));
+        const k = await y.rubrics();
+        i.value = k.data, x.value = k.prefix;
+      } catch (k) {
+        L.danger(s(k));
       } finally {
         T.value = !1;
       }
     }
-    P(), oe(M, (m) => {
-      m !== null && (h.value = !0);
+    F(), ue(E, (k) => {
+      k !== null && (c.value = !0);
     });
-    function U(m) {
-      d.value = !1, l.replace({ query: { ...c.query, rubric: String(m.id) } }), h.value = !0;
+    function $(k) {
+      o.value = !1, a.replace({ query: { ...u.query, rubric: String(k.id) } }), c.value = !0;
     }
-    function R() {
-      d.value = !0, W(), h.value = !0;
+    function U() {
+      o.value = !0, R(), c.value = !0;
     }
-    function W() {
-      const m = { ...c.query };
-      delete m.rubric, l.replace({ query: m });
+    function R() {
+      const k = { ...u.query };
+      delete k.rubric, a.replace({ query: k });
     }
-    async function O(m) {
-      d.value = !1, await P(), l.replace({ query: { ...c.query, rubric: String(m.id) } });
+    async function M(k) {
+      o.value = !1, await F(), a.replace({ query: { ...u.query, rubric: String(k.id) } });
     }
     async function A() {
-      d.value = !1, W(), h.value = !1, await P();
+      o.value = !1, R(), c.value = !1, await F();
     }
-    function N() {
-      d.value = !1, W(), h.value = !1;
+    function I() {
+      o.value = !1, R(), c.value = !1;
     }
-    function H(m) {
-      l.push({ path: `${_.base}/articles`, query: { rubric: String(m.id) } });
+    function K(k) {
+      a.push({ path: `${m.base}/articles`, query: { rubric: String(k.id) } });
     }
-    async function D() {
+    const P = v(
+      () => _.value ? [{ key: "new", label: t("rubric.new"), icon: "plus", primary: !0, run: () => {
+        U();
+      } }] : []
+    );
+    async function q() {
       try {
-        await x.sortRubrics(i.value.map((m) => m.id));
-      } catch (m) {
-        L.danger(r(m, t("rubric.reorder-failed"))), await P();
+        await y.sortRubrics(i.value.map((k) => k.id));
+      } catch (k) {
+        L.danger(s(k, t("rubric.reorder-failed"))), await F();
       }
     }
-    return (m, E) => (p(), V(e(je), {
-      title: S.value,
+    return (k, le) => (p(), C(e(Qe), {
+      title: W.value,
+      actions: P.value,
       card: !1,
       fill: ""
     }, {
-      actions: a(() => [
-        k.value ? (p(), V(e(F), {
-          key: 0,
-          type: "primary",
-          onClick: R
-        }, {
-          icon: a(() => [
-            n(e(Y), { name: "plus" })
-          ]),
-          default: a(() => [
-            g(" " + f(e(t)("rubric.new")), 1)
-          ]),
-          _: 1
-        })) : I("", !0)
-      ]),
-      default: a(() => [
-        n(e(Vt), {
+      default: l(() => [
+        n(e(At), {
           class: "wx-rubrics",
           padding: "none"
         }, {
-          default: a(() => [
-            n(e(At), {
-              open: h.value,
-              "onUpdate:open": E[1] || (E[1] = (j) => h.value = j),
+          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": M.value ? M.value.name : e(t)("rubric.new")
+              "detail-label": E.value ? E.value.name : e(t)("rubric.new")
             }, {
-              list: a(() => [
-                T.value ? (p(), V(e(Ue), {
+              list: l(() => [
+                T.value ? (p(), C(e(Ue), {
                   key: 0,
                   class: "wx-rubrics__loading",
                   rows: 5
-                })) : i.value.length === 0 ? (p(), V(e(Oe), {
+                })) : 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(), V(e(Je), {
+                }, null, 8, ["title", "description"])) : (p(), C(e(Ye), {
                   key: 2,
                   modelValue: i.value,
-                  "onUpdate:modelValue": E[0] || (E[0] = (j) => i.value = j),
+                  "onUpdate:modelValue": le[0] || (le[0] = (O) => i.value = O),
                   class: "wx-rubrics__list",
                   plain: "",
                   size: "sm",
                   "item-key": "id",
-                  "item-label": (j) => j.name,
-                  disabled: !k.value,
+                  "item-label": (O) => O.name,
+                  disabled: !_.value,
                   title: e(t)("rubric.order"),
-                  onMove: D
+                  onMove: q
                 }, {
-                  default: a(({ item: j }) => [
-                    q("button", {
+                  default: l(({ item: O }) => [
+                    j("button", {
                       type: "button",
-                      class: Ae(["wx-rubric-row", { "is-current": j.id === C.value, "is-hidden": !j.is_visible }]),
-                      onClick: (de) => U(j)
+                      class: Pe(["wx-rubric-row", { "is-current": O.id === S.value, "is-hidden": !O.is_visible }]),
+                      onClick: (se) => $(O)
                     }, [
-                      q("span", Ia, [
+                      j("span", Wa, [
                         n(e(G), {
                           truncate: "",
                           weight: "medium"
                         }, {
-                          default: a(() => [
-                            g(f(j.name), 1)
+                          default: l(() => [
+                            w(b(O.name), 1)
                           ]),
                           _: 2
                         }, 1024),
-                        j.is_visible ? I("", !0) : (p(), V(e(Ye), {
+                        O.is_visible ? H("", !0) : (p(), C(e(et), {
                           key: 0,
                           content: e(t)("rubric.hidden")
                         }, {
-                          default: a(() => [
-                            n(e(Y), {
+                          default: l(() => [
+                            n(e(we), {
                               name: "eye-off",
                               size: "sm"
                             })
@@ -2179,21 +2155,21 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
                         tone: "muted",
                         truncate: ""
                       }, {
-                        default: a(() => [
-                          g(f(j.path === null ? e(t)("rubric.no-address") : `/${j.path}`), 1)
+                        default: l(() => [
+                          w(b(O.path === null ? e(t)("rubric.no-address") : `/${O.path}`), 1)
                         ]),
                         _: 2
                       }, 1024)
-                    ], 10, Da)
+                    ], 10, Sa)
                   ]),
-                  actions: a(({ item: j }) => [
+                  actions: l(({ item: O }) => [
                     n(e(G), {
                       class: "wx-rubric-row__count",
                       size: "sm",
                       tone: "muted"
                     }, {
-                      default: a(() => [
-                        g(f(j.articles_count), 1)
+                      default: l(() => [
+                        w(b(O.articles_count), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -2201,25 +2177,25 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
                   _: 1
                 }, 8, ["modelValue", "item-label", "disabled", "title"]))
               ]),
-              empty: a(() => [
-                n(e(Oe), {
+              empty: l(() => [
+                n(e(Ge), {
                   description: e(t)("rubric.choose")
                 }, null, 8, ["description"])
               ]),
-              detail: a(({ inline: j, back: de }) => [
-                d.value || M.value ? (p(), V(Pa, {
-                  key: d.value ? "new" : String(M.value?.id),
-                  rubric: d.value ? null : M.value,
-                  prefix: $.value,
-                  inline: j,
-                  disabled: !k.value,
+              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: () => {
-                    de(), N();
+                    se(), I();
                   },
-                  onArticles: H,
-                  onSaved: O,
+                  onArticles: K,
+                  onSaved: M,
                   onDeleted: A
-                }, null, 8, ["rubric", "prefix", "inline", "disabled", "onBack"])) : I("", !0)
+                }, null, 8, ["rubric", "prefix", "inline", "disabled", "onBack"])) : H("", !0)
               ]),
               _: 1
             }, 8, ["open", "detail-label"])
@@ -2228,60 +2204,60 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
         })
       ]),
       _: 1
-    }, 8, ["title"]));
+    }, 8, ["title", "actions"]));
   }
-}), Ea = /* @__PURE__ */ ee({
+}), za = /* @__PURE__ */ ee({
   __name: "TagCreateDialog",
-  setup(y) {
-    const { open: _, resolve: u, dismiss: x } = Ze(), c = se(), l = ue(c);
-    ae();
-    const t = te("webx-blog"), r = z(""), i = z(""), $ = z(!1), T = z({}), h = We("field");
-    Le(async () => {
-      await Ke(), h.value?.querySelector("input")?.focus();
+  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();
     });
-    async function d() {
-      if (!(r.value.trim() === "" || $.value)) {
-        $.value = !0, T.value = {};
+    async function o() {
+      if (!(s.value.trim() === "" || x.value)) {
+        x.value = !0, T.value = {};
         try {
-          u(
-            await l.createTag({
-              title: r.value.trim(),
+          r(
+            await a.createTag({
+              title: s.value.trim(),
               ...i.value.trim() === "" ? {} : { slug: i.value.trim() }
             })
           );
-        } catch (k) {
-          T.value = k.body?.errors ?? {};
+        } catch (_) {
+          T.value = _.body?.errors ?? {};
         } finally {
-          $.value = !1;
+          x.value = !1;
         }
       }
     }
-    return (k, S) => (p(), V(e(Qe), {
-      open: e(_),
-      "onUpdate:open": S[3] || (S[3] = (C) => He(_) ? _.value = C : null),
+    return (_, W) => (p(), C(e(Fe), {
+      open: e(m),
+      "onUpdate:open": W[3] || (W[3] = (S) => Ie(m) ? m.value = S : null),
       title: e(t)("tag.new-title"),
       width: 440
     }, {
-      footer: a(() => [
-        n(e(Xe), { size: "sm" }, {
-          default: a(() => [
-            n(e(F), {
+      footer: l(() => [
+        n(e(Le), { size: "sm" }, {
+          default: l(() => [
+            n(e(J), {
               variant: "outline",
-              onClick: S[2] || (S[2] = (C) => e(x)())
+              onClick: W[2] || (W[2] = (S) => e(y)())
             }, {
-              default: a(() => [
-                g(f(e(t)("tag.cancel")), 1)
+              default: l(() => [
+                w(b(e(t)("tag.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(F), {
+            n(e(J), {
               type: "primary",
-              loading: $.value,
-              disabled: r.value.trim() === "",
-              onClick: d
+              loading: x.value,
+              disabled: s.value.trim() === "",
+              onClick: o
             }, {
-              default: a(() => [
-                g(f(e(t)("tag.create")), 1)
+              default: l(() => [
+                w(b(e(t)("tag.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -2289,38 +2265,38 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
           _: 1
         })
       ]),
-      default: a(() => [
-        n(e(ge), {
+      default: l(() => [
+        n(e(ie), {
           label: e(t)("tag.field-title"),
           error: T.value.title?.[0],
           required: ""
         }, {
-          default: a(() => [
-            q("div", {
+          default: l(() => [
+            j("div", {
               ref_key: "field",
-              ref: h
+              ref: c
             }, [
-              n(e($e), {
-                modelValue: r.value,
-                "onUpdate:modelValue": S[0] || (S[0] = (C) => r.value = C),
+              n(e(Ae), {
+                modelValue: s.value,
+                "onUpdate:modelValue": W[0] || (W[0] = (S) => s.value = S),
                 "aria-label": e(t)("tag.field-title"),
-                onKeyup: Ce(d, ["enter"])
+                onKeyup: ze(o, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
           _: 1
         }, 8, ["label", "error"]),
-        n(e(ge), {
+        n(e(ie), {
           label: e(t)("tag.field-slug"),
           error: T.value.slug?.[0],
           help: e(t)("tag.field-slug-help")
         }, {
-          default: a(() => [
-            n(e($e), {
+          default: l(() => [
+            n(e(Ae), {
               modelValue: i.value,
-              "onUpdate:modelValue": S[1] || (S[1] = (C) => i.value = C),
+              "onUpdate:modelValue": W[1] || (W[1] = (S) => i.value = S),
               "aria-label": e(t)("tag.field-slug"),
-              onKeyup: Ce(d, ["enter"])
+              onKeyup: ze(o, ["enter"])
             }, null, 8, ["modelValue", "aria-label"])
           ]),
           _: 1
@@ -2329,63 +2305,144 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
       _: 1
     }, 8, ["open", "title"]));
   }
-}), La = { class: "wx-tag-merge" }, Fa = { class: "wx-tag-merge__chips" }, Ka = { class: "wx-tag-merge__redirect" }, Ha = /* @__PURE__ */ ee({
+}), Ra = ["id"], Ua = /* @__PURE__ */ ee({
+  __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();
+    });
+    function T() {
+      const c = i.value.trim();
+      if (c === "" || c === m.name) {
+        u();
+        return;
+      }
+      y(c);
+    }
+    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"),
+      width: 420
+    }, {
+      footer: l(() => [
+        n(e(Le), { size: "sm" }, {
+          default: l(() => [
+            n(e(J), {
+              variant: "outline",
+              onClick: o[1] || (o[1] = (_) => e(u)())
+            }, {
+              default: l(() => [
+                w(b(e(a)("tag.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(J), {
+              type: "primary",
+              "native-type": "submit",
+              form: e(s),
+              disabled: i.value.trim() === ""
+            }, {
+              default: l(() => [
+                w(b(e(t)("editor.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["form", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: l(() => [
+        j("form", {
+          id: e(s),
+          ref_key: "field",
+          ref: x,
+          onSubmit: at(T, ["prevent"])
+        }, [
+          n(e(ie), {
+            label: e(a)("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"])
+              }, null, 8, ["modelValue", "aria-label", "onKeydown"])
+            ]),
+            _: 1
+          }, 8, ["label"])
+        ], 40, Ra)
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), qa = { class: "wx-tag-merge" }, Ma = { class: "wx-tag-merge__chips" }, Na = { class: "wx-tag-merge__redirect" }, Ba = /* @__PURE__ */ ee({
   __name: "TagMergeDialog",
   props: {
     tags: {}
   },
-  setup(y) {
-    const _ = y, { open: u, resolve: x, dismiss: c } = Ze(), l = se(), t = ue(l);
-    ae();
-    const r = te("webx-blog"), i = me(), $ = z(
-      [..._.tags].sort((R, W) => W.articles_count - R.articles_count)[0]?.id ?? 0
-    ), T = z(!1), h = z(!0), d = z(null), k = b(
-      () => _.tags.map((R) => ({ value: R.id, label: `${R.title} · ${R.articles_count}` }))
-    ), S = b(() => _.tags.find((R) => R.id === $.value) ?? null), C = b(() => _.tags.filter((R) => R.id !== $.value)), M = b(() => C.value.reduce((R, W) => R + W.articles_count, 0)), P = b(() => C.value.map((R) => R.path).filter(Boolean));
-    async function U() {
-      if (!(S.value === null || C.value.length === 0 || T.value)) {
-        T.value = !0, d.value = null;
+  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));
+    async function $() {
+      if (!(W.value === null || S.value.length === 0 || T.value)) {
+        T.value = !0, o.value = null;
         try {
-          x(
+          y(
             await t.mergeTags(
-              C.value.map((R) => R.id),
-              $.value,
-              h.value
+              S.value.map((U) => U.id),
+              x.value,
+              c.value
             )
           );
-        } catch (R) {
-          d.value = i(R);
+        } catch (U) {
+          o.value = i(U);
         } finally {
           T.value = !1;
         }
       }
     }
-    return (R, W) => (p(), V(e(Qe), {
-      open: e(u),
-      "onUpdate:open": W[3] || (W[3] = (O) => He(u) ? u.value = O : null),
-      title: e(r)("tag.merge-title"),
+    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"),
       width: 520
     }, {
-      footer: a(() => [
-        n(e(Xe), { size: "sm" }, {
-          default: a(() => [
-            n(e(F), {
+      footer: l(() => [
+        n(e(Le), { size: "sm" }, {
+          default: l(() => [
+            n(e(J), {
               variant: "outline",
-              onClick: W[2] || (W[2] = (O) => e(c)())
+              onClick: R[2] || (R[2] = (M) => e(u)())
             }, {
-              default: a(() => [
-                g(f(e(r)("tag.cancel")), 1)
+              default: l(() => [
+                w(b(e(s)("tag.cancel")), 1)
               ]),
               _: 1
             }),
-            n(e(F), {
+            n(e(J), {
               type: "primary",
               loading: T.value,
-              disabled: C.value.length === 0,
-              onClick: U
+              disabled: S.value.length === 0,
+              onClick: $
             }, {
-              default: a(() => [
-                g(f(e(r)("tag.merge-confirm")), 1)
+              default: l(() => [
+                w(b(e(s)("tag.merge-confirm")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -2393,532 +2450,475 @@ const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-edito
           _: 1
         })
       ]),
-      default: a(() => [
-        q("div", La, [
-          q("div", Fa, [
-            (p(!0), K(ne, null, ze(C.value, (O) => (p(), V(e(re), {
-              key: O.id,
+      default: l(() => [
+        j("div", qa, [
+          j("div", Ma, [
+            (p(!0), Z(be, null, Be(S.value, (M) => (p(), C(e(oe), {
+              key: M.id,
               size: "sm",
               round: ""
             }, {
-              default: a(() => [
-                g(f(O.title) + " · " + f(O.articles_count), 1)
+              default: l(() => [
+                w(b(M.title) + " · " + b(M.articles_count), 1)
               ]),
               _: 2
             }, 1024))), 128)),
-            n(e(Y), {
+            n(e(we), {
               name: "arrow-right",
               size: "sm"
             }),
-            S.value ? (p(), V(e(re), {
+            W.value ? (p(), C(e(oe), {
               key: 0,
               type: "primary",
               size: "sm",
               round: ""
             }, {
-              default: a(() => [
-                g(f(S.value.title) + " · " + f(S.value.articles_count), 1)
+              default: l(() => [
+                w(b(W.value.title) + " · " + b(W.value.articles_count), 1)
               ]),
               _: 1
-            })) : I("", !0)
+            })) : H("", !0)
           ]),
-          n(e(ge), {
-            label: e(r)("tag.merge-keep")
+          n(e(ie), {
+            label: e(s)("tag.merge-keep")
           }, {
-            default: a(() => [
-              n(e(be), {
-                modelValue: $.value,
-                "onUpdate:modelValue": W[0] || (W[0] = (O) => $.value = O),
-                options: k.value,
-                "aria-label": e(r)("tag.merge-keep")
+            default: l(() => [
+              n(e(_e), {
+                modelValue: x.value,
+                "onUpdate:modelValue": R[0] || (R[0] = (M) => x.value = M),
+                options: _.value,
+                "aria-label": e(s)("tag.merge-keep")
               }, null, 8, ["modelValue", "options", "aria-label"])
             ]),
             _: 1
           }, 8, ["label"]),
-          q("div", Ka, [
-            n(e(Ct), {
-              modelValue: h.value,
-              "onUpdate:modelValue": W[1] || (W[1] = (O) => h.value = O),
-              label: e(r)("tag.merge-redirect")
+          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")
             }, null, 8, ["modelValue", "label"]),
             n(e(G), {
               size: "sm",
               tone: "muted"
             }, {
-              default: a(() => [
-                g(f(P.value.length === 0 ? e(r)("tag.merge-redirect-none") : e(r)("tag.merge-redirect-help", { addresses: P.value.join(", ") })), 1)
+              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)
               ]),
               _: 1
             })
           ]),
-          n(e(Se), {
+          n(e(We), {
             type: "warning",
             variant: "soft",
-            description: e(r)("tag.merge-warning", {
-              count: M.value,
-              tag: S.value?.title ?? "",
-              merged: C.value.length
+            description: e(s)("tag.merge-warning", {
+              count: E.value,
+              tag: W.value?.title ?? "",
+              merged: S.value.length
             })
           }, null, 8, ["description"]),
-          d.value ? (p(), V(e(Se), {
+          o.value ? (p(), C(e(We), {
             key: 0,
             type: "danger",
             variant: "soft",
-            description: d.value
-          }, null, 8, ["description"])) : I("", !0)
+            description: o.value
+          }, null, 8, ["description"])) : H("", !0)
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ja = /* @__PURE__ */ ce(Ha, [["__scopeId", "data-v-aa68b3a8"]]), Ga = { class: "wx-tags" }, Ja = { class: "wx-tags__sort" }, Za = ["title", "onClick"], Qa = { key: 2 }, Xa = /* @__PURE__ */ ee({
+}), Pa = /* @__PURE__ */ ve(Ba, [["__scopeId", "data-v-aa68b3a8"]]), Da = { class: "wx-tags" }, Ia = /* @__PURE__ */ ee({
   __name: "TagsPage",
   props: {
     base: { default: "/blog" }
   },
-  setup(y) {
-    const _ = y, u = se(), x = ue(u), c = qe(), l = Me();
-    ae();
-    const t = te("webx-blog"), r = me(), i = z(null), $ = z(!0), T = z([]), h = z(!1), d = z(null), k = z(""), S = We("box"), C = Ee(Ea), M = Ee(ja), P = b(() => u.can("blog.taxonomy.manage")), U = b(
-      () => u.state.manifest?.modules.find((o) => o.id === "tags")?.title ?? t("module.tags")
-    ), R = b({
-      get: () => typeof c.query.view == "string" ? c.query.view : "",
-      set: (o) => {
-        l.replace({
-          query: { ...c.query, view: o === "" ? void 0 : String(o), page: void 0 }
+  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 }
         });
       }
-    }), W = b(() => i.value?.filters ?? { total: 0, empty: 0, noindex: 0 }), O = b(() => [
-      { value: "", label: t("tag.view-all"), badge: W.value.total },
-      { value: "empty", label: t("tag.view-empty"), badge: W.value.empty },
-      { value: "noindex", label: t("tag.view-noindex"), badge: W.value.noindex }
-    ]), A = b(() => i.value?.data ?? []), N = b(() => A.value.filter((o) => T.value.includes(o.id))), H = b(() => [
-      { key: "title", label: t("tag.column-title"), minWidth: 150 },
+    }), $ = v(() => i.value?.filters ?? { total: 0, empty: 0, noindex: 0 }), U = v(() => [
+      { 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(() => [
+      { 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 —
       // it scrolls sideways and takes the ··· with it (CLAUDE.md §4). Measured, not guessed: at
       // 375px the row is the word, the number and the menu, and nothing hangs off the edge.
       { key: "path", label: t("tag.column-address"), width: 180, hideBelow: 760 },
-      { key: "articles_count", label: t("tag.column-articles"), width: 70, align: "right" },
+      {
+        key: "articles_count",
+        label: t("tag.column-articles"),
+        width: 80,
+        align: "right",
+        sortable: !0
+      },
       // Wide enough for the longest of the three states on one line, in every language: measured
       // 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: 56, align: "right" }
+      { key: "actions", label: "", width: st, align: "right" }
     ]);
-    function D(o) {
+    function I(g) {
       return {
-        q: o?.search ?? (typeof c.query.q == "string" ? c.query.q : ""),
-        empty: R.value === "empty",
-        noindex: R.value === "noindex",
+        q: g?.search ?? (typeof u.query.q == "string" ? u.query.q : ""),
+        empty: F.value === "empty",
+        noindex: F.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: c.query.sort === "name" ? "name" : void 0,
-        page: o?.page ?? (Number(c.query.page ?? 1) || 1),
-        per_page: o?.perPage
+        sort: P(g),
+        page: g?.page ?? (Number(u.query.page ?? 1) || 1),
+        per_page: g?.perPage
       };
     }
-    async function m(o) {
-      $.value = !0;
+    async function K(g) {
+      x.value = !0;
       try {
-        i.value = await x.tagsPage(D(o));
-      } catch (s) {
-        L.danger(r(s));
+        i.value = await y.tagsPage(I(g));
+      } catch (N) {
+        L.danger(s(N));
       } finally {
-        $.value = !1;
+        x.value = !1;
       }
     }
-    function E(o) {
-      const s = {
-        ...c.query,
-        q: o.search === "" ? void 0 : o.search,
-        page: o.page === 1 ? void 0 : String(o.page)
+    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)
       };
-      l.replace({ query: s }), m(o);
-    }
-    oe(R, () => {
-      T.value = [], m();
-    }), m();
-    function j(o) {
-      l.replace({
-        query: { ...c.query, sort: o === "articles" ? void 0 : o, page: void 0 }
-      }), m();
-    }
-    const de = b(() => c.query.sort === "name" ? "name" : "articles");
-    async function Ve() {
-      await C({}) && await m();
-    }
-    async function ve(o) {
-      d.value = o.id, k.value = o.title, await Ke(), S.value?.querySelector("input")?.focus();
-    }
-    function J() {
-      d.value = null, k.value = "";
-    }
-    async function we(o) {
-      const s = k.value.trim();
-      if (s === "" || s === o.title) {
-        J();
-        return;
-      }
-      J(), await Q(o, { title: s }, t("tag.renamed"));
+      a.replace({ query: N }), K(g);
     }
-    async function he(o, s) {
-      await Q(o, { noindex: s }, t(s ? "tag.kept-out" : "tag.indexed"));
+    ue(F, () => {
+      T.value = [], K();
+    }), K();
+    async function le() {
+      await _({}) && await K();
+    }
+    async function O(g) {
+      const N = await o({ name: g.title });
+      N && await xe(g, { title: N }, t("tag.renamed"));
     }
-    async function Q(o, s, w) {
+    async function se(g, N) {
+      await xe(g, { noindex: N }, t(N ? "tag.kept-out" : "tag.indexed"));
+    }
+    async function xe(g, N, B) {
       try {
-        const le = await x.saveTag(o.id, s);
+        const X = await y.saveTag(g.id, N);
         i.value && (i.value = {
           ...i.value,
-          data: i.value.data.map((xe) => xe.id === le.id ? le : xe)
-        }), L.success(w);
-      } catch (le) {
-        L.danger(r(le));
+          data: i.value.data.map((ye) => ye.id === X.id ? X : ye)
+        }), L.success(B);
+      } catch (X) {
+        L.danger(s(X));
       }
     }
-    async function fe(o) {
-      if (await pe({
-        title: t("tag.delete-title", { title: o.title }),
-        message: o.articles_count > 0 ? t("tag.delete-text-used", { count: o.articles_count }) : t("tag.delete-text"),
+    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"),
         confirmText: t("tag.delete"),
         cancelText: t("tag.cancel"),
         tone: "danger"
       }))
         try {
-          await x.removeTag(o.id), L.success(t("tag.deleted")), T.value = T.value.filter((w) => w !== o.id), await m();
-        } catch (w) {
-          L.danger(r(w));
+          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));
         }
     }
-    function ye(o) {
-      if (!P.value) return [];
-      const s = [
+    const he = v(() => [
+      {
+        key: "index",
+        icon: "eye",
+        label: t("tag.index"),
+        disabled: c.value,
+        run: () => {
+          re("index");
+        }
+      },
+      {
+        key: "noindex",
+        icon: "eye-off",
+        label: t("tag.noindex"),
+        disabled: c.value,
+        run: () => {
+          re("noindex");
+        }
+      },
+      {
+        key: "delete",
+        icon: "trash",
+        label: t("tag.delete"),
+        danger: !0,
+        disabled: c.value,
+        run: () => {
+          re("delete");
+        }
+      }
+    ]);
+    function Te(g) {
+      if (!S.value) return [];
+      const N = [
         { key: "rename", icon: "edit", label: t("tag.rename"), run: () => {
-          ve(o);
+          O(g);
         } }
       ];
-      return o.url && s.push({
+      return g.url && N.push({
         key: "site",
         icon: "external-link",
         label: t("tag.open-on-site"),
-        href: o.url
-      }), s.push({
+        href: g.url
+      }), N.push({
         key: "articles",
         icon: "list",
         label: t("tag.show-articles"),
         run: () => {
-          l.push({ path: `${_.base}/articles`, query: { tag: String(o.id) } });
+          a.push({ path: `${m.base}/articles`, query: { tag: String(g.id) } });
         }
-      }), s.push(
-        o.noindex ? {
+      }), N.push(
+        g.noindex ? {
           key: "index",
           icon: "eye",
           label: t("tag.index"),
           run: () => {
-            he(o, !1);
+            se(g, !1);
           }
         } : {
           key: "noindex",
           icon: "eye-off",
           label: t("tag.noindex"),
           run: () => {
-            he(o, !0);
+            se(g, !0);
           }
         }
-      ), s.push({
+      ), N.push({
         key: "delete",
         icon: "trash",
         label: t("tag.delete"),
         danger: !0,
         run: () => {
-          fe(o);
+          ce(g);
         }
-      }), s;
-    }
-    function _e(o) {
-      return o === "noindex" ? "muted" : "success";
-    }
-    async function ie() {
-      if (N.value.length < 2) return;
-      const o = await M({ tags: N.value });
-      o && (L.success(t("tag.merged", { tag: o.tag.title, count: o.articles_count })), T.value = [], await m());
-    }
-    async function v(o) {
-      const s = N.value.map((w) => w.id);
-      if (!(s.length === 0 || h.value)) {
-        if (o === "delete") {
-          const w = N.value.reduce((xe, Pe) => xe + Pe.articles_count, 0);
-          if (!await pe({
-            title: t("tag.delete-many-title", { count: s.length }),
-            message: w > 0 ? t("tag.delete-many-text-used", { count: w }) : t("tag.delete-many-text"),
+      }), 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"),
             confirmText: t("tag.delete"),
             cancelText: t("tag.cancel"),
             tone: "danger"
           })) return;
         }
-        h.value = !0;
+        c.value = !0;
         try {
-          const w = await x.massTags(s, o);
+          const B = await y.massTags(N, g);
           L.success(
-            o === "delete" ? t("tag.deleted-many", { count: w }) : o === "index" ? t("tag.indexed-many", { count: w }) : t("tag.kept-out-many", { count: w })
-          ), T.value = [], await m();
-        } catch (w) {
-          L.danger(r(w));
+            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));
         } finally {
-          h.value = !1;
+          c.value = !1;
         }
       }
     }
-    return (o, s) => (p(), K("div", Ga, [
-      n(e(je), {
-        view: R.value,
-        "onUpdate:view": s[2] || (s[2] = (w) => R.value = w),
-        title: U.value,
-        views: O.value
-      }, st({
-        default: a(() => [
-          n(e(ut), {
+    const fe = v(
+      () => S.value ? [{ key: "new", label: t("tag.new"), icon: "plus", primary: !0, run: () => {
+        le();
+      } }] : []
+    );
+    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
+      }, {
+        default: l(() => [
+          n(e(ot), {
             selected: T.value,
-            "onUpdate:selected": s[1] || (s[1] = (w) => T.value = w),
+            "onUpdate:selected": N[0] || (N[0] = (B) => T.value = B),
             data: i.value,
-            columns: H.value,
+            columns: A.value,
             "row-key": "id",
             searchable: "",
             hover: "",
             flush: "",
             layout: "fixed",
-            loading: $.value,
-            selectable: P.value,
+            loading: x.value,
+            selectable: S.value,
             "cards-below": 0,
             "search-placeholder": e(t)("tag.search"),
-            "empty-text": A.value.length === 0 && !$.value ? e(t)("tag.empty") : void 0,
-            "aria-label": U.value,
-            onStateChange: E
+            "empty-text": R.value.length === 0 && !x.value ? e(t)("tag.empty") : void 0,
+            "aria-label": E.value,
+            onStateChange: k
           }, {
-            actions: a(() => [
-              q("div", Ja, [
-                (p(), K(ne, null, ze(["articles", "name"], (w) => n(e(F), {
-                  key: w,
-                  size: "sm",
-                  variant: de.value === w ? "outline" : "text",
-                  onClick: (le) => j(w)
-                }, {
-                  default: a(() => [
-                    g(f(e(t)(`tag.sort-${w}`)), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["variant", "onClick"])), 64))
-              ])
-            ]),
-            "cell-title": a(({ row: w }) => [
-              d.value === w.id ? (p(), K("span", {
-                key: 0,
-                ref_key: "box",
-                ref: S,
-                class: "wx-tags__rename"
-              }, [
-                n(e($e), {
-                  modelValue: k.value,
-                  "onUpdate:modelValue": s[0] || (s[0] = (le) => k.value = le),
-                  size: "sm",
-                  "aria-label": e(t)("tag.rename"),
-                  onKeyup: [
-                    Ce((le) => we(w), ["enter"]),
-                    Ce(J, ["esc"])
-                  ],
-                  onBlur: (le) => we(w)
-                }, null, 8, ["modelValue", "aria-label", "onKeyup", "onBlur"])
-              ], 512)) : P.value ? (p(), K("button", {
-                key: 1,
-                type: "button",
-                class: "wx-tags__name",
-                title: e(t)("tag.rename"),
-                onClick: (le) => ve(w)
-              }, f(w.title), 9, Za)) : (p(), K("span", Qa, f(w.title), 1))
+            "cell-title": l(({ row: B }) => [
+              n(e(G), { truncate: "" }, {
+                default: l(() => [
+                  w(b(B.title), 1)
+                ]),
+                _: 2
+              }, 1024)
             ]),
-            "cell-path": a(({ row: w }) => [
+            "cell-path": l(({ row: B }) => [
               n(e(G), {
                 size: "sm",
                 tone: "muted",
                 mono: "",
                 truncate: ""
               }, {
-                default: a(() => [
-                  g(f(w.path ?? e(t)("tag.no-address")), 1)
+                default: l(() => [
+                  w(b(B.path ?? e(t)("tag.no-address")), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-articles_count": a(({ row: w }) => [
+            "cell-articles_count": l(({ row: B }) => [
               n(e(G), {
-                tone: w.articles_count === 0 ? "muted" : "default"
+                tone: B.articles_count === 0 ? "muted" : "default"
               }, {
-                default: a(() => [
-                  g(f(w.articles_count), 1)
+                default: l(() => [
+                  w(b(B.articles_count), 1)
                 ]),
                 _: 2
               }, 1032, ["tone"])
             ]),
-            "cell-indexing": a(({ row: w }) => [
-              w.indexing === "rule" ? (p(), V(e(Ye), {
+            "cell-indexing": l(({ row: B }) => [
+              B.indexing === "rule" ? (p(), C(e(et), {
                 key: 0,
                 content: e(t)("tag.indexing-rule-help")
               }, {
-                default: a(() => [
+                default: l(() => [
                   n(e(G), {
                     size: "sm",
-                    tone: _e(w.indexing)
+                    tone: ke(B.indexing)
                   }, {
-                    default: a(() => [
-                      g(f(e(t)("tag.indexing-rule")), 1)
+                    default: l(() => [
+                      w(b(e(t)("tag.indexing-rule")), 1)
                     ]),
                     _: 1
                   }, 8, ["tone"])
                 ]),
                 _: 2
-              }, 1032, ["content"])) : (p(), V(e(G), {
+              }, 1032, ["content"])) : (p(), C(e(G), {
                 key: 1,
                 size: "sm",
-                tone: _e(w.indexing)
+                tone: ke(B.indexing)
               }, {
-                default: a(() => [
-                  g(f(e(t)(`tag.indexing-${w.indexing}`)), 1)
+                default: l(() => [
+                  w(b(e(t)(`tag.indexing-${B.indexing}`)), 1)
                 ]),
                 _: 2
               }, 1032, ["tone"]))
             ]),
-            "cell-actions": a(({ row: w }) => [
-              n(e(Ie), {
-                actions: ye(w),
-                label: w.title
+            "cell-actions": l(({ row: B }) => [
+              n(e(Re), {
+                actions: Te(B),
+                label: B.title
               }, null, 8, ["actions", "label"])
             ]),
             _: 1
           }, 8, ["selected", "data", "columns", "loading", "selectable", "search-placeholder", "empty-text", "aria-label"])
         ]),
-        _: 2
-      }, [
-        P.value ? {
-          name: "actions",
-          fn: a(() => [
-            n(e(F), {
-              type: "primary",
-              onClick: Ve
-            }, {
-              icon: a(() => [
-                n(e(Y), { name: "plus" })
-              ]),
-              default: a(() => [
-                g(" " + f(e(t)("tag.new")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["view", "title", "views"]),
-      N.value.length > 0 ? (p(), V(e(ot), {
+        _: 1
+      }, 8, ["view", "title", "views", "actions"]),
+      M.value.length > 0 ? (p(), C(e(rt), {
         key: 0,
         class: "wx-tags__bar",
         sticky: ""
       }, {
-        default: a(() => [
+        state: l(() => [
           n(e(G), { weight: "medium" }, {
-            default: a(() => [
-              g(f(e(t)("tag.selected", { count: N.value.length })), 1)
+            default: l(() => [
+              w(b(e(t)("tag.selected", { count: M.value.length })), 1)
             ]),
             _: 1
-          }),
-          s[7] || (s[7] = q("span", { class: "wx-tags__bar-spacer" }, null, -1)),
-          n(e(F), {
+          })
+        ]),
+        default: l(() => [
+          n(e(J), {
             type: "primary",
-            disabled: N.value.length < 2 || h.value,
-            onClick: ie
-          }, {
-            icon: a(() => [
-              n(e(Y), { name: "link" })
-            ]),
-            default: a(() => [
-              g(" " + f(e(t)("tag.merge")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          n(e(F), {
-            variant: "outline",
-            disabled: h.value,
-            onClick: s[3] || (s[3] = (w) => v("index"))
-          }, {
-            icon: a(() => [
-              n(e(Y), { name: "eye" })
-            ]),
-            default: a(() => [
-              g(" " + f(e(t)("tag.index")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          n(e(F), {
-            variant: "outline",
-            disabled: h.value,
-            onClick: s[4] || (s[4] = (w) => v("noindex"))
+            disabled: M.value.length < 2 || c.value,
+            onClick: pe
           }, {
-            icon: a(() => [
-              n(e(Y), { name: "eye-off" })
+            icon: l(() => [
+              n(e(we), { name: "link" })
             ]),
-            default: a(() => [
-              g(" " + f(e(t)("tag.noindex")), 1)
+            default: l(() => [
+              w(" " + b(e(t)("tag.merge")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          n(e(F), {
-            variant: "outline",
-            type: "danger",
-            disabled: h.value,
-            onClick: s[5] || (s[5] = (w) => v("delete"))
-          }, {
-            icon: a(() => [
-              n(e(Y), { name: "trash" })
-            ]),
-            default: a(() => [
-              g(" " + f(e(t)("tag.delete")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          n(e(F), {
-            variant: "text",
-            "aria-label": e(t)("tag.clear"),
-            onClick: s[6] || (s[6] = (w) => T.value = [])
-          }, {
-            icon: a(() => [
-              n(e(Y), { name: "close" })
-            ]),
-            _: 1
-          }, 8, ["aria-label"])
+          n(e(Re), {
+            size: "lg",
+            actions: he.value,
+            label: e(t)("tag.selected", { count: M.value.length })
+          }, null, 8, ["actions", "label"])
         ]),
         _: 1
-      })) : I("", !0)
+      })) : H("", !0)
     ]));
   }
-}), Ya = /* @__PURE__ */ ce(Xa, [["__scopeId", "data-v-7ccee45f"]]);
-function nl(y = {}) {
-  const _ = y.path ?? "/blog";
+}), Oa = /* @__PURE__ */ ve(Ia, [["__scopeId", "data-v-beb86d88"]]);
+function ja(f = {}) {
+  const m = f.path ?? "/blog";
   return [
     {
       id: "articles",
-      path: `${_}/articles`,
+      path: `${m}/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: `${_}/articles`,
+          path: `${m}/articles`,
           name: "webx.blog.articles",
-          component: Sa,
-          props: { base: _ }
+          component: ha,
+          props: { base: m }
         },
         {
-          path: `${_}/articles/:id(\\d+)`,
+          path: `${m}/articles/:id(\\d+)`,
           name: "webx.blog.articles.edit",
-          component: Ht,
-          props: { base: _ }
+          component: Ot,
+          props: { base: m }
         }
       ],
       /*
@@ -2933,34 +2933,34 @@ function nl(y = {}) {
        */
       types: {
         "wx-article-address": { component: Nt, kind: "display" },
-        "wx-article-author": { component: qt, kind: "field" },
-        "wx-article-rubrics": { component: ra, kind: "field" },
-        "wx-article-tags": { component: pa, kind: "field" },
-        "wx-article-related": { component: la, kind: "field" },
-        "wx-article-history": { component: Qt, 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-history": { component: Kt, kind: "display" }
       }
     },
     {
       id: "rubrics",
-      path: `${_}/rubrics`,
+      path: `${m}/rubrics`,
       routes: [
         {
-          path: `${_}/rubrics`,
+          path: `${m}/rubrics`,
           name: "webx.blog.rubrics",
-          component: Oa,
-          props: { base: _ }
+          component: Ca,
+          props: { base: m }
         }
       ]
     },
     {
       id: "tags",
-      path: `${_}/tags`,
+      path: `${m}/tags`,
       routes: [
         {
-          path: `${_}/tags`,
+          path: `${m}/tags`,
           name: "webx.blog.tags",
-          component: Ya,
-          props: { base: _ }
+          component: Oa,
+          props: { base: m }
         }
       ]
     }
@@ -2968,24 +2968,24 @@ function nl(y = {}) {
 }
 export {
   Nt as WxArticleAddress,
-  qt as WxArticleAuthorField,
-  ma as WxArticleCreateDialog,
-  Ht as WxArticleEditorPage,
-  Qt as WxArticleHistory,
-  la as WxArticleRelated,
-  ra as WxArticleRubrics,
-  pa as WxArticleTags,
-  Sa as WxArticlesPage,
-  Pa as WxRubricForm,
-  Oa as WxRubricsPage,
-  Ea as WxTagCreateDialog,
-  ja as WxTagMergeDialog,
-  Ya as WxTagsPage,
-  dt as articleEditorKey,
-  nl as blog,
-  Rt as blogMessages,
-  ue as createBlogApi,
-  zt as provideArticleEditor,
-  Te as useArticleEditor
+  Bt as WxArticleAuthorField,
+  ua as WxArticleCreateDialog,
+  Ot 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
 };
 //# sourceMappingURL=index.js.map