@webx-ui/module-inbox 0.6.1 → 0.6.2

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as ne, useModel as Se, computed as U, unref as e, openBlock as o, createBlock as w, withCtx as a, createVNode as t, mergeModels as Pe, ref as q, watch as Te, isRef as se, createElementVNode as K, createElementBlock as G, Fragment as ee, createCommentVNode as E, createTextVNode as S, toDisplayString as V, renderList as ge, createSlots as Oe, onMounted as yl, reactive as hl, useTemplateRef as cl, normalizeClass as sl } from "vue";
-import { useRoute as Re, useRouter as Be } from "vue-router";
-import { useAdmin as ie, useTranslate as ae, useErrorText as ye, WxRowMenu as ze, WxScreenHead as tl, rowMenuWidth as gl, WxDate as Ee, WxFilterChips as xl, WxListScreen as pl, WxNotes as _l } from "@webx-ui/module-admin";
-import { useLocales as we, WxLocales as wl, WxRichText as ol, useModal as He, WxDialog as Ge, WxFormItem as H, WxSelect as fe, WxInput as le, WxText as Q, WxAction as $e, WxButton as te, WxIcon as _e, WxInputNumber as Ve, WxDatePicker as ll, WxTagsInput as kl, WxCheckbox as he, WxSpace as Ae, toast as L, createModal as je, WxCard as oe, WxEmpty as Ke, WxSortableList as al, WxBadge as Ue, localizedValue as be, confirm as Ce, WxSwitch as ml, WxTable as vl, WxAlert as Fe, WxSkeleton as We, WxTabs as nl, WxTab as xe, WxActionBar as Vl, WxTextarea as $l, WxRadioGroup as Ul, WxCheckboxGroup as Sl, useElementWidth as Tl, WxEntityCard as Cl, WxAvatar as il, WxTooltip as ql, WxListDetail as zl, WxIndicator as ul, WxDescriptions as rl, WxDescriptionsItem as Me, WxFileCard as Fl, WxTimeline as Wl, WxTimelineItem as Al } from "@webx-ui/core";
-const fl = /* @__PURE__ */ ne({
+import { defineComponent as se, useModel as Se, computed as C, unref as e, openBlock as i, createBlock as g, withCtx as a, createVNode as t, mergeModels as Fe, inject as gl, ref as W, watch as Ue, isRef as oe, createElementVNode as H, createElementBlock as G, Fragment as ee, createCommentVNode as M, createTextVNode as A, toDisplayString as x, renderList as ye, createSlots as De, onMounted as xl, reactive as _l, useTemplateRef as ml, normalizeClass as il } from "vue";
+import { useRoute as Re, useRouter as He } from "vue-router";
+import { useAdmin as ie, i18nKey as wl, useTranslate as ae, useErrorText as be, WxRowMenu as We, WxScreenHead as al, rowMenuWidth as kl, WxDate as Le, WxFilterChips as Vl, WxListScreen as vl, WxNotes as $l } from "@webx-ui/module-admin";
+import { useLocales as ke, WxLocales as Tl, WxRichText as ul, localizedValue as we, useModal as Xe, WxDialog as Ge, WxFormItem as X, WxSelect as fe, WxInput as le, WxText as Y, WxAction as xe, WxButton as te, WxIcon as _e, WxInputNumber as Ve, WxDatePicker as tl, WxTagsInput as Sl, WxCheckbox as he, WxSpace as Ie, toast as O, createModal as je, WxCard as ne, WxEmpty as Ye, WxSortableList as nl, WxBadge as $e, confirm as Ae, WxSwitch as fl, WxAlert as Ce, WxTable as bl, WxSkeleton as Ne, WxTabs as sl, WxTab as ge, WxActionBar as Cl, WxTextarea as Ul, WxRadioGroup as Al, WxCheckboxGroup as zl, useElementWidth as ql, WxEntityCard as Wl, WxAvatar as rl, WxTooltip as Nl, WxListDetail as Fl, WxIndicator as dl, WxDescriptions as cl, WxDescriptionsItem as Me, WxFileCard as Il, WxTimeline as El, WxTimelineItem as Pl } from "@webx-ui/core";
+const hl = /* @__PURE__ */ se({
   __name: "LocalizedRichText",
-  props: /* @__PURE__ */ Pe({
+  props: /* @__PURE__ */ Fe({
     placeholder: { default: void 0 },
     minHeight: { default: "160px" }
   }, {
@@ -12,100 +12,107 @@ const fl = /* @__PURE__ */ ne({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const s = Se(i, "modelValue"), u = i, v = we(), n = U(() => {
-      const f = v.active.value;
-      return v.list.value.some((T) => T.code === f) ? f : v.list.value[0]?.code ?? "";
-    }), c = U({
+  setup(s) {
+    const o = Se(s, "modelValue"), d = s, u = ke(), m = C(() => {
+      const n = u.active.value;
+      return u.list.value.some((V) => V.code === n) ? n : u.list.value[0]?.code ?? "";
+    }), T = C({
       get: () => {
-        const f = s.value;
-        return typeof f == "string" ? n.value === "" || n.value === v.list.value[0]?.code ? f : "" : f[n.value] ?? "";
+        const n = o.value;
+        return typeof n == "string" ? m.value === "" || m.value === u.list.value[0]?.code ? n : "" : n[m.value] ?? "";
       },
-      set: (f) => {
-        if (n.value === "") {
-          s.value = f;
+      set: (n) => {
+        if (m.value === "") {
+          o.value = n;
           return;
         }
-        const l = typeof s.value == "string" ? { [n.value]: s.value } : s.value;
-        s.value = { ...l, [n.value]: f };
+        const l = typeof o.value == "string" ? { [m.value]: o.value } : o.value;
+        o.value = { ...l, [m.value]: n };
       }
     });
-    return (f, l) => e(v).list.value.length > 0 ? (o(), w(e(wl), { key: 0 }, {
+    return (n, l) => e(u).list.value.length > 0 ? (i(), g(e(Tl), { key: 0 }, {
       default: a(() => [
-        t(e(ol), {
-          modelValue: c.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (T) => c.value = T),
-          placeholder: u.placeholder,
-          "min-height": u.minHeight
+        t(e(ul), {
+          modelValue: T.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (V) => T.value = V),
+          placeholder: d.placeholder,
+          "min-height": d.minHeight
         }, null, 8, ["modelValue", "placeholder", "min-height"])
       ]),
       _: 1
-    })) : (o(), w(e(ol), {
+    })) : (i(), g(e(ul), {
       key: 1,
-      modelValue: c.value,
-      "onUpdate:modelValue": l[1] || (l[1] = (T) => c.value = T),
-      placeholder: u.placeholder,
-      "min-height": u.minHeight
+      modelValue: T.value,
+      "onUpdate:modelValue": l[1] || (l[1] = (V) => T.value = V),
+      placeholder: d.placeholder,
+      "min-height": d.minHeight
     }, null, 8, ["modelValue", "placeholder", "min-height"]));
   }
-});
-function ce(i) {
-  const s = `${i.apiPath}/inbox`, u = (n) => n.data, v = () => {
-  };
+}), Oe = /* @__PURE__ */ new WeakMap();
+function ce(s) {
+  const o = `${s.apiPath}/inbox`, d = (n) => n.data, u = () => {
+  }, m = (n) => (Oe.delete(s.http), n);
+  function T() {
+    const n = Oe.get(s.http);
+    if (n !== void 0)
+      return n.then((V) => [...V]);
+    const l = s.http.get(`${o}/statuses`).then(d);
+    return Oe.set(s.http, l), l.catch(() => Oe.delete(s.http)), l.then((V) => [...V]);
+  }
   return {
-    forms: () => i.http.get(`${s}/forms`).then(u),
-    form: (n) => i.http.get(`${s}/forms/${n}`).then(u),
-    createForm: (n) => i.http.post(`${s}/forms`, n).then(u),
-    saveForm: (n, c) => i.http.put(`${s}/forms/${n}`, c).then(u),
-    removeForm: (n) => i.http.delete(`${s}/forms/${n}`).then(v),
-    duplicateForm: (n) => i.http.post(`${s}/forms/${n}/duplicate`, {}).then(u),
-    sortForms: (n) => i.http.post(`${s}/forms/sorting`, { ids: n }).then(v),
-    fields: (n) => i.http.get(`${s}/forms/${n}/fields`).then(u),
-    createField: (n, c) => i.http.post(`${s}/forms/${n}/fields`, c).then(u),
-    saveField: (n, c) => i.http.put(`${s}/fields/${n}`, c).then(u),
-    removeField: (n) => i.http.delete(`${s}/fields/${n}`).then(v),
-    sortFields: (n, c) => i.http.post(`${s}/forms/${n}/fields/sorting`, { ids: c }).then(v),
-    statuses: () => i.http.get(`${s}/statuses`).then(u),
-    createStatus: (n) => i.http.post(`${s}/statuses`, n).then(u),
-    saveStatus: (n, c) => i.http.put(`${s}/statuses/${n}`, c).then(u),
-    removeStatus: (n) => i.http.delete(`${s}/statuses/${n}`).then(v),
-    sortStatuses: (n) => i.http.post(`${s}/statuses/sorting`, { ids: n }).then(v),
-    recipients: () => i.http.get(`${s}/recipients`).then(u),
-    submissions: (n, c = {}) => i.http.get(`${s}/forms/${n}/submissions`, { query: el(c) }).then((f) => ({
-      ...f.meta,
-      data: f.data,
-      columns: f.columns,
-      counts: f.counts,
+    forms: () => s.http.get(`${o}/forms`).then(d),
+    form: (n) => s.http.get(`${o}/forms/${n}`).then(d),
+    createForm: (n) => s.http.post(`${o}/forms`, n).then(d),
+    saveForm: (n, l) => s.http.put(`${o}/forms/${n}`, l).then(d),
+    removeForm: (n) => s.http.delete(`${o}/forms/${n}`).then(u),
+    duplicateForm: (n) => s.http.post(`${o}/forms/${n}/duplicate`, {}).then(d),
+    sortForms: (n) => s.http.post(`${o}/forms/sorting`, { ids: n }).then(u),
+    fields: (n) => s.http.get(`${o}/forms/${n}/fields`).then(d),
+    createField: (n, l) => s.http.post(`${o}/forms/${n}/fields`, l).then(d),
+    saveField: (n, l) => s.http.put(`${o}/fields/${n}`, l).then(d),
+    removeField: (n) => s.http.delete(`${o}/fields/${n}`).then(u),
+    sortFields: (n, l) => s.http.post(`${o}/forms/${n}/fields/sorting`, { ids: l }).then(u),
+    statuses: T,
+    createStatus: (n) => s.http.post(`${o}/statuses`, n).then(d).then(m),
+    saveStatus: (n, l) => s.http.put(`${o}/statuses/${n}`, l).then(d).then(m),
+    removeStatus: (n) => s.http.delete(`${o}/statuses/${n}`).then(u).then(m),
+    sortStatuses: (n) => s.http.post(`${o}/statuses/sorting`, { ids: n }).then(u).then(m),
+    recipients: () => s.http.get(`${o}/recipients`).then(d),
+    submissions: (n, l = {}) => s.http.get(`${o}/forms/${n}/submissions`, { query: ll(l) }).then((V) => ({
+      ...V.meta,
+      data: V.data,
+      columns: V.columns,
+      counts: V.counts,
       // Optional on the wire: a server from before placements answers without them.
-      placements: f.placements ?? []
+      placements: V.placements ?? []
     })),
-    submission: (n, c = {}) => i.http.get(`${s}/submissions/${n}`, { query: el(c) }).then(u),
-    createSubmission: (n, c) => i.http.post(`${s}/forms/${n}/submissions`, { fields: c }).then(u),
-    saveSubmission: (n, c) => i.http.put(`${s}/submissions/${n}`, c).then(u),
-    removeSubmission: (n) => i.http.delete(`${s}/submissions/${n}`).then(v),
-    notifySubmission: (n) => i.http.post(`${s}/submissions/${n}/notify`).then(u),
-    massSubmissions: (n) => i.http.post(`${s}/submissions/mass`, n).then(u),
-    exportUrl: (n, c = {}) => {
-      const f = new URLSearchParams();
-      for (const [T, p] of Object.entries(el(c)))
-        p != null && p !== "" && f.set(T, String(p));
-      const l = f.toString();
-      return `${s}/forms/${n}/submissions/export${l === "" ? "" : `?${l}`}`;
+    submission: (n, l = {}) => s.http.get(`${o}/submissions/${n}`, { query: ll(l) }).then(d),
+    createSubmission: (n, l) => s.http.post(`${o}/forms/${n}/submissions`, { fields: l }).then(d),
+    saveSubmission: (n, l) => s.http.put(`${o}/submissions/${n}`, l).then(d),
+    removeSubmission: (n) => s.http.delete(`${o}/submissions/${n}`).then(u),
+    notifySubmission: (n) => s.http.post(`${o}/submissions/${n}/notify`).then(d),
+    massSubmissions: (n) => s.http.post(`${o}/submissions/mass`, n).then(d),
+    exportUrl: (n, l = {}) => {
+      const V = new URLSearchParams();
+      for (const [p, U] of Object.entries(ll(l)))
+        U != null && U !== "" && V.set(p, String(U));
+      const b = V.toString();
+      return `${o}/forms/${n}/submissions/export${b === "" ? "" : `?${b}`}`;
     }
   };
 }
-function el(i) {
+function ll(s) {
   return {
-    view: i.view === void 0 || i.view === "" ? void 0 : i.view,
-    search: i.search === void 0 || i.search === "" ? void 0 : i.search,
-    assignee: i.assignee ?? void 0,
-    placement: i.placement ?? void 0,
-    sort: i.sort ?? void 0,
-    page: i.page,
-    per_page: i.per_page
+    view: s.view === void 0 || s.view === "" ? void 0 : s.view,
+    search: s.search === void 0 || s.search === "" ? void 0 : s.search,
+    assignee: s.assignee ?? void 0,
+    placement: s.placement ?? void 0,
+    sort: s.sort ?? void 0,
+    page: s.page,
+    per_page: s.per_page
   };
 }
-const Nl = {
+const Ml = {
   module: {
     title: "Inbox"
   },
@@ -129,6 +136,7 @@ const Nl = {
     duplicated: "A copy was made.",
     failed: "Some values were not accepted. Check the highlighted fields.",
     "reorder-failed": "The new order could not be saved.",
+    reorder: "Reorder",
     "new-form-title": "New form",
     title: "Title",
     slug: "Address",
@@ -164,14 +172,24 @@ const Nl = {
     throttle: "Sends a minute from one address",
     "throttle-help": "Zero switches the limit off.",
     captcha: "Captcha",
-    "captcha-help": "The keys belong to the site and are set in its settings, not here.",
+    "captcha-keys": "The keys are not set in the panel but in the site’s .env: WEBX_INBOX_RECAPTCHA_KEY / WEBX_INBOX_RECAPTCHA_SECRET for reCAPTCHA, WEBX_INBOX_TURNSTILE_KEY / WEBX_INBOX_TURNSTILE_SECRET for Turnstile.",
     "captcha-off": "Off",
     "captcha-recaptcha": "reCAPTCHA",
     "captcha-turnstile": "Turnstile",
+    "captcha-unconfigured": "The site has no keys for this captcha yet, so the form refuses every submission until they are in its .env.",
+    "captcha-recaptcha-checkbox": "This site draws reCAPTCHA as the “I’m not a robot” checkbox, so its keys must be v2 Checkbox keys. To run it invisibly, create v2 Invisible keys and set WEBX_INBOX_RECAPTCHA_TYPE=invisible.",
+    "captcha-recaptcha-invisible": "This site runs reCAPTCHA invisibly when the form is sent, so its keys must be v2 Invisible keys (WEBX_INBOX_RECAPTCHA_TYPE=invisible).",
+    "captcha-recaptcha-v3": "This site runs reCAPTCHA v3: no widget, only a score checked when the form is sent, so its keys must be v3 keys (WEBX_INBOX_RECAPTCHA_TYPE=v3).",
+    "captcha-turnstile-checkbox": "This site draws Turnstile when the page opens, and a Managed widget shows visitors “Verify you are human”. To run it invisibly, set WEBX_INBOX_TURNSTILE_MODE=invisible and the widget mode to Invisible in Cloudflare.",
+    "captcha-turnstile-invisible": "This site runs Turnstile invisibly when the form is sent. Set the widget mode to Invisible in Cloudflare: a Managed widget still shows a challenge when it decides one is needed.",
     "embed-blade": "On a page of the site",
     "embed-blade-help": "Put the tag where the form belongs. The markup is published and rewritten by the site.",
     "embed-block": "In the block builder",
     "embed-block-help": "A block type prints the same tag, so an editor drops the form in without touching a template.",
+    "embed-block-panel-help": "On this site block templates are written in the panel, in Blocks: put the same tag into the template of a block there.",
+    "embed-extras": "Filled in and placed",
+    "embed-extras-help": ":values fills the hidden fields by their name; placement names where the form stands, so the submission remembers it and the site can style each place.",
+    loading: "Loading…",
     "embed-names": "Names of the fields",
     "embed-names-help": "A hidden field is filled in by the page: the address it was sent from, a product, a campaign.",
     copy: "Copy",
@@ -265,7 +283,8 @@ const Nl = {
     "notify-recipient-delivered": "sent",
     "notify-recipient-failed": "failed",
     "event-notify-queued": "The notification was queued",
-    "event-notify-failed": "The notification to :to failed"
+    "event-notify-failed": "The notification to :to failed",
+    "event-value": "Answer “:field” corrected: “:from” → “:to”"
   },
   fields: {
     field: "Field",
@@ -321,15 +340,22 @@ const Nl = {
     "type-file": "File",
     "type-hidden": "Hidden"
   }
-}, dl = /* @__PURE__ */ new WeakSet();
+}, pl = /* @__PURE__ */ new WeakSet();
 function pe() {
   try {
-    const { i18n: i } = ie();
-    dl.has(i) || (i.defaults("webx-inbox", Nl), dl.add(i));
+    const { i18n: s } = ie();
+    pl.has(s) || (s.defaults("webx-inbox", Ml), pl.add(s));
   } catch {
   }
 }
-const Il = [
+function ol() {
+  const s = gl(wl, null), o = ke();
+  return (d) => {
+    const u = s?.state.locale;
+    return (u === void 0 ? void 0 : d.title[u]) || we(d.title, o.active.value, d.key);
+  };
+}
+const Ol = [
   "text",
   "email",
   "tel",
@@ -341,108 +367,108 @@ const Il = [
   "date",
   "file",
   "hidden"
-], Dl = ["default", "primary", "success", "warning", "info", "danger"], Ml = { class: "wx-inbox-field-form" }, Ll = { class: "wx-inbox-field-form__row" }, Ol = {
+], Bl = ["default", "primary", "success", "warning", "info", "danger"], Dl = { class: "wx-inbox-field-form" }, Ll = { class: "wx-inbox-field-form__row" }, Rl = {
   key: 2,
   class: "wx-inbox-choices"
-}, El = { class: "wx-inbox-field-form__row" }, Pl = { class: "wx-inbox-field-form__checks" }, Rl = /* @__PURE__ */ ne({
+}, Hl = { class: "wx-inbox-field-form__row" }, Xl = { class: "wx-inbox-field-form__checks" }, Gl = /* @__PURE__ */ se({
   __name: "FieldDialog",
   props: {
     field: {},
     form: {}
   },
-  setup(i) {
-    const s = i, { resolve: u, dismiss: v, open: n } = He(), c = ie(), f = ce(c);
+  setup(s) {
+    const o = s, { resolve: d, dismiss: u, open: m } = Xe(), T = ie(), n = ce(T);
     pe();
-    const l = ae("webx-inbox"), T = ye(), p = q(!1), d = q({}), D = q(""), C = q("text"), z = q({}), b = q({}), F = q({}), m = q({}), $ = q(!0), h = q(!1), I = q(!0), x = q(!1);
-    Te(
-      () => s.field,
-      (W) => {
-        D.value = W?.name ?? "", C.value = W?.type ?? "text", z.value = { ...W?.title ?? {} }, b.value = { ...W?.placeholder ?? {} }, F.value = { ...W?.help ?? {} }, m.value = { ...W?.options ?? {} }, $.value = W?.is_enabled ?? !0, h.value = W?.is_required ?? !1, I.value = W?.is_fullsize ?? !0, x.value = W?.in_table ?? !1, d.value = {};
+    const l = ae("webx-inbox"), V = be(), b = W(!1), p = W({}), U = W(""), _ = W("text"), $ = W({}), c = W({}), N = W({}), v = W({}), y = W(!0), S = W(!1), z = W(!0), q = W(!1);
+    Ue(
+      () => o.field,
+      (I) => {
+        U.value = I?.name ?? "", _.value = I?.type ?? "text", $.value = { ...I?.title ?? {} }, c.value = { ...I?.placeholder ?? {} }, N.value = { ...I?.help ?? {} }, v.value = { ...I?.options ?? {} }, y.value = I?.is_enabled ?? !0, S.value = I?.is_required ?? !1, z.value = I?.is_fullsize ?? !0, q.value = I?.in_table ?? !1, p.value = {};
       },
       { immediate: !0 }
     );
-    const P = U(
-      () => Il.map((W) => ({ value: W, label: l(`fields.type-${W}`) }))
-    ), j = U(() => ["select", "radio", "checkbox"].includes(C.value)), R = U(
-      () => Array.isArray(m.value.choices) ? m.value.choices : []
-    ), B = U({
-      get: () => Array.isArray(m.value.extensions) ? m.value.extensions : [],
-      set: (W) => r(
+    const D = C(
+      () => Ol.map((I) => ({ value: I, label: l(`fields.type-${I}`) }))
+    ), j = C(() => ["select", "radio", "checkbox"].includes(_.value)), L = C(
+      () => Array.isArray(v.value.choices) ? v.value.choices : []
+    ), R = C({
+      get: () => Array.isArray(v.value.extensions) ? v.value.extensions : [],
+      set: (I) => r(
         "extensions",
-        W.map((k) => k.replace(/^\./, ""))
+        I.map((w) => w.replace(/^\./, ""))
       )
     });
-    function r(W, k) {
-      m.value = { ...m.value, [W]: k };
+    function r(I, w) {
+      v.value = { ...v.value, [I]: w };
     }
-    function O() {
-      r("choices", [...R.value, { value: "", label: {} }]);
+    function B() {
+      r("choices", [...L.value, { value: "", label: {} }]);
     }
-    function J(W) {
+    function Q(I) {
       r(
         "choices",
-        R.value.filter((k, g) => g !== W)
+        L.value.filter((w, h) => h !== I)
       );
     }
-    function me(W, k) {
+    function me(I, w) {
       r(
         "choices",
-        R.value.map((g, re) => re === W ? { ...g, ...k } : g)
+        L.value.map((h, re) => re === I ? { ...h, ...w } : h)
       );
     }
-    function A(W) {
-      return d.value[W]?.[0];
-    }
-    async function X() {
-      p.value = !0, d.value = {};
-      const W = {
-        name: D.value.trim() === "" ? null : D.value.trim(),
-        type: C.value,
-        title: z.value,
-        placeholder: b.value,
-        help: F.value,
-        options: m.value,
-        is_enabled: $.value,
-        is_required: h.value,
-        is_fullsize: I.value,
-        in_table: x.value
+    function F(I) {
+      return p.value[I]?.[0];
+    }
+    async function J() {
+      b.value = !0, p.value = {};
+      const I = {
+        name: U.value.trim() === "" ? null : U.value.trim(),
+        type: _.value,
+        title: $.value,
+        placeholder: c.value,
+        help: N.value,
+        options: v.value,
+        is_enabled: y.value,
+        is_required: S.value,
+        is_fullsize: z.value,
+        in_table: q.value
       };
       try {
-        u(
-          s.field === null ? await f.createField(s.form.id, W) : await f.saveField(s.field.id, W)
+        d(
+          o.field === null ? await n.createField(o.form.id, I) : await n.saveField(o.field.id, I)
         );
-      } catch (k) {
-        const g = k.body;
-        g?.errors ? (d.value = g.errors, L.danger(l("panel.failed"))) : L.danger(T(k));
+      } catch (w) {
+        const h = w.body;
+        h?.errors ? (p.value = h.errors, O.danger(l("panel.failed"))) : O.danger(V(w));
       } finally {
-        p.value = !1;
+        b.value = !1;
       }
     }
-    return (W, k) => (o(), w(e(Ge), {
-      open: e(n),
-      "onUpdate:open": k[21] || (k[21] = (g) => se(n) ? n.value = g : null),
-      title: i.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
+    return (I, w) => (i(), g(e(Ge), {
+      open: e(m),
+      "onUpdate:open": w[21] || (w[21] = (h) => oe(m) ? m.value = h : null),
+      title: s.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
       width: 720
     }, {
       footer: a(() => [
-        t(e(Ae), { size: "sm" }, {
+        t(e(Ie), { size: "sm" }, {
           default: a(() => [
             t(e(te), {
               variant: "outline",
-              onClick: k[20] || (k[20] = (g) => e(v)())
+              onClick: w[20] || (w[20] = (h) => e(u)())
             }, {
               default: a(() => [
-                S(V(e(l)("fields.cancel")), 1)
+                A(x(e(l)("fields.cancel")), 1)
               ]),
               _: 1
             }),
             t(e(te), {
               type: "primary",
-              loading: p.value,
-              onClick: X
+              loading: b.value,
+              onClick: J
             }, {
               default: a(() => [
-                S(V(e(l)("fields.save")), 1)
+                A(x(e(l)("fields.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -451,292 +477,302 @@ const Il = [
         })
       ]),
       default: a(() => [
-        K("div", Ml, [
-          K("div", Ll, [
-            t(e(H), {
+        H("div", Dl, [
+          H("div", Ll, [
+            t(e(X), {
               label: e(l)("fields.type")
             }, {
               default: a(() => [
                 t(e(fe), {
-                  modelValue: C.value,
-                  "onUpdate:modelValue": k[0] || (k[0] = (g) => C.value = g),
-                  options: P.value
+                  modelValue: _.value,
+                  "onUpdate:modelValue": w[0] || (w[0] = (h) => _.value = h),
+                  options: D.value
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            t(e(H), {
+            t(e(X), {
               label: e(l)("fields.name"),
               help: e(l)("fields.name-help"),
-              error: A("name")
+              error: F("name")
             }, {
               default: a(() => [
                 t(e(le), {
-                  modelValue: D.value,
-                  "onUpdate:modelValue": k[1] || (k[1] = (g) => D.value = g),
+                  modelValue: U.value,
+                  "onUpdate:modelValue": w[1] || (w[1] = (h) => U.value = h),
                   placeholder: "email"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "help", "error"])
           ]),
-          t(e(H), {
+          t(e(X), {
             label: e(l)("fields.title"),
-            error: A("title"),
+            error: F("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: z.value,
-                "onUpdate:modelValue": k[2] || (k[2] = (g) => z.value = g),
+                modelValue: $.value,
+                "onUpdate:modelValue": w[2] || (w[2] = (h) => $.value = h),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          C.value !== "hidden" ? (o(), G(ee, { key: 0 }, [
-            C.value !== "consent" ? (o(), w(e(H), {
+          _.value !== "hidden" ? (i(), G(ee, { key: 0 }, [
+            _.value !== "consent" ? (i(), g(e(X), {
               key: 0,
               label: e(l)("fields.placeholder")
             }, {
               default: a(() => [
                 t(e(le), {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": k[3] || (k[3] = (g) => b.value = g),
+                  modelValue: c.value,
+                  "onUpdate:modelValue": w[3] || (w[3] = (h) => c.value = h),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
-            }, 8, ["label"])) : E("", !0),
-            t(e(H), {
+            }, 8, ["label"])) : M("", !0),
+            t(e(X), {
               label: e(l)("fields.help")
             }, {
               default: a(() => [
                 t(e(le), {
-                  modelValue: F.value,
-                  "onUpdate:modelValue": k[4] || (k[4] = (g) => F.value = g),
+                  modelValue: N.value,
+                  "onUpdate:modelValue": w[4] || (w[4] = (h) => N.value = h),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label"])
-          ], 64)) : E("", !0),
-          C.value === "consent" ? (o(), w(e(H), {
+          ], 64)) : M("", !0),
+          _.value === "consent" ? (i(), g(e(X), {
             key: 1,
             label: e(l)("fields.consent-text"),
             help: e(l)("fields.consent-text-help")
           }, {
             default: a(() => [
-              t(fl, {
-                "model-value": m.value.text ?? {},
+              t(hl, {
+                "model-value": v.value.text ?? {},
                 "min-height": "100px",
-                "onUpdate:modelValue": k[5] || (k[5] = (g) => r("text", g))
+                "onUpdate:modelValue": w[5] || (w[5] = (h) => r("text", h))
               }, null, 8, ["model-value"])
             ]),
             _: 1
-          }, 8, ["label", "help"])) : E("", !0),
-          j.value ? (o(), G("div", Ol, [
-            t(e(Q), {
+          }, 8, ["label", "help"])) : M("", !0),
+          j.value ? (i(), G("div", Rl, [
+            t(e(Y), {
               size: "sm",
               weight: "medium"
             }, {
               default: a(() => [
-                S(V(e(l)("fields.choices")), 1)
+                A(x(e(l)("fields.choices")), 1)
               ]),
               _: 1
             }),
-            R.value.length === 0 ? (o(), w(e(Q), {
+            L.value.length === 0 ? (i(), g(e(Y), {
               key: 0,
               size: "sm",
               tone: "placeholder"
             }, {
               default: a(() => [
-                S(V(e(l)("fields.no-choices")), 1)
+                A(x(e(l)("fields.no-choices")), 1)
               ]),
               _: 1
-            })) : E("", !0),
-            (o(!0), G(ee, null, ge(R.value, (g, re) => (o(), G("div", {
+            })) : M("", !0),
+            (i(!0), G(ee, null, ye(L.value, (h, re) => (i(), G("div", {
               key: re,
               class: "wx-inbox-choices__row"
             }, [
               t(e(le), {
-                "model-value": g.value,
+                "model-value": h.value,
                 placeholder: e(l)("fields.choice-value"),
                 "onUpdate:modelValue": (de) => me(re, { value: String(de) })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
               t(e(le), {
-                "model-value": g.label,
+                "model-value": h.label,
                 localized: "",
                 placeholder: e(l)("fields.choice-label"),
                 "onUpdate:modelValue": (de) => me(re, { label: de })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              t(e($e), {
+              t(e(xe), {
                 icon: "trash",
                 title: e(l)("fields.delete"),
-                onClick: (de) => J(re)
+                onClick: (de) => Q(re)
               }, null, 8, ["title", "onClick"])
             ]))), 128)),
             t(e(te), {
               variant: "outline",
               size: "sm",
-              onClick: O
+              onClick: B
             }, {
               icon: a(() => [
                 t(e(_e), { name: "plus" })
               ]),
               default: a(() => [
-                S(" " + V(e(l)("fields.add-choice")), 1)
+                A(" " + x(e(l)("fields.add-choice")), 1)
               ]),
               _: 1
-            })
-          ])) : E("", !0),
-          K("div", El, [
-            C.value === "textarea" ? (o(), w(e(H), {
+            }),
+            F("options.choices") ? (i(), g(e(Y), {
+              key: 1,
+              size: "sm",
+              tone: "danger"
+            }, {
+              default: a(() => [
+                A(x(F("options.choices")), 1)
+              ]),
+              _: 1
+            })) : M("", !0)
+          ])) : M("", !0),
+          H("div", Hl, [
+            _.value === "textarea" ? (i(), g(e(X), {
               key: 0,
               label: e(l)("fields.rows")
             }, {
               default: a(() => [
                 t(e(Ve), {
-                  "model-value": m.value.rows ?? 5,
+                  "model-value": v.value.rows ?? 5,
                   min: 2,
                   max: 30,
-                  "onUpdate:modelValue": k[6] || (k[6] = (g) => r("rows", g))
+                  "onUpdate:modelValue": w[6] || (w[6] = (h) => r("rows", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : E("", !0),
-            ["text", "email", "textarea"].includes(C.value) ? (o(), w(e(H), {
+            }, 8, ["label"])) : M("", !0),
+            ["text", "email", "textarea"].includes(_.value) ? (i(), g(e(X), {
               key: 1,
               label: e(l)("fields.maxlength")
             }, {
               default: a(() => [
                 t(e(Ve), {
-                  "model-value": m.value.maxlength ?? null,
+                  "model-value": v.value.maxlength ?? null,
                   min: 1,
                   max: 2e4,
-                  "onUpdate:modelValue": k[7] || (k[7] = (g) => r("maxlength", g))
+                  "onUpdate:modelValue": w[7] || (w[7] = (h) => r("maxlength", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : E("", !0),
-            C.value === "tel" ? (o(), w(e(H), {
+            }, 8, ["label"])) : M("", !0),
+            _.value === "tel" ? (i(), g(e(X), {
               key: 2,
               label: e(l)("fields.pattern"),
               help: e(l)("fields.pattern-help")
             }, {
               default: a(() => [
                 t(e(le), {
-                  "model-value": m.value.pattern ?? "",
-                  "onUpdate:modelValue": k[8] || (k[8] = (g) => r("pattern", g))
+                  "model-value": v.value.pattern ?? "",
+                  "onUpdate:modelValue": w[8] || (w[8] = (h) => r("pattern", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label", "help"])) : E("", !0),
-            C.value === "date" ? (o(), G(ee, { key: 3 }, [
-              t(e(H), {
+            }, 8, ["label", "help"])) : M("", !0),
+            _.value === "date" ? (i(), G(ee, { key: 3 }, [
+              t(e(X), {
                 label: e(l)("fields.earliest")
               }, {
                 default: a(() => [
-                  t(e(ll), {
+                  t(e(tl), {
                     clearable: "",
-                    "model-value": m.value.min ?? null,
-                    "onUpdate:modelValue": k[9] || (k[9] = (g) => r("min", g))
+                    "model-value": v.value.min ?? null,
+                    "onUpdate:modelValue": w[9] || (w[9] = (h) => r("min", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              t(e(H), {
+              t(e(X), {
                 label: e(l)("fields.latest")
               }, {
                 default: a(() => [
-                  t(e(ll), {
+                  t(e(tl), {
                     clearable: "",
-                    "model-value": m.value.max ?? null,
-                    "onUpdate:modelValue": k[10] || (k[10] = (g) => r("max", g))
+                    "model-value": v.value.max ?? null,
+                    "onUpdate:modelValue": w[10] || (w[10] = (h) => r("max", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : E("", !0),
-            C.value === "checkbox" ? (o(), G(ee, { key: 4 }, [
-              t(e(H), {
+            ], 64)) : M("", !0),
+            _.value === "checkbox" ? (i(), G(ee, { key: 4 }, [
+              t(e(X), {
                 label: e(l)("fields.min-choices")
               }, {
                 default: a(() => [
                   t(e(Ve), {
-                    "model-value": m.value.min ?? null,
+                    "model-value": v.value.min ?? null,
                     min: 0,
-                    "onUpdate:modelValue": k[11] || (k[11] = (g) => r("min", g))
+                    "onUpdate:modelValue": w[11] || (w[11] = (h) => r("min", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              t(e(H), {
+              t(e(X), {
                 label: e(l)("fields.max-choices")
               }, {
                 default: a(() => [
                   t(e(Ve), {
-                    "model-value": m.value.max ?? null,
+                    "model-value": v.value.max ?? null,
                     min: 0,
-                    "onUpdate:modelValue": k[12] || (k[12] = (g) => r("max", g))
+                    "onUpdate:modelValue": w[12] || (w[12] = (h) => r("max", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : E("", !0),
-            C.value === "file" ? (o(), w(e(H), {
+            ], 64)) : M("", !0),
+            _.value === "file" ? (i(), g(e(X), {
               key: 5,
               label: e(l)("fields.max-size")
             }, {
               default: a(() => [
                 t(e(Ve), {
-                  "model-value": m.value.max_size ?? null,
+                  "model-value": v.value.max_size ?? null,
                   min: 1,
-                  "onUpdate:modelValue": k[13] || (k[13] = (g) => r("max_size", g))
+                  "onUpdate:modelValue": w[13] || (w[13] = (h) => r("max_size", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : E("", !0)
+            }, 8, ["label"])) : M("", !0)
           ]),
-          C.value === "file" ? (o(), G(ee, { key: 3 }, [
-            t(e(H), {
+          _.value === "file" ? (i(), G(ee, { key: 3 }, [
+            t(e(X), {
               label: e(l)("fields.extensions"),
               help: e(l)("fields.extensions-help")
             }, {
               default: a(() => [
-                t(e(kl), {
-                  modelValue: B.value,
-                  "onUpdate:modelValue": k[14] || (k[14] = (g) => B.value = g)
+                t(e(Sl), {
+                  modelValue: R.value,
+                  "onUpdate:modelValue": w[14] || (w[14] = (h) => R.value = h)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "help"]),
             t(e(he), {
-              "model-value": !!m.value.multiple,
+              "model-value": !!v.value.multiple,
               label: e(l)("fields.multiple"),
-              "onUpdate:modelValue": k[15] || (k[15] = (g) => r("multiple", g))
+              "onUpdate:modelValue": w[15] || (w[15] = (h) => r("multiple", h))
             }, null, 8, ["model-value", "label"])
-          ], 64)) : E("", !0),
-          K("div", Pl, [
+          ], 64)) : M("", !0),
+          H("div", Xl, [
             t(e(he), {
-              modelValue: $.value,
-              "onUpdate:modelValue": k[16] || (k[16] = (g) => $.value = g),
+              modelValue: y.value,
+              "onUpdate:modelValue": w[16] || (w[16] = (h) => y.value = h),
               label: e(l)("fields.is-enabled")
             }, null, 8, ["modelValue", "label"]),
             t(e(he), {
-              modelValue: h.value,
-              "onUpdate:modelValue": k[17] || (k[17] = (g) => h.value = g),
+              modelValue: S.value,
+              "onUpdate:modelValue": w[17] || (w[17] = (h) => S.value = h),
               label: e(l)("fields.is-required")
             }, null, 8, ["modelValue", "label"]),
-            C.value !== "hidden" ? (o(), w(e(he), {
+            _.value !== "hidden" ? (i(), g(e(he), {
               key: 0,
-              modelValue: I.value,
-              "onUpdate:modelValue": k[18] || (k[18] = (g) => I.value = g),
+              modelValue: z.value,
+              "onUpdate:modelValue": w[18] || (w[18] = (h) => z.value = h),
               label: e(l)("fields.is-fullsize")
-            }, null, 8, ["modelValue", "label"])) : E("", !0),
+            }, null, 8, ["modelValue", "label"])) : M("", !0),
             t(e(he), {
-              modelValue: x.value,
-              "onUpdate:modelValue": k[19] || (k[19] = (g) => x.value = g),
+              modelValue: q.value,
+              "onUpdate:modelValue": w[19] || (w[19] = (h) => q.value = h),
               label: e(l)("fields.in-table")
             }, null, 8, ["modelValue", "label"])
           ])
@@ -745,14 +781,14 @@ const Il = [
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ue = (i, s) => {
-  const u = i.__vccOpts || i;
-  for (const [v, n] of s)
-    u[v] = n;
-  return u;
-}, Bl = /* @__PURE__ */ ue(Rl, [["__scopeId", "data-v-6696bbc1"]]), Hl = { class: "wx-inbox-field" }, Gl = { class: "wx-inbox-field__name" }, jl = /* @__PURE__ */ ne({
+}), ue = (s, o) => {
+  const d = s.__vccOpts || s;
+  for (const [u, m] of o)
+    d[u] = m;
+  return d;
+}, jl = /* @__PURE__ */ ue(Gl, [["__scopeId", "data-v-a3de6c60"]]), Yl = { class: "wx-inbox-field" }, Kl = { class: "wx-inbox-field__name" }, Zl = /* @__PURE__ */ se({
   __name: "FieldList",
-  props: /* @__PURE__ */ Pe({
+  props: /* @__PURE__ */ Fe({
     form: {},
     canManage: { type: Boolean }
   }, {
@@ -760,144 +796,145 @@ const Il = [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const s = i, u = Se(i, "modelValue"), v = ie(), n = ce(v), c = we();
+  setup(s) {
+    const o = s, d = Se(s, "modelValue"), u = ie(), m = ce(u), T = ke();
     pe();
-    const f = ae("webx-inbox"), l = ye(), T = je(Bl);
-    function p(m) {
-      return be(m.title, c.active.value, m.key);
+    const n = ae("webx-inbox"), l = be(), V = je(jl);
+    function b(v) {
+      return we(v.title, T.active.value, v.key);
     }
-    function d(m) {
+    function p(v) {
       return [
-        f(`fields.type-${m.type}`),
-        ...m.is_required ? [f("fields.is-required")] : [],
-        ...m.in_table ? [f("fields.in-table")] : [],
-        ...m.is_fullsize ? [] : [f("fields.is-fullsize")]
+        n(`fields.type-${v.type}`),
+        ...v.is_required ? [n("fields.is-required")] : [],
+        ...v.in_table ? [n("fields.in-table")] : [],
+        ...v.is_fullsize ? [] : [n("fields.is-fullsize")]
       ];
     }
-    const D = U(() => u.value.length === 0);
-    async function C(m) {
-      const $ = await T({ field: m, form: s.form });
-      $ && (u.value = m === null ? [...u.value, $] : u.value.map((h) => h.id === $.id ? $ : h));
-    }
-    async function z(m) {
-      if (await Ce({
-        title: f("fields.delete-title", { field: p(m) }),
-        message: f("fields.delete-text"),
-        confirmText: f("fields.delete"),
-        cancelText: f("fields.cancel"),
+    const U = C(() => d.value.length === 0);
+    async function _(v) {
+      const y = await V({ field: v, form: o.form });
+      y && (d.value = v === null ? [...d.value, y] : d.value.map((S) => S.id === y.id ? y : S));
+    }
+    async function $(v) {
+      if (await Ae({
+        title: n("fields.delete-title", { field: b(v) }),
+        message: n("fields.delete-text"),
+        confirmText: n("fields.delete"),
+        cancelText: n("fields.cancel"),
         tone: "danger"
       }))
         try {
-          await n.removeField(m.id), u.value = u.value.filter((h) => h.id !== m.id), L.success(f("panel.deleted"));
-        } catch (h) {
-          L.danger(l(h));
+          await m.removeField(v.id), d.value = d.value.filter((S) => S.id !== v.id), O.success(n("panel.deleted"));
+        } catch (S) {
+          O.danger(l(S));
         }
     }
-    function b(m) {
-      return s.canManage ? [
-        { key: "edit", icon: "edit", label: f("fields.edit"), run: () => {
-          C(m);
+    function c(v) {
+      return o.canManage ? [
+        { key: "edit", icon: "edit", label: n("fields.edit"), run: () => {
+          _(v);
         } },
         {
           key: "delete",
           icon: "trash",
-          label: f("fields.delete"),
+          label: n("fields.delete"),
           danger: !0,
           run: () => {
-            z(m);
+            $(v);
           }
         }
       ] : [];
     }
-    async function F() {
+    async function N() {
       try {
-        await n.sortFields(
-          s.form.id,
-          u.value.map((m) => m.id)
+        await m.sortFields(
+          o.form.id,
+          d.value.map((v) => v.id)
         );
-      } catch (m) {
-        L.danger(l(m, f("panel.reorder-failed")));
+      } catch (v) {
+        O.danger(l(v, n("panel.reorder-failed")));
       }
     }
-    return (m, $) => (o(), w(e(oe), {
-      title: e(f)("panel.tab-fields")
-    }, Oe({
+    return (v, y) => (i(), g(e(ne), {
+      title: e(n)("panel.tab-fields")
+    }, De({
       default: a(() => [
-        D.value ? (o(), w(e(Ke), {
+        U.value ? (i(), g(e(Ye), {
           key: 0,
-          title: e(f)("fields.no-fields"),
-          description: e(f)("fields.no-fields-help")
-        }, null, 8, ["title", "description"])) : (o(), w(e(al), {
+          title: e(n)("fields.no-fields"),
+          description: e(n)("fields.no-fields-help")
+        }, null, 8, ["title", "description"])) : (i(), g(e(nl), {
           key: 1,
-          modelValue: u.value,
-          "onUpdate:modelValue": $[1] || ($[1] = (h) => u.value = h),
+          modelValue: d.value,
+          "onUpdate:modelValue": y[1] || (y[1] = (S) => d.value = S),
           plain: "",
           "item-key": "id",
-          "item-label": p,
-          disabled: !i.canManage,
-          "aria-label": e(f)("panel.tab-fields"),
-          onMove: F
+          "item-label": b,
+          "drag-label": e(n)("panel.reorder"),
+          disabled: !s.canManage,
+          "aria-label": e(n)("panel.tab-fields"),
+          onMove: N
         }, {
-          default: a(({ item: h }) => [
-            K("div", Hl, [
-              K("div", Gl, [
-                t(e(Q), {
+          default: a(({ item: S }) => [
+            H("div", Yl, [
+              H("div", Kl, [
+                t(e(Y), {
                   weight: "medium",
                   truncate: ""
                 }, {
                   default: a(() => [
-                    S(V(p(h)), 1)
+                    A(x(b(S)), 1)
                   ]),
                   _: 2
                 }, 1024),
-                h.is_enabled ? E("", !0) : (o(), w(e(Ue), {
+                S.is_enabled ? M("", !0) : (i(), g(e($e), {
                   key: 0,
                   type: "default"
                 }, {
                   default: a(() => [
-                    S(V(e(f)("panel.off")), 1)
+                    A(x(e(n)("panel.off")), 1)
                   ]),
                   _: 1
                 }))
               ]),
-              t(e(Q), {
+              t(e(Y), {
                 size: "sm",
                 tone: "muted",
                 truncate: ""
               }, {
                 default: a(() => [
-                  K("code", null, "fields[" + V(h.key) + "]", 1),
-                  S(" · " + V(d(h).join(" · ")), 1)
+                  H("code", null, "fields[" + x(S.key) + "]", 1),
+                  A(" · " + x(p(S).join(" · ")), 1)
                 ]),
                 _: 2
               }, 1024)
             ])
           ]),
-          actions: a(({ item: h }) => [
-            t(e(ze), {
-              actions: b(h),
-              label: p(h)
+          actions: a(({ item: S }) => [
+            t(e(We), {
+              actions: c(S),
+              label: b(S)
             }, null, 8, ["actions", "label"])
           ]),
           _: 1
-        }, 8, ["modelValue", "disabled", "aria-label"]))
+        }, 8, ["modelValue", "drag-label", "disabled", "aria-label"]))
       ]),
       _: 2
     }, [
-      i.canManage ? {
+      s.canManage ? {
         name: "extra",
         fn: a(() => [
           t(e(te), {
             type: "primary",
             size: "sm",
-            onClick: $[0] || ($[0] = (h) => C(null))
+            onClick: y[0] || (y[0] = (S) => _(null))
           }, {
             icon: a(() => [
               t(e(_e), { name: "plus" })
             ]),
             default: a(() => [
-              S(" " + V(e(f)("fields.new-field")), 1)
+              A(" " + x(e(n)("fields.new-field")), 1)
             ]),
             _: 1
           })
@@ -906,197 +943,253 @@ const Il = [
       } : void 0
     ]), 1032, ["title"]));
   }
-}), Kl = /* @__PURE__ */ ue(jl, [["__scopeId", "data-v-60b85ad9"]]);
-function ve(i, s, u) {
-  return U({
-    get: () => i.value[s] ?? u,
-    set: (v) => {
-      const n = { ...i.value };
-      v === "" || v === null || v === void 0 ? delete n[s] : n[s] = v, i.value = n;
+}), Ql = /* @__PURE__ */ ue(Zl, [["__scopeId", "data-v-db38e823"]]);
+function ve(s, o, d) {
+  return C({
+    get: () => s.value[o] ?? d,
+    set: (u) => {
+      const m = { ...s.value };
+      u === "" || u === null || u === void 0 ? delete m[o] : m[o] = u, s.value = m;
     }
   });
 }
-const Yl = /* @__PURE__ */ ne({
+const Jl = /* @__PURE__ */ se({
   __name: "FormAntispam",
-  props: {
+  props: /* @__PURE__ */ Fe({
+    site: {}
+  }, {
     modelValue: { required: !0 },
     modelModifiers: {}
-  },
+  }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const s = Se(i, "modelValue"), u = ae("webx-inbox"), v = ve(s, "antispam.honeypot", !0), n = ve(s, "antispam.min_seconds", 3), c = ve(s, "antispam.throttle", 5), f = ve(s, "antispam.captcha", "off"), l = U(() => [
+  setup(s) {
+    const o = Se(s, "modelValue"), d = s, u = ae("webx-inbox"), m = ve(o, "antispam.honeypot", !0), T = ve(o, "antispam.min_seconds", 3), n = ve(o, "antispam.throttle", 5), l = ve(o, "antispam.captcha", "off"), V = C(() => [
       { value: "off", label: u("panel.captcha-off") },
       { value: "recaptcha", label: u("panel.captcha-recaptcha") },
       { value: "turnstile", label: u("panel.captcha-turnstile") }
-    ]);
-    return (T, p) => (o(), w(e(oe), null, {
+    ]), b = C(() => {
+      const U = l.value;
+      return U !== "recaptcha" && U !== "turnstile" ? null : { provider: U, site: d.site?.[U] ?? null };
+    }), p = C(() => {
+      const U = b.value?.site;
+      return U ? u(`panel.captcha-${b.value.provider}-${U.type}`) : null;
+    });
+    return (U, _) => (i(), g(e(ne), null, {
       default: a(() => [
-        t(e(H), {
+        t(e(X), {
           help: e(u)("panel.honeypot-help")
         }, {
           default: a(() => [
-            t(e(ml), {
-              modelValue: e(v),
-              "onUpdate:modelValue": p[0] || (p[0] = (d) => se(v) ? v.value = d : null),
+            t(e(fl), {
+              modelValue: e(m),
+              "onUpdate:modelValue": _[0] || (_[0] = ($) => oe(m) ? m.value = $ : null),
               label: e(u)("panel.honeypot")
             }, null, 8, ["modelValue", "label"])
           ]),
           _: 1
         }, 8, ["help"]),
-        t(e(H), {
+        t(e(X), {
           label: e(u)("panel.min-seconds"),
           help: e(u)("panel.min-seconds-help")
         }, {
           default: a(() => [
             t(e(Ve), {
-              modelValue: e(n),
-              "onUpdate:modelValue": p[1] || (p[1] = (d) => se(n) ? n.value = d : null),
+              modelValue: e(T),
+              "onUpdate:modelValue": _[1] || (_[1] = ($) => oe(T) ? T.value = $ : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        t(e(H), {
+        t(e(X), {
           label: e(u)("panel.throttle"),
           help: e(u)("panel.throttle-help")
         }, {
           default: a(() => [
             t(e(Ve), {
-              modelValue: e(c),
-              "onUpdate:modelValue": p[2] || (p[2] = (d) => se(c) ? c.value = d : null),
+              modelValue: e(n),
+              "onUpdate:modelValue": _[2] || (_[2] = ($) => oe(n) ? n.value = $ : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        t(e(H), {
+        t(e(X), {
           label: e(u)("panel.captcha"),
-          help: e(u)("panel.captcha-help")
+          help: e(u)("panel.captcha-keys")
         }, {
           default: a(() => [
             t(e(fe), {
-              modelValue: e(f),
-              "onUpdate:modelValue": p[3] || (p[3] = (d) => se(f) ? f.value = d : null),
-              options: l.value
+              modelValue: e(l),
+              "onUpdate:modelValue": _[3] || (_[3] = ($) => oe(l) ? l.value = $ : null),
+              options: V.value
             }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
-        }, 8, ["label", "help"])
+        }, 8, ["label", "help"]),
+        p.value ? (i(), g(e(Y), {
+          key: 0,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: a(() => [
+            A(x(p.value), 1)
+          ]),
+          _: 1
+        })) : M("", !0),
+        b.value?.site && !b.value.site.configured ? (i(), g(e(Ce), {
+          key: 1,
+          type: "warning",
+          variant: "soft",
+          closable: !1,
+          description: e(u)("panel.captcha-unconfigured")
+        }, null, 8, ["description"])) : M("", !0)
       ]),
       _: 1
     }));
   }
-}), Zl = { class: "wx-inbox-embed" }, Ql = { class: "wx-inbox-embed__snippet" }, Jl = { class: "wx-inbox-embed__snippet" }, Xl = /* @__PURE__ */ ne({
+}), et = { class: "wx-inbox-embed" }, lt = { class: "wx-inbox-embed__snippet" }, tt = { class: "wx-inbox-embed__snippet" }, at = { class: "wx-inbox-embed__snippet" }, nt = /* @__PURE__ */ se({
   __name: "FormEmbed",
   props: {
     form: {},
     slug: {},
     fields: {}
   },
-  setup(i) {
-    const s = i;
+  setup(s) {
+    const o = s;
     pe();
-    const u = ae("webx-inbox"), v = U(() => `<x-webx-inbox::form slug="${s.slug}" />`), n = U(
-      () => `{{-- resources/views/blocks/contact.blade.php --}}
-<x-webx-inbox::form slug="${s.slug}" />`
-    ), c = U(() => [
-      { key: "key", label: u("fields.name") },
-      { key: "title", label: u("fields.title") },
-      { key: "type", label: u("fields.type"), hideBelow: 520 }
-    ]), f = U(() => s.fields.filter((T) => T.is_enabled));
-    async function l(T) {
+    const d = ae("webx-inbox"), u = ie(), m = C(
+      () => u.state.manifest?.modules.some((_) => _.id === "blocks") ?? !1
+    ), T = C(() => `<x-webx-inbox::form slug="${o.slug}" />`), n = C(
+      () => m.value ? T.value : `{{-- resources/views/blocks/contact.blade.php --}}
+<x-webx-inbox::form slug="${o.slug}" />`
+    ), l = C(
+      () => o.fields.find((_) => _.type === "hidden" && _.is_enabled)?.key ?? "page"
+    ), V = C(
+      () => `<x-webx-inbox::form slug="${o.slug}" :values="['${l.value}' => url()->current()]" />
+<x-webx-inbox::form slug="${o.slug}" placement="footer" />`
+    ), b = C(() => [
+      { key: "key", label: d("fields.name") },
+      { key: "title", label: d("fields.title") },
+      { key: "type", label: d("fields.type"), hideBelow: 520 }
+    ]), p = C(() => o.fields.filter((_) => _.is_enabled));
+    async function U(_) {
       try {
-        await navigator.clipboard.writeText(T), L.success(u("panel.copied"));
+        await navigator.clipboard.writeText(_), O.success(d("panel.copied"));
       } catch {
       }
     }
-    return (T, p) => (o(), G("div", Zl, [
-      t(e(oe), {
-        title: e(u)("panel.embed-blade")
+    return (_, $) => (i(), G("div", et, [
+      t(e(ne), {
+        title: e(d)("panel.embed-blade")
+      }, {
+        default: a(() => [
+          t(e(Y), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: a(() => [
+              A(x(e(d)("panel.embed-blade-help")), 1)
+            ]),
+            _: 1
+          }),
+          H("div", lt, [
+            H("code", null, x(T.value), 1),
+            t(e(xe), {
+              icon: "copy",
+              title: e(d)("panel.copy"),
+              onClick: $[0] || ($[0] = (c) => U(T.value))
+            }, null, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]),
+      t(e(ne), {
+        title: e(d)("panel.embed-block")
       }, {
         default: a(() => [
-          t(e(Q), {
+          t(e(Y), {
             size: "sm",
             tone: "muted"
           }, {
             default: a(() => [
-              S(V(e(u)("panel.embed-blade-help")), 1)
+              A(x(e(d)(m.value ? "panel.embed-block-panel-help" : "panel.embed-block-help")), 1)
             ]),
             _: 1
           }),
-          K("div", Ql, [
-            K("code", null, V(v.value), 1),
-            t(e($e), {
+          H("div", tt, [
+            H("code", null, x(n.value), 1),
+            t(e(xe), {
               icon: "copy",
-              title: e(u)("panel.copy"),
-              onClick: p[0] || (p[0] = (d) => l(v.value))
+              title: e(d)("panel.copy"),
+              onClick: $[1] || ($[1] = (c) => U(n.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
-      t(e(oe), {
-        title: e(u)("panel.embed-block")
+      t(e(ne), {
+        title: e(d)("panel.embed-extras")
       }, {
         default: a(() => [
-          t(e(Q), {
+          t(e(Y), {
             size: "sm",
             tone: "muted"
           }, {
             default: a(() => [
-              S(V(e(u)("panel.embed-block-help")), 1)
+              A(x(e(d)("panel.embed-extras-help")), 1)
             ]),
             _: 1
           }),
-          K("div", Jl, [
-            K("code", null, V(n.value), 1),
-            t(e($e), {
+          H("div", at, [
+            H("code", null, x(V.value), 1),
+            t(e(xe), {
               icon: "copy",
-              title: e(u)("panel.copy"),
-              onClick: p[1] || (p[1] = (d) => l(n.value))
+              title: e(d)("panel.copy"),
+              onClick: $[2] || ($[2] = (c) => U(V.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
-      t(e(oe), {
-        title: e(u)("panel.embed-names")
+      t(e(ne), {
+        title: e(d)("panel.embed-names")
       }, {
         default: a(() => [
-          t(e(Q), {
+          t(e(Y), {
             size: "sm",
             tone: "muted"
           }, {
             default: a(() => [
-              S(V(e(u)("panel.embed-names-help")), 1)
+              A(x(e(d)("panel.embed-names-help")), 1)
             ]),
             _: 1
           }),
-          t(e(vl), {
-            data: f.value,
-            columns: c.value,
+          t(e(bl), {
+            data: p.value,
+            columns: b.value,
             "row-key": "id",
             flush: "",
-            "empty-text": e(u)("fields.no-fields")
+            "empty-text": e(d)("fields.no-fields")
           }, {
-            "cell-key": a(({ row: d }) => [
-              t(e(Q), {
+            "cell-key": a(({ row: c }) => [
+              t(e(Y), {
                 mono: "",
                 size: "sm"
               }, {
                 default: a(() => [
-                  S("fields[" + V(d.key) + "]", 1)
+                  A("fields[" + x(c.key) + "]", 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-title": a(({ row: d }) => [
-              S(V(Object.values(d.title)[0] ?? d.key), 1)
+            "cell-title": a(({ row: c }) => [
+              A(x(Object.values(c.title)[0] ?? c.key), 1)
             ]),
-            "cell-type": a(({ row: d }) => [
-              S(V(e(u)(`fields.type-${d.type}`)), 1)
+            "cell-type": a(({ row: c }) => [
+              A(x(e(d)(`fields.type-${c.type}`)), 1)
             ]),
             _: 1
           }, 8, ["data", "columns", "empty-text"])
@@ -1105,9 +1198,9 @@ const Yl = /* @__PURE__ */ ne({
       }, 8, ["title"])
     ]));
   }
-}), et = /* @__PURE__ */ ue(Xl, [["__scopeId", "data-v-e415689b"]]), lt = { class: "wx-inbox-general" }, tt = /* @__PURE__ */ ne({
+}), st = /* @__PURE__ */ ue(nt, [["__scopeId", "data-v-7f9788ed"]]), ot = { class: "wx-inbox-general" }, it = /* @__PURE__ */ se({
   __name: "FormGeneral",
-  props: /* @__PURE__ */ Pe({
+  props: /* @__PURE__ */ Fe({
     errors: {}
   }, {
     settings: { required: !0 },
@@ -1116,51 +1209,51 @@ const Yl = /* @__PURE__ */ ne({
     optionsModifiers: {}
   }),
   emits: ["update:settings", "update:options"],
-  setup(i) {
-    const s = Se(
-      i,
+  setup(s) {
+    const o = Se(
+      s,
       "settings"
-    ), u = Se(i, "options"), v = ae("webx-inbox"), n = ve(u, "thank-you.heading", {}), c = ve(u, "thank-you.text", {}), f = ve(u, "design.submit-text", {}), l = ve(u, "redirect", "");
-    return (T, p) => (o(), G("div", lt, [
-      t(e(oe), null, {
+    ), d = Se(s, "options"), u = ae("webx-inbox"), m = ve(d, "thank-you.heading", {}), T = ve(d, "thank-you.text", {}), n = ve(d, "design.submit-text", {}), l = ve(d, "redirect", "");
+    return (V, b) => (i(), G("div", ot, [
+      t(e(ne), null, {
         default: a(() => [
-          t(e(H), {
-            label: e(v)("panel.title"),
-            error: i.errors.title?.[0],
+          t(e(X), {
+            label: e(u)("panel.title"),
+            error: s.errors.title?.[0],
             required: ""
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: s.value.title,
-                "onUpdate:modelValue": p[0] || (p[0] = (d) => s.value.title = d),
+                modelValue: o.value.title,
+                "onUpdate:modelValue": b[0] || (b[0] = (p) => o.value.title = p),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(H), {
-            label: e(v)("panel.slug"),
-            help: e(v)("panel.slug-help"),
-            error: i.errors.slug?.[0],
+          t(e(X), {
+            label: e(u)("panel.slug"),
+            help: e(u)("panel.slug-help"),
+            error: s.errors.slug?.[0],
             required: ""
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: s.value.slug,
-                "onUpdate:modelValue": p[1] || (p[1] = (d) => s.value.slug = d),
+                modelValue: o.value.slug,
+                "onUpdate:modelValue": b[1] || (b[1] = (p) => o.value.slug = p),
                 placeholder: "contact"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          t(e(H), {
-            help: e(v)("panel.is-enabled-help")
+          t(e(X), {
+            help: e(u)("panel.is-enabled-help")
           }, {
             default: a(() => [
-              t(e(ml), {
-                modelValue: s.value.is_enabled,
-                "onUpdate:modelValue": p[2] || (p[2] = (d) => s.value.is_enabled = d),
-                label: e(v)("panel.is-enabled")
+              t(e(fl), {
+                modelValue: o.value.is_enabled,
+                "onUpdate:modelValue": b[2] || (b[2] = (p) => o.value.is_enabled = p),
+                label: e(u)("panel.is-enabled")
               }, null, 8, ["modelValue", "label"])
             ]),
             _: 1
@@ -1168,53 +1261,53 @@ const Yl = /* @__PURE__ */ ne({
         ]),
         _: 1
       }),
-      t(e(oe), {
-        title: e(v)("panel.after-sending")
+      t(e(ne), {
+        title: e(u)("panel.after-sending")
       }, {
         default: a(() => [
-          t(e(H), {
-            label: e(v)("panel.submit-text")
+          t(e(X), {
+            label: e(u)("panel.submit-text")
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: e(f),
-                "onUpdate:modelValue": p[3] || (p[3] = (d) => se(f) ? f.value = d : null),
+                modelValue: e(n),
+                "onUpdate:modelValue": b[3] || (b[3] = (p) => oe(n) ? n.value = p : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
-          t(e(H), {
-            label: e(v)("panel.thank-you-heading")
+          t(e(X), {
+            label: e(u)("panel.thank-you-heading")
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: e(n),
-                "onUpdate:modelValue": p[4] || (p[4] = (d) => se(n) ? n.value = d : null),
+                modelValue: e(m),
+                "onUpdate:modelValue": b[4] || (b[4] = (p) => oe(m) ? m.value = p : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
-          t(e(H), {
-            label: e(v)("panel.thank-you-text")
+          t(e(X), {
+            label: e(u)("panel.thank-you-text")
           }, {
             default: a(() => [
-              t(fl, {
-                modelValue: e(c),
-                "onUpdate:modelValue": p[5] || (p[5] = (d) => se(c) ? c.value = d : null)
+              t(hl, {
+                modelValue: e(T),
+                "onUpdate:modelValue": b[5] || (b[5] = (p) => oe(T) ? T.value = p : null)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
-          t(e(H), {
-            label: e(v)("panel.redirect"),
-            help: e(v)("panel.redirect-help")
+          t(e(X), {
+            label: e(u)("panel.redirect"),
+            help: e(u)("panel.redirect-help")
           }, {
             default: a(() => [
               t(e(le), {
                 modelValue: e(l),
-                "onUpdate:modelValue": p[6] || (p[6] = (d) => se(l) ? l.value = d : null),
+                "onUpdate:modelValue": b[6] || (b[6] = (p) => oe(l) ? l.value = p : null),
                 placeholder: "/thank-you"
               }, null, 8, ["modelValue"])
             ]),
@@ -1225,21 +1318,21 @@ const Yl = /* @__PURE__ */ ne({
       }, 8, ["title"])
     ]));
   }
-}), at = /* @__PURE__ */ ue(tt, [["__scopeId", "data-v-1932aefe"]]), nt = /^[^\s@]+@[^\s@]+$/;
-function Le(i) {
-  return "admin_id" in i;
+}), ut = /* @__PURE__ */ ue(it, [["__scopeId", "data-v-1932aefe"]]), rt = /^[^\s@]+@[^\s@]+$/;
+function Be(s) {
+  return "admin_id" in s;
 }
-function bl(i, s = []) {
-  return Le(i) ? s.find(
-    (v) => v.type === "admin" && v.admin_id === i.admin_id
-  )?.problem ?? null : nt.test((i.email ?? "").trim()) ? null : "invalid_email";
+function yl(s, o = []) {
+  return Be(s) ? o.find(
+    (u) => u.type === "admin" && u.admin_id === s.admin_id
+  )?.problem ?? null : rt.test((s.email ?? "").trim()) ? null : "invalid_email";
 }
-function st(i, s = []) {
-  return (i ?? []).some((u) => bl(u, s) === null);
+function dt(s, o = []) {
+  return (s ?? []).some((d) => yl(d, o) === null);
 }
-const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients__row" }, ut = /* @__PURE__ */ ne({
+const ct = { class: "wx-inbox-recipients" }, pt = { class: "wx-inbox-recipients__row" }, mt = /* @__PURE__ */ se({
   __name: "FormNotifications",
-  props: /* @__PURE__ */ Pe({
+  props: /* @__PURE__ */ Fe({
     fields: {},
     errors: {},
     reported: {}
@@ -1248,236 +1341,237 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const s = i, u = Se(i, "modelValue"), v = ie(), n = ce(v), c = ae("webx-inbox"), f = q([]), l = ve(u, "recipients", []), T = ve(u, "email_field", "");
-    yl(async () => {
+  setup(s) {
+    const o = s, d = Se(s, "modelValue"), u = ie(), m = ce(u), T = ae("webx-inbox"), n = W([]), l = ve(d, "recipients", []), V = ve(d, "email_field", "");
+    xl(async () => {
       try {
-        f.value = await n.recipients();
+        n.value = await m.recipients();
       } catch {
       }
     });
-    const p = U(
-      () => f.value.map((m) => ({ value: m.id, label: `${m.name} · ${m.email}` }))
-    ), d = U(() => [
-      { value: "", label: c("panel.no-email-field") },
-      ...s.fields.filter((m) => m.type === "email").map((m) => ({ value: m.key, label: m.key }))
+    const b = C(
+      () => n.value.map((v) => ({ value: v.id, label: `${v.name} · ${v.email}` }))
+    ), p = C(() => [
+      { value: "", label: T("panel.no-email-field") },
+      ...o.fields.filter((v) => v.type === "email").map((v) => ({ value: v.key, label: v.key }))
     ]);
-    function D(m) {
-      if (!Le(m)) return null;
-      const $ = bl(m, s.reported);
-      return $ === null ? null : c(`panel.recipient-${$}`);
-    }
-    function C(m) {
-      l.value = [...l.value, m];
-    }
-    async function z(m) {
-      const $ = l.value[m];
-      $ !== void 0 && (Le($) || ($.email ?? "").trim() !== "") && !await Ce({
-        title: c("panel.remove-recipient-title"),
-        message: c("panel.remove-recipient-text"),
-        confirmText: c("panel.remove"),
-        cancelText: c("panel.cancel"),
+    function U(v) {
+      if (!Be(v)) return null;
+      const y = yl(v, o.reported);
+      return y === null ? null : T(`panel.recipient-${y}`);
+    }
+    function _(v) {
+      l.value = [...l.value, v];
+    }
+    async function $(v) {
+      const y = l.value[v];
+      y !== void 0 && (Be(y) || (y.email ?? "").trim() !== "") && !await Ae({
+        title: T("panel.remove-recipient-title"),
+        message: T("panel.remove-recipient-text"),
+        confirmText: T("panel.remove"),
+        cancelText: T("panel.cancel"),
         tone: "danger"
-      }) || (l.value = l.value.filter((I, x) => x !== m));
+      }) || (l.value = l.value.filter((z, q) => q !== v));
     }
-    function b(m, $) {
-      l.value = l.value.map((h, I) => I === m ? { admin_id: $ } : h);
+    function c(v, y) {
+      l.value = l.value.map((S, z) => z === v ? { admin_id: y } : S);
     }
-    function F(m, $) {
-      l.value = l.value.map((h, I) => I === m ? { email: $ } : h);
+    function N(v, y) {
+      l.value = l.value.map((S, z) => z === v ? { email: y } : S);
     }
-    return (m, $) => (o(), w(e(oe), {
-      title: e(c)("panel.recipients")
+    return (v, y) => (i(), g(e(ne), {
+      title: e(T)("panel.recipients")
     }, {
       default: a(() => [
-        t(e(Q), {
+        t(e(Y), {
           size: "sm",
           tone: "muted"
         }, {
           default: a(() => [
-            S(V(e(c)("panel.recipients-help")), 1)
+            A(x(e(T)("panel.recipients-help")), 1)
           ]),
           _: 1
         }),
-        i.errors["options.recipients"] ? (o(), w(e(Fe), {
+        s.errors["options.recipients"] ? (i(), g(e(Ce), {
           key: 0,
           type: "danger",
           variant: "soft",
-          description: i.errors["options.recipients"]?.[0]
-        }, null, 8, ["description"])) : E("", !0),
-        K("div", ot, [
-          e(l).length === 0 ? (o(), w(e(Q), {
+          description: s.errors["options.recipients"]?.[0]
+        }, null, 8, ["description"])) : M("", !0),
+        H("div", ct, [
+          e(l).length === 0 ? (i(), g(e(Y), {
             key: 0,
             size: "sm",
             tone: "placeholder"
           }, {
             default: a(() => [
-              S(V(e(c)("panel.no-recipients")), 1)
+              A(x(e(T)("panel.no-recipients")), 1)
             ]),
             _: 1
-          })) : E("", !0),
-          (o(!0), G(ee, null, ge(e(l), (h, I) => (o(), G("div", {
-            key: I,
+          })) : M("", !0),
+          (i(!0), G(ee, null, ye(e(l), (S, z) => (i(), G("div", {
+            key: z,
             class: "wx-inbox-recipients__item"
           }, [
-            K("div", it, [
-              e(Le)(h) ? (o(), w(e(fe), {
+            H("div", pt, [
+              e(Be)(S) ? (i(), g(e(fe), {
                 key: 0,
-                "model-value": h.admin_id,
-                options: p.value,
-                "onUpdate:modelValue": (x) => b(I, Number(x))
-              }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (o(), w(e(le), {
+                "model-value": S.admin_id,
+                options: b.value,
+                "onUpdate:modelValue": (q) => c(z, Number(q))
+              }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (i(), g(e(le), {
                 key: 1,
-                "model-value": h.email,
+                "model-value": S.email,
                 type: "email",
                 placeholder: "sales@example.com",
-                "onUpdate:modelValue": (x) => F(I, String(x))
+                "onUpdate:modelValue": (q) => N(z, String(q))
               }, null, 8, ["model-value", "onUpdate:modelValue"])),
-              t(e($e), {
+              t(e(xe), {
                 icon: "trash",
                 tone: "danger",
-                title: e(c)("panel.remove"),
-                onClick: (x) => z(I)
+                title: e(T)("panel.remove"),
+                onClick: (q) => $(z)
               }, null, 8, ["title", "onClick"])
             ]),
-            D(h) ? (o(), w(e(Q), {
+            U(S) ? (i(), g(e(Y), {
               key: 0,
               size: "sm",
               tone: "danger"
             }, {
               default: a(() => [
-                S(V(D(h)), 1)
+                A(x(U(S)), 1)
               ]),
               _: 2
-            }, 1024)) : E("", !0)
+            }, 1024)) : M("", !0)
           ]))), 128))
         ]),
-        t(e(Ae), { size: "sm" }, {
+        t(e(Ie), { size: "sm" }, {
           default: a(() => [
             t(e(te), {
               variant: "outline",
               icon: "user",
-              disabled: p.value.length === 0,
-              onClick: $[0] || ($[0] = (h) => C({ admin_id: Number(p.value[0]?.value) }))
+              disabled: b.value.length === 0,
+              onClick: y[0] || (y[0] = (S) => _({ admin_id: Number(b.value[0]?.value) }))
             }, {
               default: a(() => [
-                S(V(e(c)("panel.add-admin")), 1)
+                A(x(e(T)("panel.add-admin")), 1)
               ]),
               _: 1
             }, 8, ["disabled"]),
             t(e(te), {
               variant: "outline",
-              onClick: $[1] || ($[1] = (h) => C({ email: "" }))
+              onClick: y[1] || (y[1] = (S) => _({ email: "" }))
             }, {
               icon: a(() => [
                 t(e(_e), { name: "mail" })
               ]),
               default: a(() => [
-                S(" " + V(e(c)("panel.add-email")), 1)
+                A(" " + x(e(T)("panel.add-email")), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
         }),
-        t(e(H), {
-          label: e(c)("panel.email-field"),
-          help: e(c)("panel.email-field-help")
+        t(e(X), {
+          label: e(T)("panel.email-field"),
+          help: e(T)("panel.email-field-help"),
+          error: s.errors["options.email_field"]?.[0]
         }, {
           default: a(() => [
             t(e(fe), {
-              modelValue: e(T),
-              "onUpdate:modelValue": $[2] || ($[2] = (h) => se(T) ? T.value = h : null),
-              options: d.value
+              modelValue: e(V),
+              "onUpdate:modelValue": y[2] || (y[2] = (S) => oe(V) ? V.value = S : null),
+              options: p.value
             }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
-        }, 8, ["label", "help"])
+        }, 8, ["label", "help", "error"])
       ]),
       _: 1
     }, 8, ["title"]));
   }
-}), rt = /* @__PURE__ */ ue(ut, [["__scopeId", "data-v-2ce96844"]]), dt = { class: "wx-inbox-editor" }, ct = /* @__PURE__ */ ne({
+}), vt = /* @__PURE__ */ ue(mt, [["__scopeId", "data-v-caf2e49f"]]), ft = { class: "wx-inbox-editor" }, bt = /* @__PURE__ */ se({
   __name: "FormEditorPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const s = i, u = ie(), v = ce(u), n = Re(), c = Be(), f = we();
+  setup(s) {
+    const o = s, d = ie(), u = ce(d), m = Re(), T = He(), n = ke();
     pe();
-    const l = ae("webx-inbox"), T = ye(), p = q(null), d = q([]), D = q(!0), C = q(!1), z = q({});
-    let b = hl({
+    const l = ae("webx-inbox"), V = be(), b = W(null), p = W([]), U = W(!0), _ = W(!1), $ = W({});
+    let c = _l({
       slug: "",
       title: {},
       is_enabled: !0
     });
-    const F = q({}), $ = q(["general", "fields", "notifications", "antispam", "embed"].includes(String(n.query.tab)) ? String(n.query.tab) : "general"), h = U(
-      () => b.is_enabled && !st(F.value.recipients, p.value?.recipients)
-    ), I = U(() => u.can("inbox.manage")), x = U(() => Number(n.params.id)), P = U(
-      () => p.value === null ? "" : be(b.title, f.active.value, b.slug)
-    ), j = U(() => `${s.base}?form=${x.value}`);
-    async function R() {
-      D.value = !0;
+    const N = W({}), y = W(["general", "fields", "notifications", "antispam", "embed"].includes(String(m.query.tab)) ? String(m.query.tab) : "general"), S = C(
+      () => c.is_enabled && !dt(N.value.recipients, b.value?.recipients)
+    ), z = C(() => d.can("inbox.manage")), q = C(() => Number(m.params.id)), D = C(
+      () => b.value === null ? "" : we(c.title, n.active.value, c.slug)
+    ), j = C(() => `${o.base}?form=${q.value}`);
+    async function L() {
+      U.value = !0;
       try {
-        const r = await v.form(x.value);
-        p.value = r, d.value = r.fields ?? [], b.slug = r.slug, b.title = { ...r.title }, b.is_enabled = r.is_enabled, F.value = { ...r.options };
+        const r = await u.form(q.value);
+        b.value = r, p.value = r.fields ?? [], c.slug = r.slug, c.title = { ...r.title }, c.is_enabled = r.is_enabled, N.value = { ...r.options };
       } catch (r) {
-        L.danger(T(r)), c.replace(s.base);
+        O.danger(V(r)), T.replace(o.base);
       } finally {
-        D.value = !1;
+        U.value = !1;
       }
     }
-    Te(x, () => {
-      R();
+    Ue(q, () => {
+      L();
     }, { immediate: !0 });
-    async function B() {
-      C.value = !0, z.value = {};
+    async function R() {
+      _.value = !0, $.value = {};
       try {
-        const r = await v.saveForm(x.value, {
-          slug: b.slug.trim(),
-          title: b.title,
-          is_enabled: b.is_enabled,
-          options: F.value
+        const r = await u.saveForm(q.value, {
+          slug: c.slug.trim(),
+          title: c.title,
+          is_enabled: c.is_enabled,
+          options: N.value
         });
-        p.value = r, L.success(l("panel.saved"));
+        b.value = r, O.success(l("panel.saved"));
       } catch (r) {
-        const O = r.body;
-        O?.errors ? (z.value = O.errors, L.danger(l("panel.failed"))) : L.danger(T(r));
+        const B = r.body;
+        B?.errors ? ($.value = B.errors, O.danger(l("panel.failed"))) : O.danger(V(r));
       } finally {
-        C.value = !1;
+        _.value = !1;
       }
     }
-    return (r, O) => (o(), G("div", dt, [
-      D.value ? (o(), w(e(oe), { key: 0 }, {
+    return (r, B) => (i(), G("div", ft, [
+      U.value ? (i(), g(e(ne), { key: 0 }, {
         default: a(() => [
-          t(e(We), {
+          t(e(Ne), {
             title: "",
             rows: 8
           })
         ]),
         _: 1
-      })) : p.value ? (o(), G(ee, { key: 1 }, [
-        t(e(tl), {
+      })) : b.value ? (i(), G(ee, { key: 1 }, [
+        t(e(al), {
           class: "wx-inbox-editor__head",
-          title: P.value,
-          subtitle: p.value.slug,
+          title: D.value,
+          subtitle: b.value.slug,
           back: j.value,
           "back-label": e(l)("panel.forms")
         }, {
           "title-after": a(() => [
-            e(b).is_enabled ? E("", !0) : (o(), w(e(Ue), {
+            e(c).is_enabled ? M("", !0) : (i(), g(e($e), {
               key: 0,
               type: "default"
             }, {
               default: a(() => [
-                S(V(e(l)("panel.off")), 1)
+                A(x(e(l)("panel.off")), 1)
               ]),
               _: 1
             }))
           ]),
           _: 1
         }, 8, ["title", "subtitle", "back", "back-label"]),
-        h.value ? (o(), w(e(Fe), {
+        S.value ? (i(), g(e(Ce), {
           key: 0,
           class: "wx-inbox-editor__silent",
           type: "warning",
@@ -1485,79 +1579,80 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
           closable: !1,
           title: e(l)("panel.notifies-nobody"),
           description: e(l)("panel.notifies-nobody-text")
-        }, null, 8, ["title", "description"])) : E("", !0),
-        t(e(nl), {
-          modelValue: $.value,
-          "onUpdate:modelValue": O[5] || (O[5] = (J) => $.value = J),
+        }, null, 8, ["title", "description"])) : M("", !0),
+        t(e(sl), {
+          modelValue: y.value,
+          "onUpdate:modelValue": B[5] || (B[5] = (Q) => y.value = Q),
           class: "wx-inbox-editor__tabs",
           "keep-alive": ""
         }, {
           default: a(() => [
-            t(e(xe), {
+            t(e(ge), {
               value: "general",
               label: e(l)("panel.tab-general")
             }, {
               default: a(() => [
-                t(at, {
-                  settings: e(b),
-                  "onUpdate:settings": O[0] || (O[0] = (J) => se(b) ? b.value = J : b = J),
-                  options: F.value,
-                  "onUpdate:options": O[1] || (O[1] = (J) => F.value = J),
-                  errors: z.value
+                t(ut, {
+                  settings: e(c),
+                  "onUpdate:settings": B[0] || (B[0] = (Q) => oe(c) ? c.value = Q : c = Q),
+                  options: N.value,
+                  "onUpdate:options": B[1] || (B[1] = (Q) => N.value = Q),
+                  errors: $.value
                 }, null, 8, ["settings", "options", "errors"])
               ]),
               _: 1
             }, 8, ["label"]),
-            t(e(xe), {
+            t(e(ge), {
               value: "fields",
               label: e(l)("panel.tab-fields")
             }, {
               default: a(() => [
-                t(Kl, {
-                  modelValue: d.value,
-                  "onUpdate:modelValue": O[2] || (O[2] = (J) => d.value = J),
-                  form: p.value,
-                  "can-manage": I.value
+                t(Ql, {
+                  modelValue: p.value,
+                  "onUpdate:modelValue": B[2] || (B[2] = (Q) => p.value = Q),
+                  form: b.value,
+                  "can-manage": z.value
                 }, null, 8, ["modelValue", "form", "can-manage"])
               ]),
               _: 1
             }, 8, ["label"]),
-            t(e(xe), {
+            t(e(ge), {
               value: "notifications",
               label: e(l)("panel.tab-notifications")
             }, {
               default: a(() => [
-                t(rt, {
-                  modelValue: F.value,
-                  "onUpdate:modelValue": O[3] || (O[3] = (J) => F.value = J),
-                  fields: d.value,
-                  errors: z.value,
-                  reported: p.value.recipients
+                t(vt, {
+                  modelValue: N.value,
+                  "onUpdate:modelValue": B[3] || (B[3] = (Q) => N.value = Q),
+                  fields: p.value,
+                  errors: $.value,
+                  reported: b.value.recipients
                 }, null, 8, ["modelValue", "fields", "errors", "reported"])
               ]),
               _: 1
             }, 8, ["label"]),
-            t(e(xe), {
+            t(e(ge), {
               value: "antispam",
               label: e(l)("panel.tab-antispam")
             }, {
               default: a(() => [
-                t(Yl, {
-                  modelValue: F.value,
-                  "onUpdate:modelValue": O[4] || (O[4] = (J) => F.value = J)
-                }, null, 8, ["modelValue"])
+                t(Jl, {
+                  modelValue: N.value,
+                  "onUpdate:modelValue": B[4] || (B[4] = (Q) => N.value = Q),
+                  site: b.value.captcha
+                }, null, 8, ["modelValue", "site"])
               ]),
               _: 1
             }, 8, ["label"]),
-            t(e(xe), {
+            t(e(ge), {
               value: "embed",
               label: e(l)("panel.tab-embed")
             }, {
               default: a(() => [
-                t(et, {
-                  form: p.value,
-                  slug: e(b).slug,
-                  fields: d.value
+                t(st, {
+                  form: b.value,
+                  slug: e(c).slug,
+                  fields: p.value
                 }, null, 8, ["form", "slug", "fields"])
               ]),
               _: 1
@@ -1565,76 +1660,76 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        I.value ? (o(), w(e(Vl), { key: 1 }, {
+        z.value ? (i(), g(e(Cl), { key: 1 }, {
           default: a(() => [
             t(e(te), {
               type: "primary",
-              loading: C.value,
-              onClick: B
+              loading: _.value,
+              onClick: R
             }, {
               default: a(() => [
-                S(V(e(l)("panel.save")), 1)
+                A(x(e(l)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
           ]),
           _: 1
-        })) : E("", !0)
-      ], 64)) : E("", !0)
+        })) : M("", !0)
+      ], 64)) : M("", !0)
     ]));
   }
-}), pt = /* @__PURE__ */ ue(ct, [["__scopeId", "data-v-8e53184e"]]), mt = { class: "wx-inbox-create" }, vt = /* @__PURE__ */ ne({
+}), ht = /* @__PURE__ */ ue(bt, [["__scopeId", "data-v-f7f9e6f4"]]), yt = { class: "wx-inbox-create" }, gt = /* @__PURE__ */ se({
   __name: "FormCreateDialog",
-  setup(i) {
-    const { resolve: s, dismiss: u, open: v } = He(), n = ie(), c = ce(n);
+  setup(s) {
+    const { resolve: o, dismiss: d, open: u } = Xe(), m = ie(), T = ce(m);
     pe();
-    const f = ae("webx-inbox"), l = ye(), T = q({}), p = q(""), d = q(!1), D = q({});
-    function C(b) {
-      return D.value[b]?.[0];
+    const n = ae("webx-inbox"), l = be(), V = W({}), b = W(""), p = W(!1), U = W({});
+    function _(c) {
+      return U.value[c]?.[0];
     }
-    async function z() {
-      d.value = !0, D.value = {};
+    async function $() {
+      p.value = !0, U.value = {};
       try {
-        s(
-          await c.createForm({
-            title: T.value,
-            slug: p.value.trim(),
+        o(
+          await T.createForm({
+            title: V.value,
+            slug: b.value.trim(),
             is_enabled: !0,
             options: {}
           })
         );
-      } catch (b) {
-        const F = b.body;
-        F?.errors ? (D.value = F.errors, L.danger(f("panel.failed"))) : L.danger(l(b));
+      } catch (c) {
+        const N = c.body;
+        N?.errors ? (U.value = N.errors, O.danger(n("panel.failed"))) : O.danger(l(c));
       } finally {
-        d.value = !1;
+        p.value = !1;
       }
     }
-    return (b, F) => (o(), w(e(Ge), {
-      open: e(v),
-      "onUpdate:open": F[3] || (F[3] = (m) => se(v) ? v.value = m : null),
-      title: e(f)("panel.new-form-title"),
+    return (c, N) => (i(), g(e(Ge), {
+      open: e(u),
+      "onUpdate:open": N[3] || (N[3] = (v) => oe(u) ? u.value = v : null),
+      title: e(n)("panel.new-form-title"),
       width: 520
     }, {
       footer: a(() => [
-        t(e(Ae), { size: "sm" }, {
+        t(e(Ie), { size: "sm" }, {
           default: a(() => [
             t(e(te), {
               variant: "outline",
-              onClick: F[2] || (F[2] = (m) => e(u)())
+              onClick: N[2] || (N[2] = (v) => e(d)())
             }, {
               default: a(() => [
-                S(V(e(f)("panel.cancel")), 1)
+                A(x(e(n)("panel.cancel")), 1)
               ]),
               _: 1
             }),
             t(e(te), {
               type: "primary",
-              loading: d.value,
-              onClick: z
+              loading: p.value,
+              onClick: $
             }, {
               default: a(() => [
-                S(V(e(f)("panel.save")), 1)
+                A(x(e(n)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -1643,31 +1738,31 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
         })
       ]),
       default: a(() => [
-        K("div", mt, [
-          t(e(H), {
-            label: e(f)("panel.title"),
-            error: C("title"),
+        H("div", yt, [
+          t(e(X), {
+            label: e(n)("panel.title"),
+            error: _("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: T.value,
-                "onUpdate:modelValue": F[0] || (F[0] = (m) => T.value = m),
+                modelValue: V.value,
+                "onUpdate:modelValue": N[0] || (N[0] = (v) => V.value = v),
                 localized: "",
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(H), {
-            label: e(f)("panel.slug"),
-            help: e(f)("panel.slug-help"),
-            error: C("slug")
+          t(e(X), {
+            label: e(n)("panel.slug"),
+            help: e(n)("panel.slug-help"),
+            error: _("slug")
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: p.value,
-                "onUpdate:modelValue": F[1] || (F[1] = (m) => p.value = m),
+                modelValue: b.value,
+                "onUpdate:modelValue": N[1] || (N[1] = (v) => b.value = v),
                 placeholder: "contact"
               }, null, 8, ["modelValue"])
             ]),
@@ -1678,84 +1773,84 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ft = /* @__PURE__ */ ue(vt, [["__scopeId", "data-v-55fb40d8"]]), bt = { class: "wx-inbox-by-hand" }, yt = /* @__PURE__ */ ne({
+}), xt = /* @__PURE__ */ ue(gt, [["__scopeId", "data-v-55fb40d8"]]), _t = { class: "wx-inbox-by-hand" }, wt = /* @__PURE__ */ se({
   __name: "SubmissionCreateDialog",
   props: {
     form: {}
   },
-  setup(i) {
-    const s = i, { resolve: u, dismiss: v, open: n } = He(), c = ie(), f = ce(c), l = we();
+  setup(s) {
+    const o = s, { resolve: d, dismiss: u, open: m } = Xe(), T = ie(), n = ce(T), l = ke();
     pe();
-    const T = ae("webx-inbox"), p = ye(), d = q([]), D = q(!0), C = q(!1), z = q({}), b = q({}), F = U(() => d.value.filter((R) => R.type !== "file")), m = U(() => d.value.some((R) => R.type === "file"));
-    function $(R) {
-      return b.value[`fields.${R.key}`]?.[0];
+    const V = ae("webx-inbox"), b = be(), p = W([]), U = W(!0), _ = W(!1), $ = W({}), c = W({}), N = C(() => p.value.filter((L) => L.type !== "file")), v = C(() => p.value.some((L) => L.type === "file"));
+    function y(L) {
+      return c.value[`fields.${L.key}`]?.[0];
     }
-    function h(R) {
-      return be(R.title, l.active.value, R.key);
+    function S(L) {
+      return we(L.title, l.active.value, L.key);
     }
-    function I(R, B = "") {
-      return be(
-        R,
+    function z(L, R = "") {
+      return we(
+        L,
         l.active.value,
-        B
+        R
       );
     }
-    function x(R) {
-      return (R.options.choices ?? []).map((B) => ({
-        value: B.value,
-        label: I(B.label, B.value)
+    function q(L) {
+      return (L.options.choices ?? []).map((R) => ({
+        value: R.value,
+        label: z(R.label, R.value)
       }));
     }
-    async function P() {
+    async function D() {
       try {
-        const R = await f.form(s.form.id);
-        d.value = (R.fields ?? []).filter((B) => B.is_enabled);
-        for (const B of d.value)
-          z.value[B.key] = B.type === "checkbox" ? [] : B.type === "consent" ? !1 : "";
-      } catch (R) {
-        L.danger(p(R));
+        const L = await n.form(o.form.id);
+        p.value = (L.fields ?? []).filter((R) => R.is_enabled);
+        for (const R of p.value)
+          $.value[R.key] = R.type === "checkbox" ? [] : R.type === "consent" ? !1 : "";
+      } catch (L) {
+        O.danger(b(L));
       } finally {
-        D.value = !1;
+        U.value = !1;
       }
     }
-    P();
+    D();
     async function j() {
-      C.value = !0, b.value = {};
+      _.value = !0, c.value = {};
       try {
-        u(await f.createSubmission(s.form.id, z.value));
-      } catch (R) {
-        const B = R.body;
-        B?.errors ? (b.value = B.errors, L.danger(T("panel.failed"))) : L.danger(p(R));
+        d(await n.createSubmission(o.form.id, $.value));
+      } catch (L) {
+        const R = L.body;
+        R?.errors ? (c.value = R.errors, O.danger(V("panel.failed"))) : O.danger(b(L));
       } finally {
-        C.value = !1;
+        _.value = !1;
       }
     }
-    return (R, B) => (o(), w(e(Ge), {
-      open: e(n),
-      "onUpdate:open": B[1] || (B[1] = (r) => se(n) ? n.value = r : null),
-      title: e(T)("panel.new-submission-title"),
+    return (L, R) => (i(), g(e(Ge), {
+      open: e(m),
+      "onUpdate:open": R[1] || (R[1] = (r) => oe(m) ? m.value = r : null),
+      title: e(V)("panel.new-submission-title"),
       width: 560
     }, {
       footer: a(() => [
-        t(e(Ae), { size: "sm" }, {
+        t(e(Ie), { size: "sm" }, {
           default: a(() => [
             t(e(te), {
               variant: "outline",
-              onClick: B[0] || (B[0] = (r) => e(v)())
+              onClick: R[0] || (R[0] = (r) => e(u)())
             }, {
               default: a(() => [
-                S(V(e(T)("panel.cancel")), 1)
+                A(x(e(V)("panel.cancel")), 1)
               ]),
               _: 1
             }),
             t(e(te), {
               type: "primary",
-              loading: C.value,
-              disabled: D.value,
+              loading: _.value,
+              disabled: U.value,
               onClick: j
             }, {
               default: a(() => [
-                S(V(e(T)("panel.save")), 1)
+                A(x(e(V)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1764,177 +1859,177 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
         })
       ]),
       default: a(() => [
-        K("div", bt, [
-          t(e(Fe), {
+        H("div", _t, [
+          t(e(Ce), {
             type: "info",
             closable: !1
           }, {
             default: a(() => [
-              S(V(e(T)("panel.new-submission-help")), 1)
+              A(x(e(V)("panel.new-submission-help")), 1)
             ]),
             _: 1
           }),
-          D.value ? (o(), w(e(We), {
+          U.value ? (i(), g(e(Ne), {
             key: 0,
             rows: 4
-          })) : (o(), G(ee, { key: 1 }, [
-            (o(!0), G(ee, null, ge(F.value, (r) => (o(), w(e(H), {
+          })) : (i(), G(ee, { key: 1 }, [
+            (i(!0), G(ee, null, ye(N.value, (r) => (i(), g(e(X), {
               key: r.id,
-              label: h(r),
-              help: I(r.help),
-              error: $(r),
+              label: S(r),
+              help: z(r.help),
+              error: y(r),
               required: r.is_required
             }, {
               default: a(() => [
-                r.type === "textarea" ? (o(), w(e($l), {
+                r.type === "textarea" ? (i(), g(e(Ul), {
                   key: 0,
-                  modelValue: z.value[r.key],
-                  "onUpdate:modelValue": (O) => z.value[r.key] = O,
+                  modelValue: $.value[r.key],
+                  "onUpdate:modelValue": (B) => $.value[r.key] = B,
                   rows: r.options.rows ?? 4,
-                  placeholder: I(r.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : r.type === "select" ? (o(), w(e(fe), {
+                  placeholder: z(r.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : r.type === "select" ? (i(), g(e(fe), {
                   key: 1,
-                  modelValue: z.value[r.key],
-                  "onUpdate:modelValue": (O) => z.value[r.key] = O,
-                  options: x(r),
+                  modelValue: $.value[r.key],
+                  "onUpdate:modelValue": (B) => $.value[r.key] = B,
+                  options: q(r),
                   clearable: "",
-                  placeholder: I(r.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : r.type === "radio" ? (o(), w(e(Ul), {
+                  placeholder: z(r.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : r.type === "radio" ? (i(), g(e(Al), {
                   key: 2,
-                  modelValue: z.value[r.key],
-                  "onUpdate:modelValue": (O) => z.value[r.key] = O,
-                  options: x(r)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : r.type === "checkbox" ? (o(), w(e(Sl), {
+                  modelValue: $.value[r.key],
+                  "onUpdate:modelValue": (B) => $.value[r.key] = B,
+                  options: q(r)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : r.type === "checkbox" ? (i(), g(e(zl), {
                   key: 3,
-                  modelValue: z.value[r.key],
-                  "onUpdate:modelValue": (O) => z.value[r.key] = O,
-                  options: x(r)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : r.type === "consent" ? (o(), w(e(he), {
+                  modelValue: $.value[r.key],
+                  "onUpdate:modelValue": (B) => $.value[r.key] = B,
+                  options: q(r)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : r.type === "consent" ? (i(), g(e(he), {
                   key: 4,
-                  modelValue: z.value[r.key],
-                  "onUpdate:modelValue": (O) => z.value[r.key] = O,
-                  label: I(r.options.text, h(r))
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : r.type === "date" ? (o(), w(e(ll), {
+                  modelValue: $.value[r.key],
+                  "onUpdate:modelValue": (B) => $.value[r.key] = B,
+                  label: z(r.options.text, S(r))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : r.type === "date" ? (i(), g(e(tl), {
                   key: 5,
-                  modelValue: z.value[r.key],
-                  "onUpdate:modelValue": (O) => z.value[r.key] = O,
-                  placeholder: I(r.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (o(), w(e(le), {
+                  modelValue: $.value[r.key],
+                  "onUpdate:modelValue": (B) => $.value[r.key] = B,
+                  placeholder: z(r.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (i(), g(e(le), {
                   key: 6,
-                  modelValue: z.value[r.key],
-                  "onUpdate:modelValue": (O) => z.value[r.key] = O,
+                  modelValue: $.value[r.key],
+                  "onUpdate:modelValue": (B) => $.value[r.key] = B,
                   type: r.type === "email" ? "email" : r.type === "tel" ? "tel" : "text",
-                  placeholder: I(r.placeholder),
+                  placeholder: z(r.placeholder),
                   maxlength: r.options.maxlength
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
               ]),
               _: 2
             }, 1032, ["label", "help", "error", "required"]))), 128)),
-            m.value ? (o(), w(e(Fe), {
+            v.value ? (i(), g(e(Ce), {
               key: 0,
               type: "warning",
               closable: !1
             }, {
               default: a(() => [
-                S(V(e(T)("panel.no-files-by-hand")), 1)
+                A(x(e(V)("panel.no-files-by-hand")), 1)
               ]),
               _: 1
-            })) : E("", !0)
+            })) : M("", !0)
           ], 64))
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ht = /* @__PURE__ */ ue(yt, [["__scopeId", "data-v-72006299"]]), gt = { class: "wx-submissions__mass" }, xt = { class: "wx-submissions__state" }, _t = 640, wt = /* @__PURE__ */ ne({
+}), kt = /* @__PURE__ */ ue(wt, [["__scopeId", "data-v-72006299"]]), Vt = { class: "wx-submissions__mass" }, $t = { class: "wx-submissions__state" }, Tt = 640, St = /* @__PURE__ */ se({
   __name: "SubmissionList",
   props: {
     form: {},
     base: { default: "/inbox" }
   },
   emits: ["changed"],
-  setup(i, { expose: s, emit: u }) {
-    const v = i, n = u, c = ie(), f = ce(c), l = Re(), T = Be(), p = we();
+  setup(s, { expose: o, emit: d }) {
+    const u = s, m = d, T = ie(), n = ce(T), l = Re(), V = He(), b = ke();
     pe();
-    const d = cl("root"), D = Tl(d), C = U(() => D.value > 0 && D.value < _t), z = U(() => C.value ? Number.POSITIVE_INFINITY : 0), b = ae("webx-inbox"), F = ae("webx-admin"), m = ye(), $ = q(null), h = q([]), I = q(!1), x = q([]), P = q(!1), j = U(() => c.can("inbox.update")), R = je(ht), B = U({
+    const p = ml("root"), U = ql(p), _ = C(() => U.value > 0 && U.value < Tt), $ = C(() => _.value ? Number.POSITIVE_INFINITY : 0), c = ae("webx-inbox"), N = ae("webx-admin"), v = be(), y = W(null), S = W([]), z = W(!1), q = W([]), D = W(!1), j = C(() => T.can("inbox.update")), L = je(kt), R = C({
       get: () => typeof l.query.view == "string" && l.query.view !== "" ? l.query.view : "all",
-      set: (_) => {
-        T.replace({
-          query: { ...l.query, view: _ === "all" ? void 0 : _, page: void 0 }
+      set: (k) => {
+        V.replace({
+          query: { ...l.query, view: k === "all" ? void 0 : k, page: void 0 }
         });
       }
-    }), r = U(() => ({
-      view: B.value,
+    }), r = C(() => ({
+      view: R.value,
       search: typeof l.query.search == "string" ? l.query.search : "",
       assignee: typeof l.query.assignee == "string" ? l.query.assignee : null,
       placement: typeof l.query.placement == "string" ? l.query.placement : null,
       sort: typeof l.query.sort == "string" ? l.query.sort : null,
       page: Number(l.query.page ?? 1) || 1
-    })), O = U(
-      () => ($.value?.placements ?? []).map(
-        (_) => _ === null ? { value: "none", label: b("panel.placement-none") } : { value: _, label: _ }
+    })), B = C(
+      () => (y.value?.placements ?? []).map(
+        (k) => k === null ? { value: "none", label: c("panel.placement-none") } : { value: k, label: k }
       )
-    ), J = U(
-      () => O.value.length > 1 || r.value.placement !== null
-    ), me = U(() => {
-      const _ = r.value.placement;
-      if (_ === null) return [];
-      const Z = O.value.find((N) => N.value === _)?.label ?? (_ === "none" ? b("panel.placement-none") : _);
+    ), Q = C(
+      () => B.value.length > 1 || r.value.placement !== null
+    ), me = C(() => {
+      const k = r.value.placement;
+      if (k === null) return [];
+      const K = B.value.find((E) => E.value === k)?.label ?? (k === "none" ? c("panel.placement-none") : k);
       return [
         {
           key: "placement",
-          label: `${b("panel.meta-placement")}: ${Z}`,
-          clear: () => A(void 0)
+          label: `${c("panel.meta-placement")}: ${K}`,
+          clear: () => F(void 0)
         }
       ];
     });
-    function A(_) {
-      T.replace({
+    function F(k) {
+      V.replace({
         query: {
           ...l.query,
-          placement: typeof _ == "string" && _ !== "" ? _ : void 0,
+          placement: typeof k == "string" && k !== "" ? k : void 0,
           page: void 0
         }
       });
     }
-    const X = U(() => {
-      const _ = $.value?.counts, Z = [
-        { value: "all", label: b("panel.view-all"), badge: _?.all || void 0 },
-        { value: "unread", label: b("panel.view-unread"), badge: _?.unread || void 0 }
+    const J = C(() => {
+      const k = y.value?.counts, K = [
+        { value: "all", label: c("panel.view-all"), badge: k?.all || void 0 },
+        { value: "unread", label: c("panel.view-unread"), badge: k?.unread || void 0 }
       ];
-      for (const N of h.value)
-        Z.push({
-          value: N.key,
-          label: de(N),
-          badge: _?.statuses[N.key] || void 0
+      for (const E of S.value)
+        K.push({
+          value: E.key,
+          label: de(E),
+          badge: k?.statuses[E.key] || void 0
         });
-      return Z;
+      return K;
     });
-    function W(_, Z) {
-      const N = $.value?.columns?.[Z];
-      return N ? _.values[N.key] ?? "" : "";
-    }
-    const k = U(() => {
-      const _ = $.value?.columns ?? [];
-      return C.value ? [{ key: "card", label: "" }] : [
-        ..._.map((Z, N) => ({
-          key: `values.${Z.key}`,
-          label: Z.label,
+    function I(k, K) {
+      const E = y.value?.columns?.[K];
+      return E ? k.values[E.key] ?? "" : "";
+    }
+    const w = C(() => {
+      const k = y.value?.columns ?? [];
+      return _.value ? [{ key: "card", label: "" }] : [
+        ...k.map((K, E) => ({
+          key: `values.${K.key}`,
+          label: K.label,
           sortable: !0,
           // The first answer is what the row is recognised by and stays at any width; every one
           // after it is worth less than the room it takes, so it goes a step sooner. The steps are
           // wide — 640, 960 — because an answer is a sentence and not a number: two of them plus
           // the status and the date is already what a 755px pane holds without scrolling sideways,
           // which is what the pane beside the forms actually is on a 1280 screen (§11).
-          hideBelow: N === 0 ? void 0 : 320 + N * 320
+          hideBelow: E === 0 ? void 0 : 320 + E * 320
         })),
         // A floor rather than a width: the cell holds a badge, sometimes an avatar and sometimes
         // a paperclip, and a fixed width that any of them overflows makes the whole table scroll
         // sideways by two pixels.
-        { key: "status", label: b("panel.status"), minWidth: 100 },
+        { key: "status", label: c("panel.status"), minWidth: 100 },
         {
           key: "created_at",
-          label: b("panel.received"),
+          label: c("panel.received"),
           sortable: !0,
           width: 120,
           // "today at 16:22" is three words the table will break over two lines given half a
@@ -1944,182 +2039,180 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
           // Kept on the card, unlike most dates: "when did this come in" is one of the two
           // questions a submission is looked at for, and the other one is who sent it.
         },
-        { key: "actions", label: "", width: gl, align: "right", hideOnCards: !0 }
+        { key: "actions", label: "", width: kl, align: "right", hideOnCards: !0 }
       ];
-    }), g = U(
-      () => r.value.view === "all" && r.value.search === "" && r.value.assignee === null && r.value.placement === null ? b("panel.submissions-empty") : b("panel.submissions-none")
-    ), re = U(
-      () => h.value.map((_) => ({ value: _.id, label: de(_) }))
-    );
-    function de(_) {
-      return be(_.title, p.active.value, _.key);
-    }
-    function Ne() {
-      return be(v.form.title, p.active.value, v.form.slug);
-    }
-    async function ke(_) {
-      I.value = !0;
+    }), h = C(
+      () => r.value.view === "all" && r.value.search === "" && r.value.assignee === null && r.value.placement === null ? c("panel.submissions-empty") : c("panel.submissions-none")
+    ), re = C(
+      () => S.value.map((k) => ({ value: k.id, label: de(k) }))
+    ), de = ol();
+    function Ee() {
+      return we(u.form.title, b.active.value, u.form.slug);
+    }
+    async function Te(k) {
+      z.value = !0;
       try {
-        $.value = await f.submissions(v.form.id, {
+        y.value = await n.submissions(u.form.id, {
           view: r.value.view,
-          search: _?.search ?? r.value.search,
+          search: k?.search ?? r.value.search,
           assignee: r.value.assignee,
           placement: r.value.placement,
-          sort: _?.sort ? `${_.sort.order === "desc" ? "-" : ""}${_.sort.key}` : null,
-          page: _?.page ?? r.value.page,
-          per_page: _?.perPage
+          sort: k?.sort ? `${k.sort.order === "desc" ? "-" : ""}${k.sort.key}` : null,
+          page: k?.page ?? r.value.page,
+          per_page: k?.perPage
         });
-      } catch (Z) {
-        L.danger(m(Z));
+      } catch (K) {
+        O.danger(v(K));
       } finally {
-        I.value = !1;
+        z.value = !1;
       }
     }
-    function Ye(_) {
-      const Z = {
+    function Ke(k) {
+      const K = {
         ...l.query,
-        search: _.search === "" ? void 0 : _.search,
-        sort: _.sort === null ? void 0 : `${_.sort.order === "desc" ? "-" : ""}${_.sort.key}`,
-        page: _.page === 1 ? void 0 : String(_.page)
+        search: k.search === "" ? void 0 : k.search,
+        sort: k.sort === null ? void 0 : `${k.sort.order === "desc" ? "-" : ""}${k.sort.key}`,
+        page: k.page === 1 ? void 0 : String(k.page)
       };
-      T.replace({ query: Z }), ke(_);
+      V.replace({ query: K }), Te(k);
     }
-    Te([() => v.form.id, B, () => r.value.assignee, () => r.value.placement], () => {
-      x.value = [], ke();
-    }), ke(), Ze();
+    Ue([() => u.form.id, R, () => r.value.assignee, () => r.value.placement], () => {
+      q.value = [], Te();
+    }), Ze();
     async function Ze() {
       try {
-        h.value = await f.statuses();
-      } catch (_) {
-        L.danger(m(_));
+        S.value = await n.statuses();
+      } catch (k) {
+        O.danger(v(k));
       }
     }
-    function Ie(_) {
-      T.push({ path: `${v.base}/submissions/${_.id}`, query: { ...l.query } });
+    function Qe(k) {
+      V.push({ path: `${u.base}/submissions/${k.id}`, query: { ...l.query } });
     }
-    function De(_) {
+    function ze(k) {
       return j.value ? [
         {
           key: "read",
-          icon: _.is_read ? "eye-off" : "eye",
-          label: _.is_read ? b("panel.mark-unread") : b("panel.mark-read"),
+          icon: k.is_read ? "eye-off" : "eye",
+          label: k.is_read ? c("panel.mark-unread") : c("panel.mark-read"),
           run: () => {
-            Y([_.id], _.is_read ? "unread" : "read");
+            f([k.id], k.is_read ? "unread" : "read");
           }
         },
         {
           key: "delete",
           icon: "trash",
-          label: b("panel.delete"),
+          label: c("panel.delete"),
           danger: !0,
           run: () => {
-            y([_.id]);
+            Pe([k.id]);
           }
         }
       ] : [];
     }
-    async function Qe(_) {
-      typeof _ == "number" && (P.value = !0, await Y(
-        x.value.map((Z) => Z.id),
+    async function Je(k) {
+      typeof k == "number" && (D.value = !0, await f(
+        q.value.map((K) => K.id),
         "status",
-        _
-      ), P.value = !1);
-    }
-    async function y(_) {
-      await Ce({
-        title: _.length === 1 ? b("panel.delete-submission-title") : b("panel.delete-selected-title", { count: _.length }),
-        message: b("panel.delete-submission-text"),
-        confirmText: b("panel.delete"),
-        cancelText: b("panel.cancel"),
+        k
+      ), D.value = !1);
+    }
+    async function Pe(k) {
+      await Ae({
+        title: k.length === 1 ? c("panel.delete-submission-title") : c("panel.delete-selected-title", { count: k.length }),
+        message: c("panel.delete-submission-text"),
+        confirmText: c("panel.delete"),
+        cancelText: c("panel.cancel"),
         tone: "danger"
-      }) && await Y(_, "delete");
+      }) && await f(k, "delete");
     }
-    async function Y(_, Z, N) {
-      if (_.length !== 0)
+    async function f(k, K, E) {
+      if (k.length !== 0)
         try {
-          await f.massSubmissions({ ids: _, action: Z, status_id: N }), x.value = [], await ke(), n("changed");
+          await n.massSubmissions({ ids: k, action: K, status_id: E }), q.value = [], await Te(), m("changed");
         } catch (qe) {
-          L.danger(m(qe));
+          O.danger(v(qe));
         }
     }
-    async function M() {
-      const _ = await R({ form: v.form });
-      _ && (L.success(b("panel.created")), await ke(), n("changed"), T.push({ path: `${v.base}/submissions/${_.id}`, query: { ...l.query } }));
+    async function Z() {
+      const k = await L({ form: u.form });
+      k && (O.success(c("panel.created")), await Te(), m("changed"), V.push({ path: `${u.base}/submissions/${k.id}`, query: { ...l.query } }));
     }
-    const Je = U(
-      () => f.exportUrl(v.form.id, {
+    const P = C(
+      () => n.exportUrl(u.form.id, {
         view: r.value.view,
         search: r.value.search,
         assignee: r.value.assignee,
         placement: r.value.placement,
         sort: r.value.sort
       })
-    ), Xe = U(() => [
-      { key: "export", label: b("panel.export"), icon: "download", href: Je.value }
+    ), el = C(() => [
+      { key: "export", label: c("panel.export"), icon: "download", href: P.value }
     ]);
-    return s({ create: M }), (_, Z) => (o(), G("div", {
+    return o({ create: Z }), (k, K) => (i(), G("div", {
       ref_key: "root",
-      ref: d,
+      ref: p,
       class: "wx-submissions"
     }, [
-      t(e(tl), {
+      t(e(al), {
         class: "wx-submissions__head",
         level: 3,
-        title: Ne(),
-        subtitle: i.form.slug,
-        actions: Xe.value
+        title: Ee(),
+        subtitle: s.form.slug,
+        actions: el.value
       }, null, 8, ["title", "subtitle", "actions"]),
-      t(e(nl), {
-        modelValue: B.value,
-        "onUpdate:modelValue": Z[2] || (Z[2] = (N) => B.value = N),
+      t(e(sl), {
+        modelValue: R.value,
+        "onUpdate:modelValue": K[2] || (K[2] = (E) => R.value = E),
         class: "wx-submissions__views",
-        items: X.value,
+        items: J.value,
         "collapse-below": 560,
-        "aria-label": e(b)("panel.status")
+        "aria-label": e(c)("panel.status")
       }, {
         default: a(() => [
-          t(e(vl), {
-            data: $.value,
-            columns: k.value,
+          t(e(bl), {
+            data: y.value,
+            columns: w.value,
             "row-key": "id",
             searchable: "",
             clickable: "",
             hover: "",
             flush: "",
-            loading: I.value,
+            loading: z.value,
+            "loading-text": e(c)("panel.loading"),
             selectable: j.value,
-            "select-row-label": e(F)("filters.select-row"),
-            "select-all-label": e(F)("filters.select-all"),
-            "row-class": (N) => N.is_read ? void 0 : "is-unread",
-            "search-placeholder": e(b)("panel.search-submissions"),
-            "empty-text": g.value,
-            "cards-below": z.value,
+            "select-row-label": e(N)("filters.select-row"),
+            "select-all-label": e(N)("filters.select-all"),
+            "row-class": (E) => E.is_read ? void 0 : "is-unread",
+            "search-placeholder": e(c)("panel.search-submissions"),
+            "empty-text": h.value,
+            "cards-below": $.value,
             "filters-count": me.value.length,
-            onRowClick: Ie,
-            onStateChange: Ye,
-            onSelectionChange: Z[1] || (Z[1] = (N, qe) => x.value = qe)
-          }, Oe({
-            "cell-status": a(({ row: N }) => [
-              K("div", xt, [
-                N.status ? (o(), w(e(Ue), {
+            onRowClick: Qe,
+            onStateChange: Ke,
+            onSelectionChange: K[1] || (K[1] = (E, qe) => q.value = qe)
+          }, De({
+            "cell-status": a(({ row: E }) => [
+              H("div", $t, [
+                E.status ? (i(), g(e($e), {
                   key: 0,
-                  type: N.status.color
+                  type: E.status.color
                 }, {
                   default: a(() => [
-                    S(V(de(N.status)), 1)
+                    A(x(e(de)(E.status)), 1)
                   ]),
                   _: 2
-                }, 1032, ["type"])) : E("", !0),
-                N.assignee ? (o(), w(e(il), {
+                }, 1032, ["type"])) : M("", !0),
+                E.assignee ? (i(), g(e(rl), {
                   key: 1,
-                  name: N.assignee.name,
-                  title: N.assignee.name,
+                  name: E.assignee.name,
+                  title: E.assignee.name,
                   size: "xs",
                   tone: "auto"
-                }, null, 8, ["name", "title"])) : E("", !0),
-                N.files_count > 0 ? (o(), w(e(ql), {
+                }, null, 8, ["name", "title"])) : M("", !0),
+                E.files_count > 0 ? (i(), g(e(Nl), {
                   key: 2,
-                  content: e(b)("panel.attachments")
+                  content: e(c)("panel.attachments")
                 }, {
                   default: a(() => [
                     t(e(_e), {
@@ -2128,99 +2221,99 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : E("", !0)
+                }, 8, ["content"])) : M("", !0)
               ])
             ]),
-            "cell-created_at": a(({ row: N }) => [
-              t(e(Ee), {
-                value: N.created_at,
+            "cell-created_at": a(({ row: E }) => [
+              t(e(Le), {
+                value: E.created_at,
                 compact: ""
               }, null, 8, ["value"])
             ]),
-            "cell-card": a(({ row: N }) => [
-              t(e(Cl), {
+            "cell-card": a(({ row: E }) => [
+              t(e(Wl), {
                 variant: "plain",
                 shape: "circle",
-                title: W(N, 0)
+                title: I(E, 0)
               }, {
                 subtitle: a(() => [
-                  S(V(W(N, 1)), 1)
+                  A(x(I(E, 1)), 1)
                 ]),
                 meta: a(() => [
-                  N.status ? (o(), w(e(Ue), {
+                  E.status ? (i(), g(e($e), {
                     key: 0,
-                    type: N.status.color,
+                    type: E.status.color,
                     size: "sm"
                   }, {
                     default: a(() => [
-                      S(V(de(N.status)), 1)
+                      A(x(e(de)(E.status)), 1)
                     ]),
                     _: 2
-                  }, 1032, ["type"])) : E("", !0),
-                  N.assignee ? (o(), w(e(il), {
+                  }, 1032, ["type"])) : M("", !0),
+                  E.assignee ? (i(), g(e(rl), {
                     key: 1,
-                    name: N.assignee.name,
-                    title: N.assignee.name,
+                    name: E.assignee.name,
+                    title: E.assignee.name,
                     size: "xs",
                     tone: "auto"
-                  }, null, 8, ["name", "title"])) : E("", !0),
-                  N.files_count > 0 ? (o(), w(e(_e), {
+                  }, null, 8, ["name", "title"])) : M("", !0),
+                  E.files_count > 0 ? (i(), g(e(_e), {
                     key: 2,
                     name: "file",
                     size: "sm"
-                  })) : E("", !0),
-                  t(e(Ee), {
-                    value: N.created_at
+                  })) : M("", !0),
+                  t(e(Le), {
+                    value: E.created_at
                   }, null, 8, ["value"])
                 ]),
                 _: 2
               }, 1032, ["title"])
             ]),
-            "card-actions": a(({ row: N }) => [
-              t(e(ze), {
-                actions: De(N),
-                label: String(N.id)
+            "card-actions": a(({ row: E }) => [
+              t(e(We), {
+                actions: ze(E),
+                label: String(E.id)
               }, null, 8, ["actions", "label"])
             ]),
-            "cell-actions": a(({ row: N }) => [
-              t(e(ze), {
-                actions: De(N),
-                label: String(N.id)
+            "cell-actions": a(({ row: E }) => [
+              t(e(We), {
+                actions: ze(E),
+                label: String(E.id)
               }, null, 8, ["actions", "label"])
             ]),
             _: 2
           }, [
-            x.value.length > 0 ? {
+            q.value.length > 0 ? {
               name: "actions",
               fn: a(() => [
-                K("div", gt, [
-                  t(e(Q), {
+                H("div", Vt, [
+                  t(e(Y), {
                     size: "sm",
                     weight: "medium"
                   }, {
                     default: a(() => [
-                      S(V(e(b)("panel.selected", { count: x.value.length })), 1)
+                      A(x(e(c)("panel.selected", { count: q.value.length })), 1)
                     ]),
                     _: 1
                   }),
                   t(e(fe), {
                     "model-value": null,
                     options: re.value,
-                    placeholder: e(b)("panel.move-to"),
-                    disabled: P.value,
+                    placeholder: e(c)("panel.move-to"),
+                    disabled: D.value,
                     size: "sm",
                     style: { width: "180px" },
-                    "onUpdate:modelValue": Qe
+                    "onUpdate:modelValue": Je
                   }, null, 8, ["options", "placeholder", "disabled"]),
                   t(e(te), {
                     size: "sm",
                     variant: "outline",
                     type: "danger",
                     icon: "trash",
-                    onClick: Z[0] || (Z[0] = (N) => y(x.value.map((qe) => qe.id)))
+                    onClick: K[0] || (K[0] = (E) => Pe(q.value.map((qe) => qe.id)))
                   }, {
                     default: a(() => [
-                      S(V(e(b)("panel.delete")), 1)
+                      A(x(e(c)("panel.delete")), 1)
                     ]),
                     _: 1
                   })
@@ -2228,20 +2321,20 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
               ]),
               key: "0"
             } : void 0,
-            J.value ? {
+            Q.value ? {
               name: "filters",
               fn: a(() => [
-                t(e(H), {
-                  label: e(b)("panel.meta-placement")
+                t(e(X), {
+                  label: e(c)("panel.meta-placement")
                 }, {
                   default: a(() => [
                     t(e(fe), {
                       "model-value": r.value.placement,
-                      options: O.value,
-                      placeholder: e(b)("panel.any-placement"),
+                      options: B.value,
+                      placeholder: e(c)("panel.any-placement"),
                       clearable: "",
                       size: "sm",
-                      "onUpdate:modelValue": A
+                      "onUpdate:modelValue": F
                     }, null, 8, ["model-value", "options", "placeholder"])
                   ]),
                   _: 1
@@ -2252,264 +2345,265 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
             me.value.length > 0 ? {
               name: "applied",
               fn: a(() => [
-                t(e(xl), { filters: me.value }, null, 8, ["filters"])
+                t(e(Vl), { filters: me.value }, null, 8, ["filters"])
               ]),
               key: "2"
             } : void 0
-          ]), 1032, ["data", "columns", "loading", "selectable", "select-row-label", "select-all-label", "row-class", "search-placeholder", "empty-text", "cards-below", "filters-count"])
+          ]), 1032, ["data", "columns", "loading", "loading-text", "selectable", "select-row-label", "select-all-label", "row-class", "search-placeholder", "empty-text", "cards-below", "filters-count"])
         ]),
         _: 1
       }, 8, ["modelValue", "items", "aria-label"])
     ], 512));
   }
-}), kt = /* @__PURE__ */ ue(wt, [["__scopeId", "data-v-6bb4ef13"]]), Vt = ["onClick"], $t = { class: "wx-inbox-form__name" }, Ut = /* @__PURE__ */ ne({
+}), Ct = /* @__PURE__ */ ue(St, [["__scopeId", "data-v-b23e9ac8"]]), Ut = ["onClick"], At = { class: "wx-inbox-form__name" }, zt = /* @__PURE__ */ se({
   __name: "InboxPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const s = i, u = ie(), v = ce(u), n = Re(), c = Be(), f = we();
+  setup(s) {
+    const o = s, d = ie(), u = ce(d), m = Re(), T = He(), n = ke();
     pe();
-    const l = ae("webx-inbox"), T = ye(), p = q([]), d = q(!0), D = cl("pane"), C = q(!0), z = q(!1), b = U(() => u.can("inbox.manage")), F = je(ft), m = U(
-      () => u.state.manifest?.modules.find((A) => A.id === "inbox")?.title ?? l("module.title")
-    ), $ = U(() => {
-      const A = n.query.form;
-      return typeof A == "string" && A !== "" ? Number(A) : null;
-    }), h = U(() => p.value.find((A) => A.id === $.value) ?? null);
-    function I(A) {
-      return be(A.title, f.active.value, A.slug);
-    }
-    async function x() {
-      d.value = !0;
+    const l = ae("webx-inbox"), V = be(), b = W([]), p = W(!0), U = ml("pane"), _ = W(!0), $ = W(!1), c = C(() => d.can("inbox.manage")), N = je(xt), v = C(
+      () => d.state.manifest?.modules.find((F) => F.id === "inbox")?.title ?? l("module.title")
+    ), y = C(() => {
+      const F = m.query.form;
+      return typeof F == "string" && F !== "" ? Number(F) : null;
+    }), S = C(() => b.value.find((F) => F.id === y.value) ?? null);
+    function z(F) {
+      return we(F.title, n.active.value, F.slug);
+    }
+    async function q() {
+      p.value = !0;
       try {
-        p.value = await v.forms();
-      } catch (A) {
-        L.danger(T(A));
+        b.value = await u.forms();
+      } catch (F) {
+        O.danger(V(F));
       } finally {
-        d.value = !1;
+        p.value = !1;
       }
     }
-    x(), Te([p, h], () => {
-      p.value.length === 0 || h.value !== null || c.replace({ query: { ...n.query, form: String(p.value[0].id) } });
+    q(), Ue([b, S], () => {
+      b.value.length === 0 || S.value !== null || T.replace({ query: { ...m.query, form: String(b.value[0].id) } });
     });
-    function P(A, X) {
-      c.replace({ query: { ...n.query, form: String(A.id) } }), X();
+    function D(F, J) {
+      T.replace({ query: { ...m.query, form: String(F.id) } }), J();
     }
-    function j(A) {
-      c.push(`${s.base}/forms/${A.id}`);
+    function j(F) {
+      T.push(`${o.base}/forms/${F.id}`);
     }
-    function R(A) {
-      return b.value ? [
-        { key: "settings", icon: "settings", label: l("panel.settings"), run: () => j(A) },
-        { key: "duplicate", icon: "copy", label: l("panel.duplicate"), run: () => r(A) },
+    function L(F) {
+      return c.value ? [
+        { key: "settings", icon: "settings", label: l("panel.settings"), run: () => j(F) },
+        { key: "duplicate", icon: "copy", label: l("panel.duplicate"), run: () => r(F) },
         // A form that has taken submissions is switched off, never deleted (§2.4). The line is
         // left out rather than greyed: a menu is a list of what is possible.
-        ...A.submissions_count === 0 ? [
+        ...F.submissions_count === 0 ? [
           {
             key: "delete",
             icon: "trash",
             label: l("panel.delete"),
             danger: !0,
-            run: () => O(A)
+            run: () => B(F)
           }
         ] : []
       ] : [];
     }
-    async function B() {
-      const A = await F({});
-      A && (await x(), j(A));
+    async function R() {
+      const F = await N({});
+      F && (await q(), j(F));
     }
-    async function r(A) {
+    async function r(F) {
       try {
-        const X = await v.duplicateForm(A.id);
-        L.success(l("panel.duplicated")), await x(), j(X);
-      } catch (X) {
-        L.danger(T(X));
+        const J = await u.duplicateForm(F.id);
+        O.success(l("panel.duplicated")), await q(), j(J);
+      } catch (J) {
+        O.danger(V(J));
       }
     }
-    async function O(A) {
-      if (await Ce({
-        title: l("panel.delete-form-title", { form: I(A) }),
+    async function B(F) {
+      if (await Ae({
+        title: l("panel.delete-form-title", { form: z(F) }),
         message: l("panel.delete-form-text"),
         confirmText: l("panel.delete"),
         cancelText: l("panel.cancel"),
         tone: "danger"
       }))
         try {
-          if (await v.removeForm(A.id), L.success(l("panel.deleted")), $.value === A.id) {
-            const W = { ...n.query };
-            delete W.form, c.replace({ query: W });
+          if (await u.removeForm(F.id), O.success(l("panel.deleted")), y.value === F.id) {
+            const I = { ...m.query };
+            delete I.form, T.replace({ query: I });
           }
-          await x();
-        } catch (W) {
-          L.danger(T(W));
+          await q();
+        } catch (I) {
+          O.danger(V(I));
         }
     }
-    async function J() {
+    async function Q() {
       try {
-        await v.sortForms(p.value.map((A) => A.id));
-      } catch (A) {
-        L.danger(T(A, l("panel.reorder-failed"))), await x();
+        await u.sortForms(b.value.map((F) => F.id));
+      } catch (F) {
+        O.danger(V(F, l("panel.reorder-failed"))), await q();
       }
     }
-    const me = U(() => {
-      const A = [];
-      return b.value && A.push({
+    const me = C(() => {
+      const F = [];
+      return c.value && F.push({
         key: "statuses",
         label: l("panel.statuses"),
         icon: "tag",
         run: () => {
-          c.push(`${s.base}/statuses`);
+          T.push(`${o.base}/statuses`);
         }
-      }), u.can("inbox.update") && h.value !== null && A.push({
+      }), d.can("inbox.update") && S.value !== null && F.push({
         key: "new-submission",
         label: l("panel.new-submission"),
         icon: "plus",
         primary: !0,
         run: () => {
-          D.value?.create();
+          U.value?.create();
         }
-      }), A;
+      }), F;
     });
-    return (A, X) => (o(), w(e(pl), {
-      title: m.value,
+    return (F, J) => (i(), g(e(vl), {
+      title: v.value,
       actions: me.value,
       card: !1
-    }, Oe({
+    }, De({
       default: a(() => [
-        t(e(oe), {
+        t(e(ne), {
           class: "wx-inbox",
           padding: "none"
         }, {
           default: a(() => [
-            t(e(zl), {
-              "filters-open": z.value,
-              "onUpdate:filtersOpen": X[2] || (X[2] = (W) => z.value = W),
+            t(e(Fl), {
+              "filters-open": $.value,
+              "onUpdate:filtersOpen": J[2] || (J[2] = (I) => $.value = I),
               class: "wx-inbox__panes",
               "filters-width": 270,
               "detail-min": 420,
               "filters-title": e(l)("panel.forms"),
-              onFiltersInline: X[3] || (X[3] = (W) => C.value = W)
+              onFiltersInline: J[3] || (J[3] = (I) => _.value = I)
             }, {
-              filters: a(({ inline: W, close: k }) => [
-                d.value ? (o(), w(e(We), {
+              filters: a(({ inline: I, close: w }) => [
+                p.value ? (i(), g(e(Ne), {
                   key: 0,
                   class: "wx-inbox__loading",
                   rows: 5
-                })) : (o(), G(ee, { key: 1 }, [
-                  !W && b.value ? (o(), w(e(te), {
+                })) : (i(), G(ee, { key: 1 }, [
+                  !I && c.value ? (i(), g(e(te), {
                     key: 0,
                     class: "wx-inbox__new-form",
                     variant: "outline",
                     block: "",
-                    onClick: B
+                    onClick: R
                   }, {
                     icon: a(() => [
                       t(e(_e), { name: "plus" })
                     ]),
                     default: a(() => [
-                      S(" " + V(e(l)("panel.new-form")), 1)
+                      A(" " + x(e(l)("panel.new-form")), 1)
                     ]),
                     _: 1
-                  })) : E("", !0),
-                  t(e(al), {
-                    modelValue: p.value,
-                    "onUpdate:modelValue": X[1] || (X[1] = (g) => p.value = g),
-                    class: sl(["wx-inbox__forms", { "is-panel": !W }]),
+                  })) : M("", !0),
+                  t(e(nl), {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": J[1] || (J[1] = (h) => b.value = h),
+                    class: il(["wx-inbox__forms", { "is-panel": !I }]),
                     plain: "",
                     size: "sm",
                     "item-key": "id",
-                    "item-label": I,
-                    disabled: !b.value,
-                    title: W ? e(l)("panel.forms") : void 0,
-                    onMove: J
-                  }, Oe({
-                    default: a(({ item: g }) => [
-                      K("button", {
+                    "item-label": z,
+                    "drag-label": e(l)("panel.reorder"),
+                    disabled: !c.value,
+                    title: I ? e(l)("panel.forms") : void 0,
+                    onMove: Q
+                  }, De({
+                    default: a(({ item: h }) => [
+                      H("button", {
                         type: "button",
-                        class: sl(["wx-inbox-form", { "is-current": g.id === $.value, "is-off": !g.is_enabled }]),
-                        onClick: (re) => P(g, k)
+                        class: il(["wx-inbox-form", { "is-current": h.id === y.value, "is-off": !h.is_enabled }]),
+                        onClick: (re) => D(h, w)
                       }, [
-                        K("span", $t, [
-                          t(e(Q), {
+                        H("span", At, [
+                          t(e(Y), {
                             truncate: "",
                             weight: "medium",
-                            tone: g.is_enabled ? "default" : "muted"
+                            tone: h.is_enabled ? "default" : "muted"
                           }, {
                             default: a(() => [
-                              S(V(I(g)), 1)
+                              A(x(z(h)), 1)
                             ]),
                             _: 2
                           }, 1032, ["tone"]),
-                          g.is_enabled && g.notifies === !1 ? (o(), w(e(_e), {
+                          h.is_enabled && h.notifies === !1 ? (i(), g(e(_e), {
                             key: 0,
                             class: "wx-inbox-form__silent",
                             name: "warning",
                             label: e(l)("panel.notifies-nobody-short"),
                             title: e(l)("panel.notifies-nobody-short")
-                          }, null, 8, ["label", "title"])) : E("", !0),
-                          g.unread_count ? (o(), w(e(ul), {
+                          }, null, 8, ["label", "title"])) : M("", !0),
+                          h.unread_count ? (i(), g(e(dl), {
                             key: 1,
                             class: "wx-inbox-form__count",
                             type: "primary",
-                            value: g.unread_count,
+                            value: h.unread_count,
                             label: e(l)("panel.unread")
-                          }, null, 8, ["value", "label"])) : g.submissions_count ? (o(), w(e(ul), {
+                          }, null, 8, ["value", "label"])) : h.submissions_count ? (i(), g(e(dl), {
                             key: 2,
                             class: "wx-inbox-form__count",
                             type: "neutral",
-                            value: g.submissions_count,
+                            value: h.submissions_count,
                             label: e(l)("panel.submissions")
-                          }, null, 8, ["value", "label"])) : E("", !0)
+                          }, null, 8, ["value", "label"])) : M("", !0)
                         ]),
-                        t(e(Q), {
+                        t(e(Y), {
                           size: "sm",
                           tone: "muted",
                           truncate: ""
                         }, {
                           default: a(() => [
-                            S(V(g.slug), 1)
+                            A(x(h.slug), 1)
                           ]),
                           _: 2
                         }, 1024)
-                      ], 10, Vt)
+                      ], 10, Ut)
                     ]),
-                    actions: a(({ item: g }) => [
-                      t(e(ze), {
-                        actions: R(g),
-                        label: I(g)
+                    actions: a(({ item: h }) => [
+                      t(e(We), {
+                        actions: L(h),
+                        label: z(h)
                       }, null, 8, ["actions", "label"])
                     ]),
                     _: 2
                   }, [
-                    W && b.value ? {
+                    I && c.value ? {
                       name: "extra",
                       fn: a(() => [
-                        t(e($e), {
+                        t(e(xe), {
                           icon: "plus",
                           size: "sm",
                           title: e(l)("panel.new-form"),
-                          onClick: B
+                          onClick: R
                         }, null, 8, ["title"])
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["modelValue", "class", "disabled", "title"])
+                  ]), 1032, ["modelValue", "class", "drag-label", "disabled", "title"])
                 ], 64))
               ]),
               list: a(() => [
-                d.value ? (o(), w(e(We), {
+                p.value ? (i(), g(e(Ne), {
                   key: 0,
                   class: "wx-inbox__loading",
                   rows: 6
-                })) : h.value ? (o(), w(kt, {
+                })) : S.value ? (i(), g(Ct, {
                   ref_key: "pane",
-                  ref: D,
-                  key: h.value.id,
-                  form: h.value,
-                  base: s.base,
-                  onChanged: x
-                }, null, 8, ["form", "base"])) : (o(), w(e(Ke), {
+                  ref: U,
+                  key: S.value.id,
+                  form: S.value,
+                  base: o.base,
+                  onChanged: q
+                }, null, 8, ["form", "base"])) : (i(), g(e(Ye), {
                   key: 2,
                   title: e(l)("panel.no-forms"),
                   description: e(l)("panel.no-forms-help")
@@ -2523,18 +2617,18 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
       ]),
       _: 2
     }, [
-      C.value ? void 0 : {
+      _.value ? void 0 : {
         name: "actions",
         fn: a(() => [
           t(e(te), {
             variant: "outline",
-            onClick: X[0] || (X[0] = (W) => z.value = !0)
+            onClick: J[0] || (J[0] = (I) => $.value = !0)
           }, {
             icon: a(() => [
               t(e(_e), { name: "list" })
             ]),
             default: a(() => [
-              S(" " + V(e(l)("panel.forms")), 1)
+              A(" " + x(e(l)("panel.forms")), 1)
             ]),
             _: 1
           })
@@ -2543,74 +2637,74 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
       }
     ]), 1032, ["title", "actions"]));
   }
-}), St = { class: "wx-inbox-status-form" }, Tt = { class: "wx-inbox-status-form__checks" }, Ct = /* @__PURE__ */ ne({
+}), qt = { class: "wx-inbox-status-form" }, Wt = { class: "wx-inbox-status-form__checks" }, Nt = /* @__PURE__ */ se({
   __name: "StatusDialog",
   props: {
     status: {}
   },
-  setup(i) {
-    const s = i, { resolve: u, dismiss: v, open: n } = He(), c = ie(), f = ce(c);
+  setup(s) {
+    const o = s, { resolve: d, dismiss: u, open: m } = Xe(), T = ie(), n = ce(T);
     pe();
-    const l = ae("webx-inbox"), T = ye(), p = q(""), d = q({}), D = q("default"), C = q(!1), z = q(!1), b = q(!1), F = q(!1), m = q({});
-    Te(
-      () => s.status,
-      (x) => {
-        p.value = x?.key ?? "", d.value = { ...x?.title ?? {} }, D.value = x?.color ?? "default", C.value = x?.is_default ?? !1, z.value = x?.is_spam ?? !1, b.value = x?.is_closed ?? !1, m.value = {};
+    const l = ae("webx-inbox"), V = be(), b = W(""), p = W({}), U = W("default"), _ = W(!1), $ = W(!1), c = W(!1), N = W(!1), v = W({});
+    Ue(
+      () => o.status,
+      (q) => {
+        b.value = q?.key ?? "", p.value = { ...q?.title ?? {} }, U.value = q?.color ?? "default", _.value = q?.is_default ?? !1, $.value = q?.is_spam ?? !1, c.value = q?.is_closed ?? !1, v.value = {};
       },
       { immediate: !0 }
     );
-    const $ = U(
-      () => Dl.map((x) => ({ value: x, label: l(`panel.color-${x}`) }))
+    const y = C(
+      () => Bl.map((q) => ({ value: q, label: l(`panel.color-${q}`) }))
     );
-    function h(x) {
-      return m.value[x]?.[0];
+    function S(q) {
+      return v.value[q]?.[0];
     }
-    async function I() {
-      F.value = !0, m.value = {};
-      const x = {
-        key: p.value.trim(),
-        title: d.value,
-        color: D.value,
-        is_default: C.value,
-        is_spam: z.value,
-        is_closed: b.value
+    async function z() {
+      N.value = !0, v.value = {};
+      const q = {
+        key: b.value.trim(),
+        title: p.value,
+        color: U.value,
+        is_default: _.value,
+        is_spam: $.value,
+        is_closed: c.value
       };
       try {
-        u(
-          s.status === null ? await f.createStatus(x) : await f.saveStatus(s.status.id, x)
+        d(
+          o.status === null ? await n.createStatus(q) : await n.saveStatus(o.status.id, q)
         );
-      } catch (P) {
-        const j = P.body;
-        j?.errors ? (m.value = j.errors, L.danger(l("panel.failed"))) : L.danger(T(P));
+      } catch (D) {
+        const j = D.body;
+        j?.errors ? (v.value = j.errors, O.danger(l("panel.failed"))) : O.danger(V(D));
       } finally {
-        F.value = !1;
+        N.value = !1;
       }
     }
-    return (x, P) => (o(), w(e(Ge), {
-      open: e(n),
-      "onUpdate:open": P[7] || (P[7] = (j) => se(n) ? n.value = j : null),
-      title: i.status ? e(l)("panel.settings") : e(l)("panel.new-status"),
+    return (q, D) => (i(), g(e(Ge), {
+      open: e(m),
+      "onUpdate:open": D[7] || (D[7] = (j) => oe(m) ? m.value = j : null),
+      title: s.status ? e(l)("panel.settings") : e(l)("panel.new-status"),
       width: 520
     }, {
       footer: a(() => [
-        t(e(Ae), { size: "sm" }, {
+        t(e(Ie), { size: "sm" }, {
           default: a(() => [
             t(e(te), {
               variant: "outline",
-              onClick: P[6] || (P[6] = (j) => e(v)())
+              onClick: D[6] || (D[6] = (j) => e(u)())
             }, {
               default: a(() => [
-                S(V(e(l)("panel.cancel")), 1)
+                A(x(e(l)("panel.cancel")), 1)
               ]),
               _: 1
             }),
             t(e(te), {
               type: "primary",
-              loading: F.value,
-              onClick: I
+              loading: N.value,
+              onClick: z
             }, {
               default: a(() => [
-                S(V(e(l)("panel.save")), 1)
+                A(x(e(l)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2619,63 +2713,63 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
         })
       ]),
       default: a(() => [
-        K("div", St, [
-          t(e(H), {
+        H("div", qt, [
+          t(e(X), {
             label: e(l)("panel.title"),
-            error: h("title"),
+            error: S("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: d.value,
-                "onUpdate:modelValue": P[0] || (P[0] = (j) => d.value = j),
+                modelValue: p.value,
+                "onUpdate:modelValue": D[0] || (D[0] = (j) => p.value = j),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(H), {
+          t(e(X), {
             label: e(l)("panel.status-key"),
-            error: h("key"),
+            error: S("key"),
             required: ""
           }, {
             default: a(() => [
               t(e(le), {
-                modelValue: p.value,
-                "onUpdate:modelValue": P[1] || (P[1] = (j) => p.value = j),
+                modelValue: b.value,
+                "onUpdate:modelValue": D[1] || (D[1] = (j) => b.value = j),
                 placeholder: "in-progress"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(H), {
+          t(e(X), {
             label: e(l)("panel.status-color"),
-            error: h("color")
+            error: S("color")
           }, {
             default: a(() => [
               t(e(fe), {
-                modelValue: D.value,
-                "onUpdate:modelValue": P[2] || (P[2] = (j) => D.value = j),
-                options: $.value
+                modelValue: U.value,
+                "onUpdate:modelValue": D[2] || (D[2] = (j) => U.value = j),
+                options: y.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          K("div", Tt, [
+          H("div", Wt, [
             t(e(he), {
-              modelValue: C.value,
-              "onUpdate:modelValue": P[3] || (P[3] = (j) => C.value = j),
+              modelValue: _.value,
+              "onUpdate:modelValue": D[3] || (D[3] = (j) => _.value = j),
               label: e(l)("panel.status-default")
             }, null, 8, ["modelValue", "label"]),
             t(e(he), {
-              modelValue: z.value,
-              "onUpdate:modelValue": P[4] || (P[4] = (j) => z.value = j),
+              modelValue: $.value,
+              "onUpdate:modelValue": D[4] || (D[4] = (j) => $.value = j),
               label: e(l)("panel.status-spam")
             }, null, 8, ["modelValue", "label"]),
             t(e(he), {
-              modelValue: b.value,
-              "onUpdate:modelValue": P[5] || (P[5] = (j) => b.value = j),
-              disabled: z.value,
+              modelValue: c.value,
+              "onUpdate:modelValue": D[5] || (D[5] = (j) => c.value = j),
+              disabled: $.value,
               label: e(l)("panel.status-closed")
             }, null, 8, ["modelValue", "disabled", "label"])
           ])
@@ -2684,234 +2778,228 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
       _: 1
     }, 8, ["open", "title"]));
   }
-}), qt = /* @__PURE__ */ ue(Ct, [["__scopeId", "data-v-b520b53b"]]), zt = { class: "wx-inbox-statuses" }, Ft = { class: "wx-inbox-status" }, Wt = /* @__PURE__ */ ne({
+}), Ft = /* @__PURE__ */ ue(Nt, [["__scopeId", "data-v-b520b53b"]]), It = { class: "wx-inbox-statuses" }, Et = { class: "wx-inbox-status" }, Pt = /* @__PURE__ */ se({
   __name: "StatusesPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const s = i, u = ie(), v = ce(u), n = we();
+  setup(s) {
+    const o = s, d = ie(), u = ce(d);
     pe();
-    const c = ae("webx-inbox"), f = ye(), l = q([]), T = q(!0), p = u.can("inbox.manage"), d = je(qt);
-    function D(h) {
-      return be(h.title, n.active.value, h.key);
-    }
-    async function C() {
-      T.value = !0;
+    const m = ae("webx-inbox"), T = be(), n = W([]), l = W(!0), V = d.can("inbox.manage"), b = je(Ft), p = ol();
+    async function U() {
+      l.value = !0;
       try {
-        l.value = await v.statuses();
-      } catch (h) {
-        L.danger(f(h));
+        n.value = await u.statuses();
+      } catch (y) {
+        O.danger(T(y));
       } finally {
-        T.value = !1;
+        l.value = !1;
       }
     }
-    C();
-    async function z(h) {
-      await d({ status: h }) && await C();
+    U();
+    async function _(y) {
+      await b({ status: y }) && await U();
     }
-    async function b(h) {
-      if (await Ce({
-        title: c("panel.delete-status-title", { status: D(h) }),
-        message: c("panel.delete-status-text"),
-        confirmText: c("panel.delete"),
-        cancelText: c("panel.cancel"),
+    async function $(y) {
+      if (await Ae({
+        title: m("panel.delete-status-title", { status: p(y) }),
+        message: m("panel.delete-status-text"),
+        confirmText: m("panel.delete"),
+        cancelText: m("panel.cancel"),
         tone: "danger"
       }))
         try {
-          await v.removeStatus(h.id), L.success(c("panel.deleted")), await C();
-        } catch (x) {
-          L.danger(f(x));
+          await u.removeStatus(y.id), O.success(m("panel.deleted")), await U();
+        } catch (z) {
+          O.danger(T(z));
         }
     }
-    function F(h) {
-      return p ? [
-        { key: "edit", icon: "edit", label: c("panel.settings"), run: () => {
-          z(h);
+    function c(y) {
+      return V ? [
+        { key: "edit", icon: "edit", label: m("panel.settings"), run: () => {
+          _(y);
         } },
         // A status with submissions in them cannot go: they would have nothing to be in. The
         // line is left out rather than greyed, the way every list of the panel does it.
-        ...h.submissions_count === 0 ? [
+        ...y.submissions_count === 0 ? [
           {
             key: "delete",
             icon: "trash",
-            label: c("panel.delete"),
+            label: m("panel.delete"),
             danger: !0,
             run: () => {
-              b(h);
+              $(y);
             }
           }
         ] : []
       ] : [];
     }
-    const m = U(
-      () => p ? [
+    const N = C(
+      () => V ? [
         {
           key: "new",
-          label: c("panel.new-status"),
+          label: m("panel.new-status"),
           icon: "plus",
           primary: !0,
           run: () => {
-            z(null);
+            _(null);
           }
         }
       ] : []
     );
-    async function $() {
+    async function v() {
       try {
-        await v.sortStatuses(l.value.map((h) => h.id));
-      } catch (h) {
-        L.danger(f(h, c("panel.reorder-failed"))), await C();
+        await u.sortStatuses(n.value.map((y) => y.id));
+      } catch (y) {
+        O.danger(T(y, m("panel.reorder-failed"))), await U();
       }
     }
-    return (h, I) => (o(), G("div", zt, [
-      t(e(pl), {
-        title: e(c)("panel.statuses"),
-        back: s.base,
-        "back-label": e(c)("panel.forms"),
-        actions: m.value
+    return (y, S) => (i(), G("div", It, [
+      t(e(vl), {
+        title: e(m)("panel.statuses"),
+        back: o.base,
+        "back-label": e(m)("panel.forms"),
+        actions: N.value
       }, {
         default: a(() => [
-          !T.value && l.value.length === 0 ? (o(), w(e(Ke), {
+          !l.value && n.value.length === 0 ? (i(), g(e(Ye), {
             key: 0,
-            title: e(c)("panel.no-statuses")
-          }, null, 8, ["title"])) : (o(), w(e(al), {
+            title: e(m)("panel.no-statuses")
+          }, null, 8, ["title"])) : (i(), g(e(nl), {
             key: 1,
-            modelValue: l.value,
-            "onUpdate:modelValue": I[0] || (I[0] = (x) => l.value = x),
+            modelValue: n.value,
+            "onUpdate:modelValue": S[0] || (S[0] = (z) => n.value = z),
             plain: "",
             "item-key": "id",
-            "item-label": D,
-            disabled: !e(p),
-            "aria-label": e(c)("panel.statuses"),
-            onMove: $
+            "item-label": e(p),
+            "drag-label": e(m)("panel.reorder"),
+            disabled: !e(V),
+            "aria-label": e(m)("panel.statuses"),
+            onMove: v
           }, {
-            default: a(({ item: x }) => [
-              K("div", Ft, [
-                t(e(Ue), {
-                  type: x.color
+            default: a(({ item: z }) => [
+              H("div", Et, [
+                t(e($e), {
+                  type: z.color
                 }, {
                   default: a(() => [
-                    S(V(D(x)), 1)
+                    A(x(e(p)(z)), 1)
                   ]),
                   _: 2
                 }, 1032, ["type"]),
-                t(e(Q), {
+                t(e(Y), {
                   size: "sm",
                   tone: "muted",
                   truncate: ""
                 }, {
                   default: a(() => [
-                    K("code", null, V(x.key), 1),
-                    x.is_default ? (o(), G(ee, { key: 0 }, [
-                      S(" · " + V(e(c)("panel.status-default")), 1)
-                    ], 64)) : E("", !0),
-                    x.is_spam ? (o(), G(ee, { key: 1 }, [
-                      S(" · " + V(e(c)("panel.status-spam")), 1)
-                    ], 64)) : x.is_closed ? (o(), G(ee, { key: 2 }, [
-                      S(" · " + V(e(c)("panel.status-closed")), 1)
-                    ], 64)) : E("", !0),
-                    x.submissions_count ? (o(), G(ee, { key: 3 }, [
-                      S(" · " + V(e(c)("panel.in-use")) + " (" + V(x.submissions_count) + ") ", 1)
-                    ], 64)) : E("", !0)
+                    H("code", null, x(z.key), 1),
+                    z.is_default ? (i(), G(ee, { key: 0 }, [
+                      A(" · " + x(e(m)("panel.status-default")), 1)
+                    ], 64)) : M("", !0),
+                    z.is_spam ? (i(), G(ee, { key: 1 }, [
+                      A(" · " + x(e(m)("panel.status-spam")), 1)
+                    ], 64)) : z.is_closed ? (i(), G(ee, { key: 2 }, [
+                      A(" · " + x(e(m)("panel.status-closed")), 1)
+                    ], 64)) : M("", !0),
+                    z.submissions_count ? (i(), G(ee, { key: 3 }, [
+                      A(" · " + x(e(m)("panel.in-use")) + " (" + x(z.submissions_count) + ") ", 1)
+                    ], 64)) : M("", !0)
                   ]),
                   _: 2
                 }, 1024)
               ])
             ]),
-            actions: a(({ item: x }) => [
-              t(e(ze), {
-                actions: F(x),
-                label: D(x)
+            actions: a(({ item: z }) => [
+              t(e(We), {
+                actions: c(z),
+                label: e(p)(z)
               }, null, 8, ["actions", "label"])
             ]),
             _: 1
-          }, 8, ["modelValue", "disabled", "aria-label"]))
+          }, 8, ["modelValue", "item-label", "drag-label", "disabled", "aria-label"]))
         ]),
         _: 1
       }, 8, ["title", "back", "back-label", "actions"])
     ]));
   }
-}), At = /* @__PURE__ */ ue(Wt, [["__scopeId", "data-v-f94bf140"]]), Nt = { class: "wx-submission" }, It = {
+}), Mt = /* @__PURE__ */ ue(Pt, [["__scopeId", "data-v-ba548af9"]]), Ot = { class: "wx-submission" }, Bt = {
   key: 1,
   class: "wx-submission__panes"
-}, Dt = { class: "wx-submission__main" }, Mt = { class: "wx-submission__value" }, Lt = { class: "wx-submission__files" }, Ot = { class: "wx-submission__by" }, Et = { class: "wx-submission__fields" }, Pt = ["href"], Rt = {
+}, Dt = { class: "wx-submission__main" }, Lt = { class: "wx-submission__value" }, Rt = { class: "wx-submission__files" }, Ht = { class: "wx-submission__by" }, Xt = { class: "wx-submission__fields" }, Gt = ["href"], jt = {
   key: 1,
   class: "wx-submission__detail"
-}, Bt = { class: "wx-submission__detail" }, Ht = {
+}, Yt = { class: "wx-submission__detail" }, Kt = {
   key: 5,
   class: "wx-submission__recipients"
-}, Gt = { key: 6 }, jt = { class: "wx-submission__aside" }, Kt = { class: "wx-submission__fields" }, Yt = { class: "wx-submission__field" }, Zt = { class: "wx-submission__field" }, Qt = /* @__PURE__ */ ne({
+}, Zt = { key: 6 }, Qt = { class: "wx-submission__aside" }, Jt = { class: "wx-submission__fields" }, ea = { class: "wx-submission__field" }, la = { class: "wx-submission__field" }, ta = /* @__PURE__ */ se({
   __name: "SubmissionPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const s = i, u = ie(), v = ce(u), n = Re(), c = Be(), f = we();
+  setup(s) {
+    const o = s, d = ie(), u = ce(d), m = Re(), T = He(), n = ke();
     pe();
-    const l = ae("webx-inbox"), T = ae("webx-admin"), p = ye(), d = q(null), D = q([]), C = q([]), z = q(!0), b = U(() => u.can("inbox.update")), F = U(() => Number(n.params.id)), m = U(() => ({
-      view: typeof n.query.view == "string" ? n.query.view : void 0,
-      search: typeof n.query.search == "string" ? n.query.search : void 0,
-      assignee: typeof n.query.assignee == "string" ? n.query.assignee : void 0
-    })), $ = U(() => ({ path: s.base, query: { ...n.query } })), h = U(
-      () => D.value.map((y) => ({ value: y.id, label: x(y) }))
-    ), I = U(
-      () => C.value.map((y) => ({ value: y.id, label: y.name }))
-    );
-    function x(y) {
-      return be(y.title, f.active.value, y.key);
-    }
-    const P = U(() => l("panel.submission", { id: String(F.value) })), j = U(() => {
-      const y = d.value?.form;
-      return y === void 0 ? "" : be(y.title ?? {}, f.active.value, y.slug ?? "");
-    }), R = U(() => (d.value?.values ?? []).find((M) => M.type === "email" && (M.value ?? "") !== "")?.value ?? null), B = U(() => {
-      if (R.value === null) return null;
-      const y = encodeURIComponent(`${j.value} — ${P.value}`);
-      return `mailto:${R.value}?subject=${y}`;
+    const l = ae("webx-inbox"), V = ae("webx-admin"), b = be(), p = W(null), U = W([]), _ = W([]), $ = W(!0), c = C(() => d.can("inbox.update")), N = C(() => Number(m.params.id)), v = C(() => ({
+      view: typeof m.query.view == "string" ? m.query.view : void 0,
+      search: typeof m.query.search == "string" ? m.query.search : void 0,
+      assignee: typeof m.query.assignee == "string" ? m.query.assignee : void 0
+    })), y = C(() => ({ path: o.base, query: { ...m.query } })), S = C(
+      () => U.value.map((f) => ({ value: f.id, label: q(f) }))
+    ), z = C(
+      () => _.value.map((f) => ({ value: f.id, label: f.name }))
+    ), q = ol(), D = C(() => l("panel.submission", { id: String(N.value) })), j = C(() => {
+      const f = p.value?.form;
+      return f === void 0 ? "" : we(f.title ?? {}, n.active.value, f.slug ?? "");
+    }), L = C(() => (p.value?.values ?? []).find((P) => P.type === "email" && (P.value ?? "") !== "")?.value ?? null), R = C(() => {
+      if (L.value === null) return null;
+      const f = encodeURIComponent(`${j.value} — ${D.value}`);
+      return `mailto:${L.value}?subject=${f}`;
     });
     async function r() {
-      z.value = !0;
+      $.value = !0;
       try {
-        d.value = await v.submission(F.value, m.value);
-      } catch (y) {
-        L.danger(p(y)), c.replace($.value);
+        p.value = await u.submission(N.value, v.value);
+      } catch (f) {
+        O.danger(b(f)), T.replace(y.value);
       } finally {
-        z.value = !1;
+        $.value = !1;
       }
     }
-    async function O() {
+    async function B() {
       try {
-        D.value = await v.statuses(), b.value && (C.value = await v.recipients());
-      } catch (y) {
-        L.danger(p(y));
+        U.value = await u.statuses(), c.value && (_.value = await u.recipients());
+      } catch (f) {
+        O.danger(b(f));
       }
     }
-    Te(F, () => {
+    Ue(N, () => {
       r();
-    }, { immediate: !0 }), O();
-    async function J(y) {
+    }, { immediate: !0 }), B();
+    async function Q(f) {
       try {
-        d.value = await v.saveSubmission(F.value, y), L.success(l("panel.saved"));
-      } catch (Y) {
-        L.danger(p(Y)), await r();
+        p.value = await u.saveSubmission(N.value, f), O.success(l("panel.saved"));
+      } catch (Z) {
+        O.danger(b(Z)), await r();
       }
     }
-    function me(y) {
-      typeof y == "number" && J({ status_id: y });
+    function me(f) {
+      typeof f == "number" && Q({ status_id: f });
     }
-    function A(y) {
-      J({ assignee_id: typeof y == "number" ? y : null });
+    function F(f) {
+      Q({ assignee_id: typeof f == "number" ? f : null });
     }
-    const X = U(() => {
-      const y = [];
-      return B.value && y.push({
+    const J = C(() => {
+      const f = [];
+      return R.value && f.push({
         key: "reply",
         label: l("panel.reply"),
         icon: "mail",
         primary: !0,
-        href: B.value,
+        href: R.value,
         target: "_self"
-      }), b.value && d.value !== null && y.push(
+      }), c.value && p.value !== null && f.push(
         {
           key: "unread",
           icon: "eye-off",
@@ -2927,7 +3015,7 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
           label: l("panel.notify-again"),
           menu: !0,
           run: () => {
-            W();
+            I();
           }
         },
         {
@@ -2939,28 +3027,28 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
             de();
           }
         }
-      ), y;
+      ), f;
     });
-    async function W() {
+    async function I() {
       try {
-        d.value = await v.notifySubmission(F.value), L.success(l("panel.notify-sent-again"));
-      } catch (y) {
-        L.danger(p(y));
+        p.value = await u.notifySubmission(N.value), O.success(l("panel.notify-sent-again"));
+      } catch (f) {
+        O.danger(b(f));
       }
     }
-    const k = U(() => d.value?.notification ?? null);
-    function g(y) {
-      return l(`panel.notify-recipient-${y}`);
+    const w = C(() => p.value?.notification ?? null);
+    function h(f) {
+      return l(`panel.notify-recipient-${f}`);
     }
     async function re() {
       try {
-        await v.massSubmissions({ ids: [F.value], action: "unread" }), c.push($.value);
-      } catch (y) {
-        L.danger(p(y));
+        await u.massSubmissions({ ids: [N.value], action: "unread" }), T.push(y.value);
+      } catch (f) {
+        O.danger(b(f));
       }
     }
     async function de() {
-      if (await Ce({
+      if (await Ae({
         title: l("panel.delete-submission-title"),
         message: l("panel.delete-submission-text"),
         confirmText: l("panel.delete"),
@@ -2968,116 +3056,126 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
         tone: "danger"
       }))
         try {
-          await v.removeSubmission(F.value), L.success(l("panel.deleted")), c.push($.value);
-        } catch (Y) {
-          L.danger(p(Y));
+          await u.removeSubmission(N.value), O.success(l("panel.deleted")), T.push(y.value);
+        } catch (Z) {
+          O.danger(b(Z));
         }
     }
-    function Ne(y) {
-      y !== null && c.push({ path: `${s.base}/submissions/${y}`, query: { ...n.query } });
+    function Ee(f) {
+      f !== null && T.push({ path: `${o.base}/submissions/${f}`, query: { ...m.query } });
     }
-    function ke(y) {
-      const Y = D.value.find((M) => M.key === y);
-      return Y === void 0 ? y : x(Y);
+    function Te(f) {
+      const Z = U.value.find((P) => P.key === f);
+      return Z === void 0 ? f : q(Z);
     }
-    const Ye = U(
-      () => d.value?.events?.some((y) => y.type === "no_recipients") ?? !1
+    const Ke = C(
+      () => p.value?.events?.some((f) => f.type === "no_recipients") ?? !1
     );
-    function Ze(y) {
-      switch (y.type) {
+    function Ze(f) {
+      switch (f.type) {
         case "created":
           return l("panel.event-created");
         case "status":
-          return l("panel.event-status", { to: ke(y.to ?? "") });
+          return l("panel.event-status", { to: Te(f.to ?? "") });
         case "assignee":
-          return y.to === null || y.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: y.to });
+          return f.to === null || f.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: f.to });
         case "note":
           return l("panel.event-note");
         case "notified":
           return l("panel.event-notified");
         // A handler of `webx-inbox.handlers`: `from` is its class, shown by its own short name.
         case "handled":
-          return l("panel.event-handled", { name: Ie(y.from) });
+          return l("panel.event-handled", { name: ze(f.from) });
         case "handler_error":
           return l("panel.event-handler-error", {
-            name: Ie(y.from),
-            error: y.to ?? ""
+            name: ze(f.from),
+            error: f.to ?? ""
           });
         case "no_recipients":
           return l("panel.event-no-recipients");
         case "notify_queued":
           return l("panel.event-notify-queued");
         case "notify_failed":
-          return l("panel.event-notify-failed", { to: y.to ?? "" });
+          return l("panel.event-notify-failed", { to: f.to ?? "" });
+        // An answer corrected by hand: named by the label it was asked under, when it still has one.
+        case "value":
+          return l("panel.event-value", {
+            field: Qe(f.field ?? ""),
+            from: f.from ?? "",
+            to: f.to ?? ""
+          });
         default:
-          return y.type;
+          return f.type;
       }
     }
-    function Ie(y) {
-      return (y ?? "").split("\\").pop() ?? "";
+    function Qe(f) {
+      return p.value?.values.find((P) => P.name === f)?.label || f;
+    }
+    function ze(f) {
+      return (f ?? "").split("\\").pop() ?? "";
     }
-    function De(y) {
-      return `${Math.max(1, Math.round(y / 1024))} KB`;
+    function Je(f) {
+      return `${Math.max(1, Math.round(f / 1024))} KB`;
     }
-    const Qe = U(() => {
-      const y = d.value?.meta ?? {}, Y = [];
-      typeof y.page == "string" && y.page !== "" && Y.push({ label: l("panel.meta-page"), value: y.page, link: !0 });
-      const M = d.value?.placement;
-      typeof M == "string" && M !== "" && Y.push({ label: l("panel.meta-placement"), value: M }), typeof y.referrer == "string" && y.referrer !== "" && Y.push({ label: l("panel.meta-referrer"), value: y.referrer, link: !0 });
-      for (const [Je, Xe] of Object.entries(y.utm ?? {}))
-        Y.push({ label: Je, value: String(Xe) });
-      return typeof y.locale == "string" && y.locale !== "" && Y.push({ label: l("panel.meta-locale"), value: y.locale }), typeof y.ip == "string" && y.ip !== "" && Y.push({ label: l("panel.meta-ip"), value: y.ip }), typeof y.user_agent == "string" && y.user_agent !== "" && Y.push({ label: l("panel.meta-agent"), value: y.user_agent }), Y;
+    const Pe = C(() => {
+      const f = p.value?.meta ?? {}, Z = [];
+      typeof f.page == "string" && f.page !== "" && Z.push({ label: l("panel.meta-page"), value: f.page, link: !0 });
+      const P = p.value?.placement;
+      typeof P == "string" && P !== "" && Z.push({ label: l("panel.meta-placement"), value: P }), typeof f.referrer == "string" && f.referrer !== "" && Z.push({ label: l("panel.meta-referrer"), value: f.referrer, link: !0 });
+      for (const [el, k] of Object.entries(f.utm ?? {}))
+        Z.push({ label: el, value: String(k) });
+      return typeof f.locale == "string" && f.locale !== "" && Z.push({ label: l("panel.meta-locale"), value: f.locale }), typeof f.ip == "string" && f.ip !== "" && Z.push({ label: l("panel.meta-ip"), value: f.ip }), typeof f.user_agent == "string" && f.user_agent !== "" && Z.push({ label: l("panel.meta-agent"), value: f.user_agent }), Z;
     });
-    return (y, Y) => (o(), G("div", Nt, [
-      t(e(tl), {
-        title: P.value,
+    return (f, Z) => (i(), G("div", Ot, [
+      t(e(al), {
+        title: D.value,
         subtitle: j.value,
-        back: $.value,
-        actions: X.value
+        back: y.value,
+        actions: J.value
       }, {
         extra: a(() => [
-          t(e($e), {
+          t(e(xe), {
             icon: "chevron-left",
             size: "lg",
             title: e(l)("panel.previous"),
-            disabled: !d.value?.previous_id,
-            onClick: Y[0] || (Y[0] = (M) => Ne(d.value?.previous_id ?? null))
+            disabled: !p.value?.previous_id,
+            onClick: Z[0] || (Z[0] = (P) => Ee(p.value?.previous_id ?? null))
           }, null, 8, ["title", "disabled"]),
-          t(e($e), {
+          t(e(xe), {
             icon: "chevron-right",
             size: "lg",
             title: e(l)("panel.next"),
-            disabled: !d.value?.next_id,
-            onClick: Y[1] || (Y[1] = (M) => Ne(d.value?.next_id ?? null))
+            disabled: !p.value?.next_id,
+            onClick: Z[1] || (Z[1] = (P) => Ee(p.value?.next_id ?? null))
           }, null, 8, ["title", "disabled"])
         ]),
         _: 1
       }, 8, ["title", "subtitle", "back", "actions"]),
-      z.value ? (o(), w(e(We), {
+      $.value ? (i(), g(e(Ne), {
         key: 0,
         rows: 6
-      })) : d.value ? (o(), G("div", It, [
-        K("div", Dt, [
-          t(e(oe), {
+      })) : p.value ? (i(), G("div", Bt, [
+        H("div", Dt, [
+          t(e(ne), {
             title: e(l)("panel.answers")
           }, {
             default: a(() => [
-              d.value.values.length === 0 ? (o(), w(e(Ke), {
+              p.value.values.length === 0 ? (i(), g(e(Ye), {
                 key: 0,
                 size: "sm",
                 description: e(l)("panel.no-answers")
-              }, null, 8, ["description"])) : (o(), w(e(rl), {
+              }, null, 8, ["description"])) : (i(), g(e(cl), {
                 key: 1,
                 columns: 1,
                 layout: "vertical"
               }, {
                 default: a(() => [
-                  (o(!0), G(ee, null, ge(d.value.values, (M) => (o(), w(e(Me), {
-                    key: M.id,
-                    label: M.label ?? M.name
+                  (i(!0), G(ee, null, ye(p.value.values, (P) => (i(), g(e(Me), {
+                    key: P.id,
+                    label: P.label ?? P.name
                   }, {
                     default: a(() => [
-                      K("p", Mt, V(M.value || "—"), 1)
+                      H("p", Lt, x(P.value || "—"), 1)
                     ]),
                     _: 2
                   }, 1032, ["label"]))), 128))
@@ -3087,84 +3185,84 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
             ]),
             _: 1
           }, 8, ["title"]),
-          d.value.files.length > 0 ? (o(), w(e(oe), {
+          p.value.files.length > 0 ? (i(), g(e(ne), {
             key: 0,
             title: e(l)("panel.attachments")
           }, {
             default: a(() => [
-              K("div", Lt, [
-                (o(!0), G(ee, null, ge(d.value.files, (M) => (o(), w(e(Fl), {
-                  key: M.id,
-                  name: M.name,
-                  type: M.mime ?? void 0,
-                  "download-url": M.url,
+              H("div", Rt, [
+                (i(!0), G(ee, null, ye(p.value.files, (P) => (i(), g(e(Il), {
+                  key: P.id,
+                  name: P.name,
+                  type: P.mime ?? void 0,
+                  "download-url": P.url,
                   "download-label": e(l)("panel.download"),
                   size: "sm"
                 }, {
                   meta: a(() => [
-                    S(V(De(M.size)), 1)
+                    A(x(Je(P.size)), 1)
                   ]),
                   _: 2
                 }, 1032, ["name", "type", "download-url", "download-label"]))), 128))
               ])
             ]),
             _: 1
-          }, 8, ["title"])) : E("", !0),
-          t(e(oe), { class: "wx-submission__more" }, {
+          }, 8, ["title"])) : M("", !0),
+          t(e(ne), { class: "wx-submission__more" }, {
             default: a(() => [
-              t(e(nl), {
+              t(e(sl), {
                 variant: "pill",
-                "aria-label": P.value
+                "aria-label": D.value
               }, {
                 default: a(() => [
-                  t(e(xe), {
+                  t(e(ge), {
                     value: "notes",
-                    label: e(T)("notes.title")
+                    label: e(V)("notes.title")
                   }, {
                     default: a(() => [
-                      t(e(_l), {
-                        id: d.value.id,
+                      t(e($l), {
+                        id: p.value.id,
                         type: "inbox_submission",
                         title: "",
-                        can: b.value,
+                        can: c.value,
                         onChange: r
                       }, null, 8, ["id", "can"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  t(e(xe), {
+                  t(e(ge), {
                     value: "log",
                     label: e(l)("panel.log")
                   }, {
                     default: a(() => [
-                      t(e(Wl), { size: "sm" }, {
+                      t(e(El), { size: "sm" }, {
                         default: a(() => [
-                          (o(!0), G(ee, null, ge(d.value.events, (M) => (o(), w(e(Al), {
-                            key: M.id
+                          (i(!0), G(ee, null, ye(p.value.events, (P) => (i(), g(e(Pl), {
+                            key: P.id
                           }, {
                             default: a(() => [
-                              t(e(Q), {
+                              t(e(Y), {
                                 size: "sm",
                                 as: "p",
                                 class: "wx-submission__event"
                               }, {
                                 default: a(() => [
-                                  S(V(Ze(M)), 1)
+                                  A(x(Ze(P)), 1)
                                 ]),
                                 _: 2
                               }, 1024),
-                              K("p", Ot, [
-                                t(e(Q), {
+                              H("p", Ht, [
+                                t(e(Y), {
                                   size: "sm",
                                   tone: "muted"
                                 }, {
                                   default: a(() => [
-                                    S(V(M.author?.name ?? e(l)("panel.system")), 1)
+                                    A(x(P.author?.name ?? e(l)("panel.system")), 1)
                                   ]),
                                   _: 2
                                 }, 1024),
-                                t(e(Ee), {
-                                  value: M.created_at
+                                t(e(Le), {
+                                  value: P.created_at
                                 }, null, 8, ["value"])
                               ])
                             ]),
@@ -3176,13 +3274,13 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  t(e(xe), {
+                  t(e(ge), {
                     value: "details",
                     label: e(l)("panel.details")
                   }, {
                     default: a(() => [
-                      K("div", Et, [
-                        t(e(rl), {
+                      H("div", Xt, [
+                        t(e(cl), {
                           columns: 1,
                           layout: "vertical",
                           size: "sm"
@@ -3192,8 +3290,8 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
                               label: e(l)("panel.received")
                             }, {
                               default: a(() => [
-                                t(e(Ee), {
-                                  value: d.value.created_at,
+                                t(e(Le), {
+                                  value: p.value.created_at,
                                   tone: "default"
                                 }, null, 8, ["value"])
                               ]),
@@ -3203,112 +3301,112 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
                               label: e(l)("panel.meta-source")
                             }, {
                               default: a(() => [
-                                t(e(Ue), {
-                                  type: d.value.source === "panel" ? "info" : "default"
+                                t(e($e), {
+                                  type: p.value.source === "panel" ? "info" : "default"
                                 }, {
                                   default: a(() => [
-                                    S(V(d.value.source === "panel" ? e(l)("panel.source-panel") : e(l)("panel.source-web")), 1)
+                                    A(x(p.value.source === "panel" ? e(l)("panel.source-panel") : e(l)("panel.source-web")), 1)
                                   ]),
                                   _: 1
                                 }, 8, ["type"])
                               ]),
                               _: 1
                             }, 8, ["label"]),
-                            (o(!0), G(ee, null, ge(Qe.value, (M) => (o(), w(e(Me), {
-                              key: M.label,
-                              label: M.label
+                            (i(!0), G(ee, null, ye(Pe.value, (P) => (i(), g(e(Me), {
+                              key: P.label,
+                              label: P.label
                             }, {
                               default: a(() => [
-                                M.link ? (o(), G("a", {
+                                P.link ? (i(), G("a", {
                                   key: 0,
-                                  href: M.value,
+                                  href: P.value,
                                   target: "_blank",
                                   rel: "noreferrer"
-                                }, V(M.value), 9, Pt)) : (o(), G("span", Rt, V(M.value), 1))
+                                }, x(P.value), 9, Gt)) : (i(), G("span", jt, x(P.value), 1))
                               ]),
                               _: 2
                             }, 1032, ["label"]))), 128))
                           ]),
                           _: 1
                         }),
-                        k.value?.state === "failed" ? (o(), w(e(Fe), {
+                        w.value?.state === "failed" ? (i(), g(e(Ce), {
                           key: 0,
                           type: "warning",
                           closable: !1,
                           title: e(l)("panel.notify-failed")
                         }, {
                           default: a(() => [
-                            K("span", Bt, V(k.value.error), 1)
+                            H("span", Yt, x(w.value.error), 1)
                           ]),
                           _: 1
-                        }, 8, ["title"])) : k.value?.state === "queued" ? (o(), w(e(Q), {
+                        }, 8, ["title"])) : w.value?.state === "queued" ? (i(), g(e(Y), {
                           key: 1,
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            S(V(e(l)("panel.notify-queued")), 1)
+                            A(x(e(l)("panel.notify-queued")), 1)
                           ]),
                           _: 1
-                        })) : k.value?.state === "delivered" ? (o(), w(e(Q), {
+                        })) : w.value?.state === "delivered" ? (i(), g(e(Y), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            S(V(e(l)("panel.notified")), 1)
+                            A(x(e(l)("panel.notified")), 1)
                           ]),
                           _: 1
-                        })) : Ye.value ? (o(), w(e(Q), {
+                        })) : Ke.value ? (i(), g(e(Y), {
                           key: 3,
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            S(V(e(l)("panel.notified-nobody")), 1)
+                            A(x(e(l)("panel.notified-nobody")), 1)
                           ]),
                           _: 1
-                        })) : (o(), w(e(Q), {
+                        })) : (i(), g(e(Y), {
                           key: 4,
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            S(V(e(l)("panel.not-notified")), 1)
+                            A(x(e(l)("panel.not-notified")), 1)
                           ]),
                           _: 1
                         })),
-                        k.value && k.value.recipients.length > 0 ? (o(), G("ul", Ht, [
-                          (o(!0), G(ee, null, ge(k.value.recipients, (M) => (o(), G("li", {
-                            key: M.address
+                        w.value && w.value.recipients.length > 0 ? (i(), G("ul", Kt, [
+                          (i(!0), G(ee, null, ye(w.value.recipients, (P) => (i(), G("li", {
+                            key: P.address
                           }, [
-                            t(e(Q), { size: "sm" }, {
+                            t(e(Y), { size: "sm" }, {
                               default: a(() => [
-                                S(V(M.address), 1)
+                                A(x(P.address), 1)
                               ]),
                               _: 2
                             }, 1024),
-                            t(e(Ue), {
-                              type: M.state === "failed" ? "danger" : M.state === "delivered" ? "success" : "default"
+                            t(e($e), {
+                              type: P.state === "failed" ? "danger" : P.state === "delivered" ? "success" : "default"
                             }, {
                               default: a(() => [
-                                S(V(g(M.state)), 1)
+                                A(x(h(P.state)), 1)
                               ]),
                               _: 2
                             }, 1032, ["type"])
                           ]))), 128))
-                        ])) : E("", !0),
-                        b.value && (k.value?.state === "failed" || k.value?.state === "queued") ? (o(), G("div", Gt, [
+                        ])) : M("", !0),
+                        c.value && (w.value?.state === "failed" || w.value?.state === "queued") ? (i(), G("div", Zt, [
                           t(e(te), {
                             size: "sm",
-                            onClick: W
+                            onClick: I
                           }, {
                             default: a(() => [
-                              S(V(e(l)("panel.notify-again")), 1)
+                              A(x(e(l)("panel.notify-again")), 1)
                             ]),
                             _: 1
                           })
-                        ])) : E("", !0)
+                        ])) : M("", !0)
                       ])
                     ]),
                     _: 1
@@ -3320,44 +3418,44 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
             _: 1
           })
         ]),
-        K("aside", jt, [
-          t(e(oe), null, {
+        H("aside", Qt, [
+          t(e(ne), null, {
             default: a(() => [
-              K("div", Kt, [
-                K("label", Yt, [
-                  t(e(Q), {
+              H("div", Jt, [
+                H("label", ea, [
+                  t(e(Y), {
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: a(() => [
-                      S(V(e(l)("panel.status")), 1)
+                      A(x(e(l)("panel.status")), 1)
                     ]),
                     _: 1
                   }),
                   t(e(fe), {
-                    "model-value": d.value.status?.id ?? null,
-                    options: h.value,
-                    disabled: !b.value,
+                    "model-value": p.value.status?.id ?? null,
+                    options: S.value,
+                    disabled: !c.value,
                     "onUpdate:modelValue": me
                   }, null, 8, ["model-value", "options", "disabled"])
                 ]),
-                K("label", Zt, [
-                  t(e(Q), {
+                H("label", la, [
+                  t(e(Y), {
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: a(() => [
-                      S(V(e(l)("panel.assignee")), 1)
+                      A(x(e(l)("panel.assignee")), 1)
                     ]),
                     _: 1
                   }),
                   t(e(fe), {
-                    "model-value": d.value.assignee?.id ?? null,
-                    options: I.value,
-                    disabled: !b.value,
+                    "model-value": p.value.assignee?.id ?? null,
+                    options: z.value,
+                    disabled: !c.value,
                     clearable: "",
                     placeholder: e(l)("panel.unassigned"),
-                    "onUpdate:modelValue": A
+                    "onUpdate:modelValue": F
                   }, null, 8, ["model-value", "options", "disabled", "placeholder"])
                 ])
               ])
@@ -3365,55 +3463,55 @@ const ot = { class: "wx-inbox-recipients" }, it = { class: "wx-inbox-recipients_
             _: 1
           })
         ])
-      ])) : E("", !0)
+      ])) : M("", !0)
     ]));
   }
-}), Jt = /* @__PURE__ */ ue(Qt, [["__scopeId", "data-v-3d8c60d4"]]);
-function aa(i = {}) {
-  const s = i.path ?? "/inbox";
+}), aa = /* @__PURE__ */ ue(ta, [["__scopeId", "data-v-bc5b1b85"]]);
+function ua(s = {}) {
+  const o = s.path ?? "/inbox";
   return {
     id: "inbox",
-    path: s,
-    landing: i.landing ?? !0,
+    path: o,
+    landing: s.landing ?? !0,
     routes: [
       // The section's own path travels as a prop, so a panel that mounted it somewhere else
       // still links between its screens correctly.
-      { path: s, name: "webx.inbox", component: Ut, props: { base: s } },
+      { path: o, name: "webx.inbox", component: zt, props: { base: o } },
       {
-        path: `${s}/statuses`,
+        path: `${o}/statuses`,
         name: "webx.inbox.statuses",
-        component: At,
-        props: { base: s }
+        component: Mt,
+        props: { base: o }
       },
       {
-        path: `${s}/forms/:id(\\d+)`,
+        path: `${o}/forms/:id(\\d+)`,
         name: "webx.inbox.form",
-        component: pt,
-        props: { base: s }
+        component: ht,
+        props: { base: o }
       },
       // A submission has an address of its own, not a dialog over the list (§11): it goes in
       // the mail to whoever deals with it, it gets pasted into a chat, an agent links to it.
       {
-        path: `${s}/submissions/:id(\\d+)`,
+        path: `${o}/submissions/:id(\\d+)`,
         name: "webx.inbox.submission",
-        component: Jt,
-        props: { base: s }
+        component: aa,
+        props: { base: o }
       }
     ]
   };
 }
 export {
-  Il as FIELD_TYPES,
-  Dl as STATUS_COLORS,
-  Kl as WxInboxFieldList,
-  pt as WxInboxFormEditor,
-  Ut as WxInboxPage,
-  At as WxInboxStatusesPage,
-  kt as WxInboxSubmissionList,
-  Jt as WxInboxSubmissionPage,
+  Ol as FIELD_TYPES,
+  Bl as STATUS_COLORS,
+  Ql as WxInboxFieldList,
+  ht as WxInboxFormEditor,
+  zt as WxInboxPage,
+  Mt as WxInboxStatusesPage,
+  Ct as WxInboxSubmissionList,
+  aa as WxInboxSubmissionPage,
   ce as createInboxApi,
-  aa as inbox,
-  Nl as inboxMessages,
+  ua as inbox,
+  Ml as inboxMessages,
   ve as option
 };
 //# sourceMappingURL=index.js.map