@webx-ui/module-inbox 0.3.2 → 0.4.1

package/dist/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as ae, useModel as Ve, computed as W, unref as e, openBlock as p, createBlock as g, withCtx as a, createVNode as t, mergeModels as Me, ref as q, watch as Ue, isRef as ne, createElementVNode as j, createElementBlock as K, Fragment as ee, createCommentVNode as P, createTextVNode as F, toDisplayString as w, renderList as we, createSlots as tl, onMounted as rl, reactive as dl, useTemplateRef as cl, normalizeClass as al } from "vue";
-import { useRoute as De, useRouter as Le } from "vue-router";
-import { useAdmin as ie, useTranslate as te, useErrorText as ve, WxRowMenu as ze, WxScreenHead as Ke, rowMenuWidth as pl, WxDate as Ie, WxListScreen as nl, WxNotes as ml } from "@webx-ui/module-admin";
-import { useLocales as xe, WxLocales as vl, WxRichText as Ye, useModal as Ee, WxDialog as Oe, WxFormItem as G, WxSelect as he, WxInput as X, WxText as J, WxAction as $e, WxButton as oe, WxIcon as Te, WxInputNumber as _e, WxDatePicker as je, WxTagsInput as fl, WxCheckbox as be, WxSpace as Fe, toast as E, createModal as Pe, WxCard as se, WxEmpty as We, WxSortableList as Ze, WxBadge as ke, localizedValue as me, confirm as Se, WxSwitch as sl, WxTable as ol, WxAlert as Ne, WxSkeleton as Re, WxTabs as Qe, WxTab as ge, WxActionBar as bl, WxTextarea as hl, WxRadioGroup as yl, WxCheckboxGroup as gl, useElementWidth as xl, WxEntityCard as _l, WxAvatar as Je, WxTooltip as wl, WxListDetail as kl, WxIndicator as Xe, WxDescriptions as el, WxDescriptionsItem as Ae, WxFileCard as Vl, WxTimeline as $l, WxTimelineItem as Ul } from "@webx-ui/core";
-const il = /* @__PURE__ */ ae({
+import { defineComponent as ae, useModel as $e, computed as F, unref as e, openBlock as u, createBlock as _, withCtx as a, createVNode as t, mergeModels as Me, ref as W, watch as Se, isRef as ne, createElementVNode as G, createElementBlock as j, Fragment as ee, createCommentVNode as H, createTextVNode as z, toDisplayString as k, renderList as we, createSlots as Ie, onMounted as dl, reactive as cl, useTemplateRef as nl, normalizeClass as Je } from "vue";
+import { useRoute as Le, useRouter as Oe } from "vue-router";
+import { useAdmin as oe, useTranslate as te, useErrorText as me, WxRowMenu as Te, WxScreenHead as Ye, rowMenuWidth as pl, WxDate as Ne, WxListScreen as sl, WxNotes as ml } from "@webx-ui/module-admin";
+import { useLocales as xe, WxLocales as vl, WxRichText as Xe, useModal as Ee, WxDialog as Pe, WxFormItem as B, WxSelect as fe, WxInput as X, WxText as J, WxAction as ke, WxButton as le, WxIcon as Ve, WxInputNumber as _e, WxDatePicker as Ke, WxTagsInput as fl, WxCheckbox as ve, WxSpace as We, toast as E, createModal as Re, WxCard as se, WxEmpty as Be, WxSortableList as Ze, WxBadge as Ue, localizedValue as pe, confirm as Ce, WxSwitch as ol, WxTable as il, WxAlert as De, WxSkeleton as Fe, WxTabs as Qe, WxTab as ge, WxActionBar as bl, WxTextarea as hl, WxRadioGroup as yl, WxCheckboxGroup as gl, useElementWidth as xl, WxEntityCard as _l, WxAvatar as el, WxTooltip as wl, WxListDetail as kl, WxIndicator as ll, WxDescriptions as tl, WxDescriptionsItem as Ae, WxFileCard as Vl, WxTimeline as $l, WxTimelineItem as Ul } from "@webx-ui/core";
+const ul = /* @__PURE__ */ ae({
   __name: "LocalizedRichText",
   props: /* @__PURE__ */ Me({
     placeholder: { default: void 0 },
@@ -12,93 +12,93 @@ const il = /* @__PURE__ */ ae({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = Ve(i, "modelValue"), s = i, v = xe(), n = W(() => {
-      const d = v.active.value;
-      return v.list.value.some((C) => C.code === d) ? d : v.list.value[0]?.code ?? "";
-    }), r = W({
+  setup(r) {
+    const s = $e(r, "modelValue"), o = r, v = xe(), n = F(() => {
+      const m = v.active.value;
+      return v.list.value.some(($) => $.code === m) ? m : v.list.value[0]?.code ?? "";
+    }), d = F({
       get: () => {
-        const d = o.value;
-        return typeof d == "string" ? n.value === "" || n.value === v.list.value[0]?.code ? d : "" : d[n.value] ?? "";
+        const m = s.value;
+        return typeof m == "string" ? n.value === "" || n.value === v.list.value[0]?.code ? m : "" : m[n.value] ?? "";
       },
-      set: (d) => {
+      set: (m) => {
         if (n.value === "") {
-          o.value = d;
+          s.value = m;
           return;
         }
-        const l = typeof o.value == "string" ? { [n.value]: o.value } : o.value;
-        o.value = { ...l, [n.value]: d };
+        const l = typeof s.value == "string" ? { [n.value]: s.value } : s.value;
+        s.value = { ...l, [n.value]: m };
       }
     });
-    return (d, l) => e(v).list.value.length > 0 ? (p(), g(e(vl), { key: 0 }, {
+    return (m, l) => e(v).list.value.length > 0 ? (u(), _(e(vl), { key: 0 }, {
       default: a(() => [
-        t(e(Ye), {
-          modelValue: r.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (C) => r.value = C),
-          placeholder: s.placeholder,
-          "min-height": s.minHeight
+        t(e(Xe), {
+          modelValue: d.value,
+          "onUpdate:modelValue": l[0] || (l[0] = ($) => d.value = $),
+          placeholder: o.placeholder,
+          "min-height": o.minHeight
         }, null, 8, ["modelValue", "placeholder", "min-height"])
       ]),
       _: 1
-    })) : (p(), g(e(Ye), {
+    })) : (u(), _(e(Xe), {
       key: 1,
-      modelValue: r.value,
-      "onUpdate:modelValue": l[1] || (l[1] = (C) => r.value = C),
-      placeholder: s.placeholder,
-      "min-height": s.minHeight
+      modelValue: d.value,
+      "onUpdate:modelValue": l[1] || (l[1] = ($) => d.value = $),
+      placeholder: o.placeholder,
+      "min-height": o.minHeight
     }, null, 8, ["modelValue", "placeholder", "min-height"]));
   }
 });
-function re(i) {
-  const o = `${i.apiPath}/inbox`, s = (n) => n.data, v = () => {
+function re(r) {
+  const s = `${r.apiPath}/inbox`, o = (n) => n.data, v = () => {
   };
   return {
-    forms: () => i.http.get(`${o}/forms`).then(s),
-    form: (n) => i.http.get(`${o}/forms/${n}`).then(s),
-    createForm: (n) => i.http.post(`${o}/forms`, n).then(s),
-    saveForm: (n, r) => i.http.put(`${o}/forms/${n}`, r).then(s),
-    removeForm: (n) => i.http.delete(`${o}/forms/${n}`).then(v),
-    duplicateForm: (n) => i.http.post(`${o}/forms/${n}/duplicate`, {}).then(s),
-    sortForms: (n) => i.http.post(`${o}/forms/sorting`, { ids: n }).then(v),
-    fields: (n) => i.http.get(`${o}/forms/${n}/fields`).then(s),
-    createField: (n, r) => i.http.post(`${o}/forms/${n}/fields`, r).then(s),
-    saveField: (n, r) => i.http.put(`${o}/fields/${n}`, r).then(s),
-    removeField: (n) => i.http.delete(`${o}/fields/${n}`).then(v),
-    sortFields: (n, r) => i.http.post(`${o}/forms/${n}/fields/sorting`, { ids: r }).then(v),
-    statuses: () => i.http.get(`${o}/statuses`).then(s),
-    createStatus: (n) => i.http.post(`${o}/statuses`, n).then(s),
-    saveStatus: (n, r) => i.http.put(`${o}/statuses/${n}`, r).then(s),
-    removeStatus: (n) => i.http.delete(`${o}/statuses/${n}`).then(v),
-    sortStatuses: (n) => i.http.post(`${o}/statuses/sorting`, { ids: n }).then(v),
-    recipients: () => i.http.get(`${o}/recipients`).then(s),
-    submissions: (n, r = {}) => i.http.get(`${o}/forms/${n}/submissions`, { query: Ge(r) }).then((d) => ({
-      ...d.meta,
-      data: d.data,
-      columns: d.columns,
-      counts: d.counts
+    forms: () => r.http.get(`${s}/forms`).then(o),
+    form: (n) => r.http.get(`${s}/forms/${n}`).then(o),
+    createForm: (n) => r.http.post(`${s}/forms`, n).then(o),
+    saveForm: (n, d) => r.http.put(`${s}/forms/${n}`, d).then(o),
+    removeForm: (n) => r.http.delete(`${s}/forms/${n}`).then(v),
+    duplicateForm: (n) => r.http.post(`${s}/forms/${n}/duplicate`, {}).then(o),
+    sortForms: (n) => r.http.post(`${s}/forms/sorting`, { ids: n }).then(v),
+    fields: (n) => r.http.get(`${s}/forms/${n}/fields`).then(o),
+    createField: (n, d) => r.http.post(`${s}/forms/${n}/fields`, d).then(o),
+    saveField: (n, d) => r.http.put(`${s}/fields/${n}`, d).then(o),
+    removeField: (n) => r.http.delete(`${s}/fields/${n}`).then(v),
+    sortFields: (n, d) => r.http.post(`${s}/forms/${n}/fields/sorting`, { ids: d }).then(v),
+    statuses: () => r.http.get(`${s}/statuses`).then(o),
+    createStatus: (n) => r.http.post(`${s}/statuses`, n).then(o),
+    saveStatus: (n, d) => r.http.put(`${s}/statuses/${n}`, d).then(o),
+    removeStatus: (n) => r.http.delete(`${s}/statuses/${n}`).then(v),
+    sortStatuses: (n) => r.http.post(`${s}/statuses/sorting`, { ids: n }).then(v),
+    recipients: () => r.http.get(`${s}/recipients`).then(o),
+    submissions: (n, d = {}) => r.http.get(`${s}/forms/${n}/submissions`, { query: je(d) }).then((m) => ({
+      ...m.meta,
+      data: m.data,
+      columns: m.columns,
+      counts: m.counts
     })),
-    submission: (n, r = {}) => i.http.get(`${o}/submissions/${n}`, { query: Ge(r) }).then(s),
-    createSubmission: (n, r) => i.http.post(`${o}/forms/${n}/submissions`, { fields: r }).then(s),
-    saveSubmission: (n, r) => i.http.put(`${o}/submissions/${n}`, r).then(s),
-    removeSubmission: (n) => i.http.delete(`${o}/submissions/${n}`).then(v),
-    massSubmissions: (n) => i.http.post(`${o}/submissions/mass`, n).then(s),
-    exportUrl: (n, r = {}) => {
-      const d = new URLSearchParams();
-      for (const [C, m] of Object.entries(Ge(r)))
-        m != null && m !== "" && d.set(C, String(m));
-      const l = d.toString();
-      return `${o}/forms/${n}/submissions/export${l === "" ? "" : `?${l}`}`;
+    submission: (n, d = {}) => r.http.get(`${s}/submissions/${n}`, { query: je(d) }).then(o),
+    createSubmission: (n, d) => r.http.post(`${s}/forms/${n}/submissions`, { fields: d }).then(o),
+    saveSubmission: (n, d) => r.http.put(`${s}/submissions/${n}`, d).then(o),
+    removeSubmission: (n) => r.http.delete(`${s}/submissions/${n}`).then(v),
+    massSubmissions: (n) => r.http.post(`${s}/submissions/mass`, n).then(o),
+    exportUrl: (n, d = {}) => {
+      const m = new URLSearchParams();
+      for (const [$, p] of Object.entries(je(d)))
+        p != null && p !== "" && m.set($, String(p));
+      const l = m.toString();
+      return `${s}/forms/${n}/submissions/export${l === "" ? "" : `?${l}`}`;
     }
   };
 }
-function Ge(i) {
+function je(r) {
   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,
-    sort: i.sort ?? void 0,
-    page: i.page,
-    per_page: i.per_page
+    view: r.view === void 0 || r.view === "" ? void 0 : r.view,
+    search: r.search === void 0 || r.search === "" ? void 0 : r.search,
+    assignee: r.assignee ?? void 0,
+    sort: r.sort ?? void 0,
+    page: r.page,
+    per_page: r.per_page
   };
 }
 const Sl = {
@@ -110,7 +110,6 @@ const Sl = {
     "new-form": "New form",
     "no-forms": "No forms yet.",
     "no-forms-help": "A form is a few questions and a list of who hears the answers.",
-    "choose-form": "Choose a form to see what has come in.",
     unread: "Unread",
     submissions: "Submissions in all",
     off: "Off",
@@ -201,7 +200,7 @@ const Sl = {
     "view-all": "All",
     "view-unread": "Unread",
     export: "Export",
-    "new-submission": "Add by hand",
+    "new-submission": "New submission",
     "new-submission-title": "A submission by hand",
     "new-submission-help": "For one that came by telephone or on paper. It is written the same way and lands in the same list.",
     created: "Added.",
@@ -296,11 +295,11 @@ const Sl = {
     "type-file": "File",
     "type-hidden": "Hidden"
   }
-}, ll = /* @__PURE__ */ new WeakSet();
+}, al = /* @__PURE__ */ new WeakSet();
 function de() {
   try {
-    const { i18n: i } = ie();
-    ll.has(i) || (i.defaults("webx-inbox", Sl), ll.add(i));
+    const { i18n: r } = oe();
+    al.has(r) || (r.defaults("webx-inbox", Sl), al.add(r));
   } catch {
   }
 }
@@ -316,7 +315,7 @@ const Cl = [
   "date",
   "file",
   "hidden"
-], zl = ["default", "primary", "success", "warning", "info", "danger"], Tl = { class: "wx-inbox-field-form" }, Wl = { class: "wx-inbox-field-form__row" }, Fl = {
+], zl = ["default", "primary", "success", "warning", "info", "danger"], Tl = { class: "wx-inbox-field-form" }, Fl = { class: "wx-inbox-field-form__row" }, Wl = {
   key: 2,
   class: "wx-inbox-choices"
 }, ql = { class: "wx-inbox-field-form__row" }, Al = { class: "wx-inbox-field-form__checks" }, Il = /* @__PURE__ */ ae({
@@ -325,99 +324,99 @@ const Cl = [
     field: {},
     form: {}
   },
-  setup(i) {
-    const o = i, { resolve: s, dismiss: v, open: n } = Ee(), r = ie(), d = re(r);
+  setup(r) {
+    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = oe(), m = re(d);
     de();
-    const l = te("webx-inbox"), C = ve(), m = q(!1), c = q({}), N = q(""), f = q("text"), T = q({}), S = q({}), z = q({}), u = q({}), _ = q(!0), b = q(!1), L = q(!0), k = q(!1);
-    Ue(
-      () => o.field,
-      (O) => {
-        N.value = O?.name ?? "", f.value = O?.type ?? "text", T.value = { ...O?.title ?? {} }, S.value = { ...O?.placeholder ?? {} }, z.value = { ...O?.help ?? {} }, u.value = { ...O?.options ?? {} }, _.value = O?.is_enabled ?? !0, b.value = O?.is_required ?? !1, L.value = O?.is_fullsize ?? !0, k.value = O?.in_table ?? !1, c.value = {};
+    const l = te("webx-inbox"), $ = me(), p = W(!1), i = W({}), O = W(""), S = W("text"), T = W({}), b = W({}), q = W({}), c = W({}), U = W(!0), f = W(!1), I = W(!0), w = W(!1);
+    Se(
+      () => s.field,
+      (D) => {
+        O.value = D?.name ?? "", S.value = D?.type ?? "text", T.value = { ...D?.title ?? {} }, b.value = { ...D?.placeholder ?? {} }, q.value = { ...D?.help ?? {} }, c.value = { ...D?.options ?? {} }, U.value = D?.is_enabled ?? !0, f.value = D?.is_required ?? !1, I.value = D?.is_fullsize ?? !0, w.value = D?.in_table ?? !1, i.value = {};
       },
       { immediate: !0 }
     );
-    const R = W(
-      () => Cl.map((O) => ({ value: O, label: l(`fields.type-${O}`) }))
-    ), A = W(() => ["select", "radio", "checkbox"].includes(f.value)), V = W(
-      () => Array.isArray(u.value.choices) ? u.value.choices : []
-    ), D = W({
-      get: () => Array.isArray(u.value.extensions) ? u.value.extensions : [],
-      set: (O) => y(
+    const P = F(
+      () => Cl.map((D) => ({ value: D, label: l(`fields.type-${D}`) }))
+    ), M = F(() => ["select", "radio", "checkbox"].includes(S.value)), A = F(
+      () => Array.isArray(c.value.choices) ? c.value.choices : []
+    ), C = F({
+      get: () => Array.isArray(c.value.extensions) ? c.value.extensions : [],
+      set: (D) => g(
         "extensions",
-        O.map(($) => $.replace(/^\./, ""))
+        D.map((x) => x.replace(/^\./, ""))
       )
     });
-    function y(O, $) {
-      u.value = { ...u.value, [O]: $ };
+    function g(D, x) {
+      c.value = { ...c.value, [D]: x };
     }
-    function Y() {
-      y("choices", [...V.value, { value: "", label: {} }]);
+    function Q() {
+      g("choices", [...A.value, { value: "", label: {} }]);
     }
-    function M(O) {
-      y(
+    function be(D) {
+      g(
         "choices",
-        V.value.filter(($, U) => U !== O)
+        A.value.filter((x, h) => h !== D)
       );
     }
-    function le(O, $) {
-      y(
+    function he(D, x) {
+      g(
         "choices",
-        V.value.map((U, ce) => ce === O ? { ...U, ...$ } : U)
+        A.value.map((h, ue) => ue === D ? { ...h, ...x } : h)
       );
     }
-    function B(O) {
-      return c.value[O]?.[0];
+    function N(D) {
+      return i.value[D]?.[0];
     }
-    async function ye() {
-      m.value = !0, c.value = {};
-      const O = {
-        name: N.value.trim() === "" ? null : N.value.trim(),
-        type: f.value,
+    async function K() {
+      p.value = !0, i.value = {};
+      const D = {
+        name: O.value.trim() === "" ? null : O.value.trim(),
+        type: S.value,
         title: T.value,
-        placeholder: S.value,
-        help: z.value,
-        options: u.value,
-        is_enabled: _.value,
-        is_required: b.value,
-        is_fullsize: L.value,
-        in_table: k.value
+        placeholder: b.value,
+        help: q.value,
+        options: c.value,
+        is_enabled: U.value,
+        is_required: f.value,
+        is_fullsize: I.value,
+        in_table: w.value
       };
       try {
-        s(
-          o.field === null ? await d.createField(o.form.id, O) : await d.saveField(o.field.id, O)
+        o(
+          s.field === null ? await m.createField(s.form.id, D) : await m.saveField(s.field.id, D)
         );
-      } catch ($) {
-        const U = $.body;
-        U?.errors ? (c.value = U.errors, E.danger(l("panel.failed"))) : E.danger(C($));
+      } catch (x) {
+        const h = x.body;
+        h?.errors ? (i.value = h.errors, E.danger(l("panel.failed"))) : E.danger($(x));
       } finally {
-        m.value = !1;
+        p.value = !1;
       }
     }
-    return (O, $) => (p(), g(e(Oe), {
+    return (D, x) => (u(), _(e(Pe), {
       open: e(n),
-      "onUpdate:open": $[21] || ($[21] = (U) => ne(n) ? n.value = U : null),
-      title: i.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
+      "onUpdate:open": x[21] || (x[21] = (h) => ne(n) ? n.value = h : null),
+      title: r.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
       width: 720
     }, {
       footer: a(() => [
-        t(e(Fe), { size: "sm" }, {
+        t(e(We), { size: "sm" }, {
           default: a(() => [
-            t(e(oe), {
+            t(e(le), {
               variant: "outline",
-              onClick: $[20] || ($[20] = (U) => e(v)())
+              onClick: x[20] || (x[20] = (h) => e(v)())
             }, {
               default: a(() => [
-                F(w(e(l)("fields.cancel")), 1)
+                z(k(e(l)("fields.cancel")), 1)
               ]),
               _: 1
             }),
-            t(e(oe), {
+            t(e(le), {
               type: "primary",
-              loading: m.value,
-              onClick: ye
+              loading: p.value,
+              onClick: K
             }, {
               default: a(() => [
-                F(w(e(l)("fields.save")), 1)
+                z(k(e(l)("fields.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -426,292 +425,292 @@ const Cl = [
         })
       ]),
       default: a(() => [
-        j("div", Tl, [
-          j("div", Wl, [
-            t(e(G), {
+        G("div", Tl, [
+          G("div", Fl, [
+            t(e(B), {
               label: e(l)("fields.type")
             }, {
               default: a(() => [
-                t(e(he), {
-                  modelValue: f.value,
-                  "onUpdate:modelValue": $[0] || ($[0] = (U) => f.value = U),
-                  options: R.value
+                t(e(fe), {
+                  modelValue: S.value,
+                  "onUpdate:modelValue": x[0] || (x[0] = (h) => S.value = h),
+                  options: P.value
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
             }, 8, ["label"]),
-            t(e(G), {
+            t(e(B), {
               label: e(l)("fields.name"),
               help: e(l)("fields.name-help"),
-              error: B("name")
+              error: N("name")
             }, {
               default: a(() => [
                 t(e(X), {
-                  modelValue: N.value,
-                  "onUpdate:modelValue": $[1] || ($[1] = (U) => N.value = U),
+                  modelValue: O.value,
+                  "onUpdate:modelValue": x[1] || (x[1] = (h) => O.value = h),
                   placeholder: "email"
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "help", "error"])
           ]),
-          t(e(G), {
+          t(e(B), {
             label: e(l)("fields.title"),
-            error: B("title"),
+            error: N("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
                 modelValue: T.value,
-                "onUpdate:modelValue": $[2] || ($[2] = (U) => T.value = U),
+                "onUpdate:modelValue": x[2] || (x[2] = (h) => T.value = h),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          f.value !== "hidden" ? (p(), K(ee, { key: 0 }, [
-            f.value !== "consent" ? (p(), g(e(G), {
+          S.value !== "hidden" ? (u(), j(ee, { key: 0 }, [
+            S.value !== "consent" ? (u(), _(e(B), {
               key: 0,
               label: e(l)("fields.placeholder")
             }, {
               default: a(() => [
                 t(e(X), {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": $[3] || ($[3] = (U) => S.value = U),
+                  modelValue: b.value,
+                  "onUpdate:modelValue": x[3] || (x[3] = (h) => b.value = h),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
-            }, 8, ["label"])) : P("", !0),
-            t(e(G), {
+            }, 8, ["label"])) : H("", !0),
+            t(e(B), {
               label: e(l)("fields.help")
             }, {
               default: a(() => [
                 t(e(X), {
-                  modelValue: z.value,
-                  "onUpdate:modelValue": $[4] || ($[4] = (U) => z.value = U),
+                  modelValue: q.value,
+                  "onUpdate:modelValue": x[4] || (x[4] = (h) => q.value = h),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label"])
-          ], 64)) : P("", !0),
-          f.value === "consent" ? (p(), g(e(G), {
+          ], 64)) : H("", !0),
+          S.value === "consent" ? (u(), _(e(B), {
             key: 1,
             label: e(l)("fields.consent-text"),
             help: e(l)("fields.consent-text-help")
           }, {
             default: a(() => [
-              t(il, {
-                "model-value": u.value.text ?? {},
+              t(ul, {
+                "model-value": c.value.text ?? {},
                 "min-height": "100px",
-                "onUpdate:modelValue": $[5] || ($[5] = (U) => y("text", U))
+                "onUpdate:modelValue": x[5] || (x[5] = (h) => g("text", h))
               }, null, 8, ["model-value"])
             ]),
             _: 1
-          }, 8, ["label", "help"])) : P("", !0),
-          A.value ? (p(), K("div", Fl, [
+          }, 8, ["label", "help"])) : H("", !0),
+          M.value ? (u(), j("div", Wl, [
             t(e(J), {
               size: "sm",
               weight: "medium"
             }, {
               default: a(() => [
-                F(w(e(l)("fields.choices")), 1)
+                z(k(e(l)("fields.choices")), 1)
               ]),
               _: 1
             }),
-            V.value.length === 0 ? (p(), g(e(J), {
+            A.value.length === 0 ? (u(), _(e(J), {
               key: 0,
               size: "sm",
               tone: "placeholder"
             }, {
               default: a(() => [
-                F(w(e(l)("fields.no-choices")), 1)
+                z(k(e(l)("fields.no-choices")), 1)
               ]),
               _: 1
-            })) : P("", !0),
-            (p(!0), K(ee, null, we(V.value, (U, ce) => (p(), K("div", {
-              key: ce,
+            })) : H("", !0),
+            (u(!0), j(ee, null, we(A.value, (h, ue) => (u(), j("div", {
+              key: ue,
               class: "wx-inbox-choices__row"
             }, [
               t(e(X), {
-                "model-value": U.value,
+                "model-value": h.value,
                 placeholder: e(l)("fields.choice-value"),
-                "onUpdate:modelValue": (fe) => le(ce, { value: String(fe) })
+                "onUpdate:modelValue": (ye) => he(ue, { value: String(ye) })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
               t(e(X), {
-                "model-value": U.label,
+                "model-value": h.label,
                 localized: "",
                 placeholder: e(l)("fields.choice-label"),
-                "onUpdate:modelValue": (fe) => le(ce, { label: fe })
+                "onUpdate:modelValue": (ye) => he(ue, { label: ye })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              t(e($e), {
+              t(e(ke), {
                 icon: "trash",
                 title: e(l)("fields.delete"),
-                onClick: (fe) => M(ce)
+                onClick: (ye) => be(ue)
               }, null, 8, ["title", "onClick"])
             ]))), 128)),
-            t(e(oe), {
+            t(e(le), {
               variant: "outline",
               size: "sm",
-              onClick: Y
+              onClick: Q
             }, {
               icon: a(() => [
-                t(e(Te), { name: "plus" })
+                t(e(Ve), { name: "plus" })
               ]),
               default: a(() => [
-                F(" " + w(e(l)("fields.add-choice")), 1)
+                z(" " + k(e(l)("fields.add-choice")), 1)
               ]),
               _: 1
             })
-          ])) : P("", !0),
-          j("div", ql, [
-            f.value === "textarea" ? (p(), g(e(G), {
+          ])) : H("", !0),
+          G("div", ql, [
+            S.value === "textarea" ? (u(), _(e(B), {
               key: 0,
               label: e(l)("fields.rows")
             }, {
               default: a(() => [
                 t(e(_e), {
-                  "model-value": u.value.rows ?? 5,
+                  "model-value": c.value.rows ?? 5,
                   min: 2,
                   max: 30,
-                  "onUpdate:modelValue": $[6] || ($[6] = (U) => y("rows", U))
+                  "onUpdate:modelValue": x[6] || (x[6] = (h) => g("rows", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : P("", !0),
-            ["text", "email", "textarea"].includes(f.value) ? (p(), g(e(G), {
+            }, 8, ["label"])) : H("", !0),
+            ["text", "email", "textarea"].includes(S.value) ? (u(), _(e(B), {
               key: 1,
               label: e(l)("fields.maxlength")
             }, {
               default: a(() => [
                 t(e(_e), {
-                  "model-value": u.value.maxlength ?? null,
+                  "model-value": c.value.maxlength ?? null,
                   min: 1,
                   max: 2e4,
-                  "onUpdate:modelValue": $[7] || ($[7] = (U) => y("maxlength", U))
+                  "onUpdate:modelValue": x[7] || (x[7] = (h) => g("maxlength", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : P("", !0),
-            f.value === "tel" ? (p(), g(e(G), {
+            }, 8, ["label"])) : H("", !0),
+            S.value === "tel" ? (u(), _(e(B), {
               key: 2,
               label: e(l)("fields.pattern"),
               help: e(l)("fields.pattern-help")
             }, {
               default: a(() => [
                 t(e(X), {
-                  "model-value": u.value.pattern ?? "",
-                  "onUpdate:modelValue": $[8] || ($[8] = (U) => y("pattern", U))
+                  "model-value": c.value.pattern ?? "",
+                  "onUpdate:modelValue": x[8] || (x[8] = (h) => g("pattern", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label", "help"])) : P("", !0),
-            f.value === "date" ? (p(), K(ee, { key: 3 }, [
-              t(e(G), {
+            }, 8, ["label", "help"])) : H("", !0),
+            S.value === "date" ? (u(), j(ee, { key: 3 }, [
+              t(e(B), {
                 label: e(l)("fields.earliest")
               }, {
                 default: a(() => [
-                  t(e(je), {
+                  t(e(Ke), {
                     clearable: "",
-                    "model-value": u.value.min ?? null,
-                    "onUpdate:modelValue": $[9] || ($[9] = (U) => y("min", U))
+                    "model-value": c.value.min ?? null,
+                    "onUpdate:modelValue": x[9] || (x[9] = (h) => g("min", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              t(e(G), {
+              t(e(B), {
                 label: e(l)("fields.latest")
               }, {
                 default: a(() => [
-                  t(e(je), {
+                  t(e(Ke), {
                     clearable: "",
-                    "model-value": u.value.max ?? null,
-                    "onUpdate:modelValue": $[10] || ($[10] = (U) => y("max", U))
+                    "model-value": c.value.max ?? null,
+                    "onUpdate:modelValue": x[10] || (x[10] = (h) => g("max", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : P("", !0),
-            f.value === "checkbox" ? (p(), K(ee, { key: 4 }, [
-              t(e(G), {
+            ], 64)) : H("", !0),
+            S.value === "checkbox" ? (u(), j(ee, { key: 4 }, [
+              t(e(B), {
                 label: e(l)("fields.min-choices")
               }, {
                 default: a(() => [
                   t(e(_e), {
-                    "model-value": u.value.min ?? null,
+                    "model-value": c.value.min ?? null,
                     min: 0,
-                    "onUpdate:modelValue": $[11] || ($[11] = (U) => y("min", U))
+                    "onUpdate:modelValue": x[11] || (x[11] = (h) => g("min", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              t(e(G), {
+              t(e(B), {
                 label: e(l)("fields.max-choices")
               }, {
                 default: a(() => [
                   t(e(_e), {
-                    "model-value": u.value.max ?? null,
+                    "model-value": c.value.max ?? null,
                     min: 0,
-                    "onUpdate:modelValue": $[12] || ($[12] = (U) => y("max", U))
+                    "onUpdate:modelValue": x[12] || (x[12] = (h) => g("max", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
-            ], 64)) : P("", !0),
-            f.value === "file" ? (p(), g(e(G), {
+            ], 64)) : H("", !0),
+            S.value === "file" ? (u(), _(e(B), {
               key: 5,
               label: e(l)("fields.max-size")
             }, {
               default: a(() => [
                 t(e(_e), {
-                  "model-value": u.value.max_size ?? null,
+                  "model-value": c.value.max_size ?? null,
                   min: 1,
-                  "onUpdate:modelValue": $[13] || ($[13] = (U) => y("max_size", U))
+                  "onUpdate:modelValue": x[13] || (x[13] = (h) => g("max_size", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
-            }, 8, ["label"])) : P("", !0)
+            }, 8, ["label"])) : H("", !0)
           ]),
-          f.value === "file" ? (p(), K(ee, { key: 3 }, [
-            t(e(G), {
+          S.value === "file" ? (u(), j(ee, { key: 3 }, [
+            t(e(B), {
               label: e(l)("fields.extensions"),
               help: e(l)("fields.extensions-help")
             }, {
               default: a(() => [
                 t(e(fl), {
-                  modelValue: D.value,
-                  "onUpdate:modelValue": $[14] || ($[14] = (U) => D.value = U)
+                  modelValue: C.value,
+                  "onUpdate:modelValue": x[14] || (x[14] = (h) => C.value = h)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "help"]),
-            t(e(be), {
-              "model-value": !!u.value.multiple,
+            t(e(ve), {
+              "model-value": !!c.value.multiple,
               label: e(l)("fields.multiple"),
-              "onUpdate:modelValue": $[15] || ($[15] = (U) => y("multiple", U))
+              "onUpdate:modelValue": x[15] || (x[15] = (h) => g("multiple", h))
             }, null, 8, ["model-value", "label"])
-          ], 64)) : P("", !0),
-          j("div", Al, [
-            t(e(be), {
-              modelValue: _.value,
-              "onUpdate:modelValue": $[16] || ($[16] = (U) => _.value = U),
+          ], 64)) : H("", !0),
+          G("div", Al, [
+            t(e(ve), {
+              modelValue: U.value,
+              "onUpdate:modelValue": x[16] || (x[16] = (h) => U.value = h),
               label: e(l)("fields.is-enabled")
             }, null, 8, ["modelValue", "label"]),
-            t(e(be), {
-              modelValue: b.value,
-              "onUpdate:modelValue": $[17] || ($[17] = (U) => b.value = U),
+            t(e(ve), {
+              modelValue: f.value,
+              "onUpdate:modelValue": x[17] || (x[17] = (h) => f.value = h),
               label: e(l)("fields.is-required")
             }, null, 8, ["modelValue", "label"]),
-            f.value !== "hidden" ? (p(), g(e(be), {
+            S.value !== "hidden" ? (u(), _(e(ve), {
               key: 0,
-              modelValue: L.value,
-              "onUpdate:modelValue": $[18] || ($[18] = (U) => L.value = U),
+              modelValue: I.value,
+              "onUpdate:modelValue": x[18] || (x[18] = (h) => I.value = h),
               label: e(l)("fields.is-fullsize")
-            }, null, 8, ["modelValue", "label"])) : P("", !0),
-            t(e(be), {
-              modelValue: k.value,
-              "onUpdate:modelValue": $[19] || ($[19] = (U) => k.value = U),
+            }, null, 8, ["modelValue", "label"])) : H("", !0),
+            t(e(ve), {
+              modelValue: w.value,
+              "onUpdate:modelValue": x[19] || (x[19] = (h) => w.value = h),
               label: e(l)("fields.in-table")
             }, null, 8, ["modelValue", "label"])
           ])
@@ -720,12 +719,12 @@ const Cl = [
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ue = (i, o) => {
-  const s = i.__vccOpts || i;
-  for (const [v, n] of o)
-    s[v] = n;
-  return s;
-}, Nl = /* @__PURE__ */ ue(Il, [["__scopeId", "data-v-6696bbc1"]]), Ml = { class: "wx-inbox-field" }, Dl = { class: "wx-inbox-field__name" }, Ll = /* @__PURE__ */ ae({
+}), ie = (r, s) => {
+  const o = r.__vccOpts || r;
+  for (const [v, n] of s)
+    o[v] = n;
+  return o;
+}, Nl = /* @__PURE__ */ ie(Il, [["__scopeId", "data-v-6696bbc1"]]), Dl = { class: "wx-inbox-field" }, Ml = { class: "wx-inbox-field__name" }, Ll = /* @__PURE__ */ ae({
   __name: "FieldList",
   props: /* @__PURE__ */ Me({
     form: {},
@@ -735,103 +734,103 @@ const Cl = [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = i, s = Ve(i, "modelValue"), v = ie(), n = re(v), r = xe();
+  setup(r) {
+    const s = r, o = $e(r, "modelValue"), v = oe(), n = re(v), d = xe();
     de();
-    const d = te("webx-inbox"), l = ve(), C = Pe(Nl);
-    function m(u) {
-      return me(u.title, r.active.value, u.key);
+    const m = te("webx-inbox"), l = me(), $ = Re(Nl);
+    function p(c) {
+      return pe(c.title, d.active.value, c.key);
     }
-    function c(u) {
+    function i(c) {
       return [
-        d(`fields.type-${u.type}`),
-        ...u.is_required ? [d("fields.is-required")] : [],
-        ...u.in_table ? [d("fields.in-table")] : [],
-        ...u.is_fullsize ? [] : [d("fields.is-fullsize")]
+        m(`fields.type-${c.type}`),
+        ...c.is_required ? [m("fields.is-required")] : [],
+        ...c.in_table ? [m("fields.in-table")] : [],
+        ...c.is_fullsize ? [] : [m("fields.is-fullsize")]
       ];
     }
-    const N = W(() => s.value.length === 0);
-    async function f(u) {
-      const _ = await C({ field: u, form: o.form });
-      _ && (s.value = u === null ? [...s.value, _] : s.value.map((b) => b.id === _.id ? _ : b));
-    }
-    async function T(u) {
-      if (await Se({
-        title: d("fields.delete-title", { field: m(u) }),
-        message: d("fields.delete-text"),
-        confirmText: d("fields.delete"),
-        cancelText: d("fields.cancel"),
+    const O = F(() => o.value.length === 0);
+    async function S(c) {
+      const U = await $({ field: c, form: s.form });
+      U && (o.value = c === null ? [...o.value, U] : o.value.map((f) => f.id === U.id ? U : f));
+    }
+    async function T(c) {
+      if (await Ce({
+        title: m("fields.delete-title", { field: p(c) }),
+        message: m("fields.delete-text"),
+        confirmText: m("fields.delete"),
+        cancelText: m("fields.cancel"),
         tone: "danger"
       }))
         try {
-          await n.removeField(u.id), s.value = s.value.filter((b) => b.id !== u.id), E.success(d("panel.deleted"));
-        } catch (b) {
-          E.danger(l(b));
+          await n.removeField(c.id), o.value = o.value.filter((f) => f.id !== c.id), E.success(m("panel.deleted"));
+        } catch (f) {
+          E.danger(l(f));
         }
     }
-    function S(u) {
-      return o.canManage ? [
-        { key: "edit", icon: "edit", label: d("fields.edit-field"), run: () => {
-          f(u);
+    function b(c) {
+      return s.canManage ? [
+        { key: "edit", icon: "edit", label: m("fields.edit-field"), run: () => {
+          S(c);
         } },
         {
           key: "delete",
           icon: "trash",
-          label: d("fields.delete"),
+          label: m("fields.delete"),
           danger: !0,
           run: () => {
-            T(u);
+            T(c);
           }
         }
       ] : [];
     }
-    async function z() {
+    async function q() {
       try {
         await n.sortFields(
-          o.form.id,
-          s.value.map((u) => u.id)
+          s.form.id,
+          o.value.map((c) => c.id)
         );
-      } catch (u) {
-        E.danger(l(u, d("panel.reorder-failed")));
+      } catch (c) {
+        E.danger(l(c, m("panel.reorder-failed")));
       }
     }
-    return (u, _) => (p(), g(e(se), {
-      title: e(d)("panel.tab-fields")
-    }, tl({
+    return (c, U) => (u(), _(e(se), {
+      title: e(m)("panel.tab-fields")
+    }, Ie({
       default: a(() => [
-        N.value ? (p(), g(e(We), {
+        O.value ? (u(), _(e(Be), {
           key: 0,
-          title: e(d)("fields.no-fields"),
-          description: e(d)("fields.no-fields-help")
-        }, null, 8, ["title", "description"])) : (p(), g(e(Ze), {
+          title: e(m)("fields.no-fields"),
+          description: e(m)("fields.no-fields-help")
+        }, null, 8, ["title", "description"])) : (u(), _(e(Ze), {
           key: 1,
-          modelValue: s.value,
-          "onUpdate:modelValue": _[1] || (_[1] = (b) => s.value = b),
+          modelValue: o.value,
+          "onUpdate:modelValue": U[1] || (U[1] = (f) => o.value = f),
           plain: "",
           "item-key": "id",
-          "item-label": m,
-          disabled: !i.canManage,
-          "aria-label": e(d)("panel.tab-fields"),
-          onMove: z
+          "item-label": p,
+          disabled: !r.canManage,
+          "aria-label": e(m)("panel.tab-fields"),
+          onMove: q
         }, {
-          default: a(({ item: b }) => [
-            j("div", Ml, [
-              j("div", Dl, [
+          default: a(({ item: f }) => [
+            G("div", Dl, [
+              G("div", Ml, [
                 t(e(J), {
                   weight: "medium",
                   truncate: ""
                 }, {
                   default: a(() => [
-                    F(w(m(b)), 1)
+                    z(k(p(f)), 1)
                   ]),
                   _: 2
                 }, 1024),
-                b.is_enabled ? P("", !0) : (p(), g(e(ke), {
+                f.is_enabled ? H("", !0) : (u(), _(e(Ue), {
                   key: 0,
                   type: "default"
                 }, {
                   default: a(() => [
-                    F(w(e(d)("panel.off")), 1)
+                    z(k(e(m)("panel.off")), 1)
                   ]),
                   _: 1
                 }))
@@ -842,17 +841,17 @@ const Cl = [
                 truncate: ""
               }, {
                 default: a(() => [
-                  j("code", null, "fields[" + w(b.key) + "]", 1),
-                  F(" · " + w(c(b).join(" · ")), 1)
+                  G("code", null, "fields[" + k(f.key) + "]", 1),
+                  z(" · " + k(i(f).join(" · ")), 1)
                 ]),
                 _: 2
               }, 1024)
             ])
           ]),
-          actions: a(({ item: b }) => [
-            t(e(ze), {
-              actions: S(b),
-              label: m(b)
+          actions: a(({ item: f }) => [
+            t(e(Te), {
+              actions: b(f),
+              label: p(f)
             }, null, 8, ["actions", "label"])
           ]),
           _: 1
@@ -860,19 +859,19 @@ const Cl = [
       ]),
       _: 2
     }, [
-      i.canManage ? {
+      r.canManage ? {
         name: "extra",
         fn: a(() => [
-          t(e(oe), {
+          t(e(le), {
             type: "primary",
             size: "sm",
-            onClick: _[0] || (_[0] = (b) => f(null))
+            onClick: U[0] || (U[0] = (f) => S(null))
           }, {
             icon: a(() => [
-              t(e(Te), { name: "plus" })
+              t(e(Ve), { name: "plus" })
             ]),
             default: a(() => [
-              F(" " + w(e(d)("fields.new-field")), 1)
+              z(" " + k(e(m)("fields.new-field")), 1)
             ]),
             _: 1
           })
@@ -881,79 +880,79 @@ const Cl = [
       } : void 0
     ]), 1032, ["title"]));
   }
-}), El = /* @__PURE__ */ ue(Ll, [["__scopeId", "data-v-421ed0af"]]);
-function pe(i, o, s) {
-  return W({
-    get: () => i.value[o] ?? s,
+}), Ol = /* @__PURE__ */ ie(Ll, [["__scopeId", "data-v-421ed0af"]]);
+function ce(r, s, o) {
+  return F({
+    get: () => r.value[s] ?? o,
     set: (v) => {
-      const n = { ...i.value };
-      v === "" || v === null || v === void 0 ? delete n[o] : n[o] = v, i.value = n;
+      const n = { ...r.value };
+      v === "" || v === null || v === void 0 ? delete n[s] : n[s] = v, r.value = n;
     }
   });
 }
-const Ol = /* @__PURE__ */ ae({
+const El = /* @__PURE__ */ ae({
   __name: "FormAntispam",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = Ve(i, "modelValue"), s = te("webx-inbox"), v = pe(o, "antispam.honeypot", !0), n = pe(o, "antispam.min_seconds", 3), r = pe(o, "antispam.throttle", 5), d = pe(o, "antispam.captcha", "off"), l = W(() => [
-      { value: "off", label: s("panel.captcha-off") },
-      { value: "recaptcha", label: s("panel.captcha-recaptcha") },
-      { value: "turnstile", label: s("panel.captcha-turnstile") }
+  setup(r) {
+    const s = $e(r, "modelValue"), o = te("webx-inbox"), v = ce(s, "antispam.honeypot", !0), n = ce(s, "antispam.min_seconds", 3), d = ce(s, "antispam.throttle", 5), m = ce(s, "antispam.captcha", "off"), l = F(() => [
+      { value: "off", label: o("panel.captcha-off") },
+      { value: "recaptcha", label: o("panel.captcha-recaptcha") },
+      { value: "turnstile", label: o("panel.captcha-turnstile") }
     ]);
-    return (C, m) => (p(), g(e(se), null, {
+    return ($, p) => (u(), _(e(se), null, {
       default: a(() => [
-        t(e(G), {
-          label: e(s)("panel.honeypot"),
-          help: e(s)("panel.honeypot-help")
+        t(e(B), {
+          label: e(o)("panel.honeypot"),
+          help: e(o)("panel.honeypot-help")
         }, {
           default: a(() => [
-            t(e(sl), {
+            t(e(ol), {
               modelValue: e(v),
-              "onUpdate:modelValue": m[0] || (m[0] = (c) => ne(v) ? v.value = c : null)
+              "onUpdate:modelValue": p[0] || (p[0] = (i) => ne(v) ? v.value = i : null)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        t(e(G), {
-          label: e(s)("panel.min-seconds"),
-          help: e(s)("panel.min-seconds-help")
+        t(e(B), {
+          label: e(o)("panel.min-seconds"),
+          help: e(o)("panel.min-seconds-help")
         }, {
           default: a(() => [
             t(e(_e), {
               modelValue: e(n),
-              "onUpdate:modelValue": m[1] || (m[1] = (c) => ne(n) ? n.value = c : null),
+              "onUpdate:modelValue": p[1] || (p[1] = (i) => ne(n) ? n.value = i : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        t(e(G), {
-          label: e(s)("panel.throttle"),
-          help: e(s)("panel.throttle-help")
+        t(e(B), {
+          label: e(o)("panel.throttle"),
+          help: e(o)("panel.throttle-help")
         }, {
           default: a(() => [
             t(e(_e), {
-              modelValue: e(r),
-              "onUpdate:modelValue": m[2] || (m[2] = (c) => ne(r) ? r.value = c : null),
+              modelValue: e(d),
+              "onUpdate:modelValue": p[2] || (p[2] = (i) => ne(d) ? d.value = i : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        t(e(G), {
-          label: e(s)("panel.captcha"),
-          help: e(s)("panel.captcha-help")
+        t(e(B), {
+          label: e(o)("panel.captcha"),
+          help: e(o)("panel.captcha-help")
         }, {
           default: a(() => [
-            t(e(he), {
-              modelValue: e(d),
-              "onUpdate:modelValue": m[3] || (m[3] = (c) => ne(d) ? d.value = c : null),
+            t(e(fe), {
+              modelValue: e(m),
+              "onUpdate:modelValue": p[3] || (p[3] = (i) => ne(m) ? m.value = i : null),
               options: l.value
             }, null, 8, ["modelValue", "options"])
           ]),
@@ -970,26 +969,26 @@ const Ol = /* @__PURE__ */ ae({
     slug: {},
     fields: {}
   },
-  setup(i) {
-    const o = i;
+  setup(r) {
+    const s = r;
     de();
-    const s = te("webx-inbox"), v = W(() => `<x-webx-form slug="${o.slug}" />`), n = W(
+    const o = te("webx-inbox"), v = F(() => `<x-webx-form slug="${s.slug}" />`), n = F(
       () => `{{-- resources/views/blocks/contact.blade.php --}}
-<x-webx-form slug="${o.slug}" />`
-    ), r = W(() => [
-      { key: "key", label: s("fields.name") },
-      { key: "title", label: s("fields.title") },
-      { key: "type", label: s("fields.type"), hideBelow: 520 }
-    ]), d = W(() => o.fields.filter((C) => C.is_enabled));
-    async function l(C) {
+<x-webx-form slug="${s.slug}" />`
+    ), d = F(() => [
+      { key: "key", label: o("fields.name") },
+      { key: "title", label: o("fields.title") },
+      { key: "type", label: o("fields.type"), hideBelow: 520 }
+    ]), m = F(() => s.fields.filter(($) => $.is_enabled));
+    async function l($) {
       try {
-        await navigator.clipboard.writeText(C), E.success(s("panel.copied"));
+        await navigator.clipboard.writeText($), E.success(o("panel.copied"));
       } catch {
       }
     }
-    return (C, m) => (p(), K("div", Pl, [
+    return ($, p) => (u(), j("div", Pl, [
       t(e(se), {
-        title: e(s)("panel.embed-blade")
+        title: e(o)("panel.embed-blade")
       }, {
         default: a(() => [
           t(e(J), {
@@ -997,23 +996,23 @@ const Ol = /* @__PURE__ */ ae({
             tone: "muted"
           }, {
             default: a(() => [
-              F(w(e(s)("panel.embed-blade-help")), 1)
+              z(k(e(o)("panel.embed-blade-help")), 1)
             ]),
             _: 1
           }),
-          j("div", Rl, [
-            j("code", null, w(v.value), 1),
-            t(e($e), {
+          G("div", Rl, [
+            G("code", null, k(v.value), 1),
+            t(e(ke), {
               icon: "copy",
-              title: e(s)("panel.copy"),
-              onClick: m[0] || (m[0] = (c) => l(v.value))
+              title: e(o)("panel.copy"),
+              onClick: p[0] || (p[0] = (i) => l(v.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
       t(e(se), {
-        title: e(s)("panel.embed-block")
+        title: e(o)("panel.embed-block")
       }, {
         default: a(() => [
           t(e(J), {
@@ -1021,23 +1020,23 @@ const Ol = /* @__PURE__ */ ae({
             tone: "muted"
           }, {
             default: a(() => [
-              F(w(e(s)("panel.embed-block-help")), 1)
+              z(k(e(o)("panel.embed-block-help")), 1)
             ]),
             _: 1
           }),
-          j("div", Bl, [
-            j("code", null, w(n.value), 1),
-            t(e($e), {
+          G("div", Bl, [
+            G("code", null, k(n.value), 1),
+            t(e(ke), {
               icon: "copy",
-              title: e(s)("panel.copy"),
-              onClick: m[1] || (m[1] = (c) => l(n.value))
+              title: e(o)("panel.copy"),
+              onClick: p[1] || (p[1] = (i) => l(n.value))
             }, null, 8, ["title"])
           ])
         ]),
         _: 1
       }, 8, ["title"]),
       t(e(se), {
-        title: e(s)("panel.embed-names")
+        title: e(o)("panel.embed-names")
       }, {
         default: a(() => [
           t(e(J), {
@@ -1045,33 +1044,33 @@ const Ol = /* @__PURE__ */ ae({
             tone: "muted"
           }, {
             default: a(() => [
-              F(w(e(s)("panel.embed-names-help")), 1)
+              z(k(e(o)("panel.embed-names-help")), 1)
             ]),
             _: 1
           }),
-          t(e(ol), {
-            data: d.value,
-            columns: r.value,
+          t(e(il), {
+            data: m.value,
+            columns: d.value,
             "row-key": "id",
             flush: "",
-            "empty-text": e(s)("fields.no-fields")
+            "empty-text": e(o)("fields.no-fields")
           }, {
-            "cell-key": a(({ row: c }) => [
+            "cell-key": a(({ row: i }) => [
               t(e(J), {
                 mono: "",
                 size: "sm"
               }, {
                 default: a(() => [
-                  F("fields[" + w(c.key) + "]", 1)
+                  z("fields[" + k(i.key) + "]", 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-title": a(({ row: c }) => [
-              F(w(Object.values(c.title)[0] ?? c.key), 1)
+            "cell-title": a(({ row: i }) => [
+              z(k(Object.values(i.title)[0] ?? i.key), 1)
             ]),
-            "cell-type": a(({ row: c }) => [
-              F(w(e(s)(`fields.type-${c.type}`)), 1)
+            "cell-type": a(({ row: i }) => [
+              z(k(e(o)(`fields.type-${i.type}`)), 1)
             ]),
             _: 1
           }, 8, ["data", "columns", "empty-text"])
@@ -1080,7 +1079,7 @@ const Ol = /* @__PURE__ */ ae({
       }, 8, ["title"])
     ]));
   }
-}), Gl = /* @__PURE__ */ ue(Hl, [["__scopeId", "data-v-fdabb537"]]), jl = { class: "wx-inbox-general" }, Kl = /* @__PURE__ */ ae({
+}), Gl = /* @__PURE__ */ ie(Hl, [["__scopeId", "data-v-fdabb537"]]), jl = { class: "wx-inbox-general" }, Kl = /* @__PURE__ */ ae({
   __name: "FormGeneral",
   props: /* @__PURE__ */ Me({
     errors: {}
@@ -1091,51 +1090,51 @@ const Ol = /* @__PURE__ */ ae({
     optionsModifiers: {}
   }),
   emits: ["update:settings", "update:options"],
-  setup(i) {
-    const o = Ve(
-      i,
+  setup(r) {
+    const s = $e(
+      r,
       "settings"
-    ), s = Ve(i, "options"), v = te("webx-inbox"), n = pe(s, "thank-you.heading", {}), r = pe(s, "thank-you.text", {}), d = pe(s, "design.submit-text", {}), l = pe(s, "redirect", "");
-    return (C, m) => (p(), K("div", jl, [
+    ), o = $e(r, "options"), v = te("webx-inbox"), n = ce(o, "thank-you.heading", {}), d = ce(o, "thank-you.text", {}), m = ce(o, "design.submit-text", {}), l = ce(o, "redirect", "");
+    return ($, p) => (u(), j("div", jl, [
       t(e(se), null, {
         default: a(() => [
-          t(e(G), {
+          t(e(B), {
             label: e(v)("panel.title"),
-            error: i.errors.title?.[0],
+            error: r.errors.title?.[0],
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: o.value.title,
-                "onUpdate:modelValue": m[0] || (m[0] = (c) => o.value.title = c),
+                modelValue: s.value.title,
+                "onUpdate:modelValue": p[0] || (p[0] = (i) => s.value.title = i),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(G), {
+          t(e(B), {
             label: e(v)("panel.slug"),
             help: e(v)("panel.slug-help"),
-            error: i.errors.slug?.[0],
+            error: r.errors.slug?.[0],
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: o.value.slug,
-                "onUpdate:modelValue": m[1] || (m[1] = (c) => o.value.slug = c),
+                modelValue: s.value.slug,
+                "onUpdate:modelValue": p[1] || (p[1] = (i) => s.value.slug = i),
                 placeholder: "contact"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "help", "error"]),
-          t(e(G), {
+          t(e(B), {
             label: e(v)("panel.is-enabled"),
             help: e(v)("panel.is-enabled-help")
           }, {
             default: a(() => [
-              t(e(sl), {
-                modelValue: o.value.is_enabled,
-                "onUpdate:modelValue": m[2] || (m[2] = (c) => o.value.is_enabled = c)
+              t(e(ol), {
+                modelValue: s.value.is_enabled,
+                "onUpdate:modelValue": p[2] || (p[2] = (i) => s.value.is_enabled = i)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -1147,49 +1146,49 @@ const Ol = /* @__PURE__ */ ae({
         title: e(v)("panel.after-sending")
       }, {
         default: a(() => [
-          t(e(G), {
+          t(e(B), {
             label: e(v)("panel.submit-text")
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: e(d),
-                "onUpdate:modelValue": m[3] || (m[3] = (c) => ne(d) ? d.value = c : null),
+                modelValue: e(m),
+                "onUpdate:modelValue": p[3] || (p[3] = (i) => ne(m) ? m.value = i : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
-          t(e(G), {
+          t(e(B), {
             label: e(v)("panel.thank-you-heading")
           }, {
             default: a(() => [
               t(e(X), {
                 modelValue: e(n),
-                "onUpdate:modelValue": m[4] || (m[4] = (c) => ne(n) ? n.value = c : null),
+                "onUpdate:modelValue": p[4] || (p[4] = (i) => ne(n) ? n.value = i : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
-          t(e(G), {
+          t(e(B), {
             label: e(v)("panel.thank-you-text")
           }, {
             default: a(() => [
-              t(il, {
-                modelValue: e(r),
-                "onUpdate:modelValue": m[5] || (m[5] = (c) => ne(r) ? r.value = c : null)
+              t(ul, {
+                modelValue: e(d),
+                "onUpdate:modelValue": p[5] || (p[5] = (i) => ne(d) ? d.value = i : null)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label"]),
-          t(e(G), {
+          t(e(B), {
             label: e(v)("panel.redirect"),
             help: e(v)("panel.redirect-help")
           }, {
             default: a(() => [
               t(e(X), {
                 modelValue: e(l),
-                "onUpdate:modelValue": m[6] || (m[6] = (c) => ne(l) ? l.value = c : null),
+                "onUpdate:modelValue": p[6] || (p[6] = (i) => ne(l) ? l.value = i : null),
                 placeholder: "/thank-you"
               }, null, 8, ["modelValue"])
             ]),
@@ -1200,7 +1199,7 @@ const Ol = /* @__PURE__ */ ae({
       }, 8, ["title"])
     ]));
   }
-}), Zl = /* @__PURE__ */ ue(Kl, [["__scopeId", "data-v-35e56e3d"]]), Ql = { class: "wx-inbox-recipients" }, Yl = /* @__PURE__ */ ae({
+}), Yl = /* @__PURE__ */ ie(Kl, [["__scopeId", "data-v-35e56e3d"]]), Zl = { class: "wx-inbox-recipients" }, Ql = /* @__PURE__ */ ae({
   __name: "FormNotifications",
   props: /* @__PURE__ */ Me({
     fields: {},
@@ -1210,44 +1209,44 @@ const Ol = /* @__PURE__ */ ae({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = i, s = Ve(i, "modelValue"), v = ie(), n = re(v), r = te("webx-inbox"), d = q([]), l = pe(s, "recipients", []), C = pe(s, "email_field", "");
-    rl(async () => {
+  setup(r) {
+    const s = r, o = $e(r, "modelValue"), v = oe(), n = re(v), d = te("webx-inbox"), m = W([]), l = ce(o, "recipients", []), $ = ce(o, "email_field", "");
+    dl(async () => {
       try {
-        d.value = await n.recipients();
+        m.value = await n.recipients();
       } catch {
       }
     });
-    const m = W(
-      () => d.value.map((u) => ({ value: u.id, label: `${u.name} · ${u.email}` }))
-    ), c = W(() => [
-      { value: "", label: r("panel.no-email-field") },
-      ...o.fields.filter((u) => u.type === "email").map((u) => ({ value: u.key, label: u.key }))
+    const p = F(
+      () => m.value.map((c) => ({ value: c.id, label: `${c.name} · ${c.email}` }))
+    ), i = F(() => [
+      { value: "", label: d("panel.no-email-field") },
+      ...s.fields.filter((c) => c.type === "email").map((c) => ({ value: c.key, label: c.key }))
     ]);
-    function N(u) {
-      return "admin_id" in u;
-    }
-    function f(u) {
-      l.value = [...l.value, u];
-    }
-    async function T(u) {
-      const _ = l.value[u];
-      _ !== void 0 && (N(_) || (_.email ?? "").trim() !== "") && !await Se({
-        title: r("panel.remove-recipient-title"),
-        message: r("panel.remove-recipient-text"),
-        confirmText: r("panel.remove"),
-        cancelText: r("panel.cancel"),
+    function O(c) {
+      return "admin_id" in c;
+    }
+    function S(c) {
+      l.value = [...l.value, c];
+    }
+    async function T(c) {
+      const U = l.value[c];
+      U !== void 0 && (O(U) || (U.email ?? "").trim() !== "") && !await Ce({
+        title: d("panel.remove-recipient-title"),
+        message: d("panel.remove-recipient-text"),
+        confirmText: d("panel.remove"),
+        cancelText: d("panel.cancel"),
         tone: "danger"
-      }) || (l.value = l.value.filter((L, k) => k !== u));
+      }) || (l.value = l.value.filter((I, w) => w !== c));
     }
-    function S(u, _) {
-      l.value = l.value.map((b, L) => L === u ? { admin_id: _ } : b);
+    function b(c, U) {
+      l.value = l.value.map((f, I) => I === c ? { admin_id: U } : f);
     }
-    function z(u, _) {
-      l.value = l.value.map((b, L) => L === u ? { email: _ } : b);
+    function q(c, U) {
+      l.value = l.value.map((f, I) => I === c ? { email: U } : f);
     }
-    return (u, _) => (p(), g(e(se), {
-      title: e(r)("panel.recipients")
+    return (c, U) => (u(), _(e(se), {
+      title: e(d)("panel.recipients")
     }, {
       default: a(() => [
         t(e(J), {
@@ -1255,88 +1254,88 @@ const Ol = /* @__PURE__ */ ae({
           tone: "muted"
         }, {
           default: a(() => [
-            F(w(e(r)("panel.recipients-help")), 1)
+            z(k(e(d)("panel.recipients-help")), 1)
           ]),
           _: 1
         }),
-        i.errors["options.recipients"] ? (p(), g(e(Ne), {
+        r.errors["options.recipients"] ? (u(), _(e(De), {
           key: 0,
           type: "danger",
           variant: "soft",
-          description: i.errors["options.recipients"]?.[0]
-        }, null, 8, ["description"])) : P("", !0),
-        j("div", Ql, [
-          e(l).length === 0 ? (p(), g(e(J), {
+          description: r.errors["options.recipients"]?.[0]
+        }, null, 8, ["description"])) : H("", !0),
+        G("div", Zl, [
+          e(l).length === 0 ? (u(), _(e(J), {
             key: 0,
             size: "sm",
             tone: "placeholder"
           }, {
             default: a(() => [
-              F(w(e(r)("panel.no-recipients")), 1)
+              z(k(e(d)("panel.no-recipients")), 1)
             ]),
             _: 1
-          })) : P("", !0),
-          (p(!0), K(ee, null, we(e(l), (b, L) => (p(), K("div", {
-            key: L,
+          })) : H("", !0),
+          (u(!0), j(ee, null, we(e(l), (f, I) => (u(), j("div", {
+            key: I,
             class: "wx-inbox-recipients__row"
           }, [
-            N(b) ? (p(), g(e(he), {
+            O(f) ? (u(), _(e(fe), {
               key: 0,
-              "model-value": b.admin_id,
-              options: m.value,
-              "onUpdate:modelValue": (k) => S(L, Number(k))
-            }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (p(), g(e(X), {
+              "model-value": f.admin_id,
+              options: p.value,
+              "onUpdate:modelValue": (w) => b(I, Number(w))
+            }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (u(), _(e(X), {
               key: 1,
-              "model-value": b.email,
+              "model-value": f.email,
               type: "email",
               placeholder: "sales@example.com",
-              "onUpdate:modelValue": (k) => z(L, String(k))
+              "onUpdate:modelValue": (w) => q(I, String(w))
             }, null, 8, ["model-value", "onUpdate:modelValue"])),
-            t(e($e), {
+            t(e(ke), {
               icon: "trash",
               tone: "danger",
-              title: e(r)("panel.remove"),
-              onClick: (k) => T(L)
+              title: e(d)("panel.remove"),
+              onClick: (w) => T(I)
             }, null, 8, ["title", "onClick"])
           ]))), 128))
         ]),
-        t(e(Fe), { size: "sm" }, {
+        t(e(We), { size: "sm" }, {
           default: a(() => [
-            t(e(oe), {
+            t(e(le), {
               variant: "outline",
               icon: "user",
-              disabled: m.value.length === 0,
-              onClick: _[0] || (_[0] = (b) => f({ admin_id: Number(m.value[0]?.value) }))
+              disabled: p.value.length === 0,
+              onClick: U[0] || (U[0] = (f) => S({ admin_id: Number(p.value[0]?.value) }))
             }, {
               default: a(() => [
-                F(w(e(r)("panel.add-admin")), 1)
+                z(k(e(d)("panel.add-admin")), 1)
               ]),
               _: 1
             }, 8, ["disabled"]),
-            t(e(oe), {
+            t(e(le), {
               variant: "outline",
-              onClick: _[1] || (_[1] = (b) => f({ email: "" }))
+              onClick: U[1] || (U[1] = (f) => S({ email: "" }))
             }, {
               icon: a(() => [
-                t(e(Te), { name: "mail" })
+                t(e(Ve), { name: "mail" })
               ]),
               default: a(() => [
-                F(" " + w(e(r)("panel.add-email")), 1)
+                z(" " + k(e(d)("panel.add-email")), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
         }),
-        t(e(G), {
-          label: e(r)("panel.email-field"),
-          help: e(r)("panel.email-field-help")
+        t(e(B), {
+          label: e(d)("panel.email-field"),
+          help: e(d)("panel.email-field-help")
         }, {
           default: a(() => [
-            t(e(he), {
-              modelValue: e(C),
-              "onUpdate:modelValue": _[2] || (_[2] = (b) => ne(C) ? C.value = b : null),
-              options: c.value
+            t(e(fe), {
+              modelValue: e($),
+              "onUpdate:modelValue": U[2] || (U[2] = (f) => ne($) ? $.value = f : null),
+              options: i.value
             }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
@@ -1345,78 +1344,78 @@ const Ol = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["title"]));
   }
-}), Jl = /* @__PURE__ */ ue(Yl, [["__scopeId", "data-v-a5998eb4"]]), Xl = { class: "wx-inbox-editor" }, et = /* @__PURE__ */ ae({
+}), Jl = /* @__PURE__ */ ie(Ql, [["__scopeId", "data-v-a5998eb4"]]), Xl = { class: "wx-inbox-editor" }, et = /* @__PURE__ */ ae({
   __name: "FormEditorPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const o = i, s = ie(), v = re(s), n = De(), r = Le(), d = xe();
+  setup(r) {
+    const s = r, o = oe(), v = re(o), n = Le(), d = Oe(), m = xe();
     de();
-    const l = te("webx-inbox"), C = ve(), m = q(null), c = q([]), N = q(!0), f = q(!1), T = q({});
-    let S = dl({
+    const l = te("webx-inbox"), $ = me(), p = W(null), i = W([]), O = W(!0), S = W(!1), T = W({});
+    let b = cl({
       slug: "",
       title: {},
       is_enabled: !0
     });
-    const z = q({}), u = W(() => s.can("inbox.manage")), _ = W(() => Number(n.params.id)), b = W(
-      () => m.value === null ? "" : me(S.title, d.active.value, S.slug)
-    ), L = W(() => `${o.base}?form=${_.value}`);
-    async function k() {
-      N.value = !0;
+    const q = W({}), c = F(() => o.can("inbox.manage")), U = F(() => Number(n.params.id)), f = F(
+      () => p.value === null ? "" : pe(b.title, m.active.value, b.slug)
+    ), I = F(() => `${s.base}?form=${U.value}`);
+    async function w() {
+      O.value = !0;
       try {
-        const A = await v.form(_.value);
-        m.value = A, c.value = A.fields ?? [], S.slug = A.slug, S.title = { ...A.title }, S.is_enabled = A.is_enabled, z.value = { ...A.options };
-      } catch (A) {
-        E.danger(C(A)), r.replace(o.base);
+        const M = await v.form(U.value);
+        p.value = M, i.value = M.fields ?? [], b.slug = M.slug, b.title = { ...M.title }, b.is_enabled = M.is_enabled, q.value = { ...M.options };
+      } catch (M) {
+        E.danger($(M)), d.replace(s.base);
       } finally {
-        N.value = !1;
+        O.value = !1;
       }
     }
-    Ue(_, () => {
-      k();
+    Se(U, () => {
+      w();
     }, { immediate: !0 });
-    async function R() {
-      f.value = !0, T.value = {};
+    async function P() {
+      S.value = !0, T.value = {};
       try {
-        const A = await v.saveForm(_.value, {
-          slug: S.slug.trim(),
-          title: S.title,
-          is_enabled: S.is_enabled,
-          options: z.value
+        const M = await v.saveForm(U.value, {
+          slug: b.slug.trim(),
+          title: b.title,
+          is_enabled: b.is_enabled,
+          options: q.value
         });
-        m.value = A, E.success(l("panel.saved"));
-      } catch (A) {
-        const V = A.body;
-        V?.errors ? (T.value = V.errors, E.danger(l("panel.failed"))) : E.danger(C(A));
+        p.value = M, E.success(l("panel.saved"));
+      } catch (M) {
+        const A = M.body;
+        A?.errors ? (T.value = A.errors, E.danger(l("panel.failed"))) : E.danger($(M));
       } finally {
-        f.value = !1;
+        S.value = !1;
       }
     }
-    return (A, V) => (p(), K("div", Xl, [
-      N.value ? (p(), g(e(se), { key: 0 }, {
+    return (M, A) => (u(), j("div", Xl, [
+      O.value ? (u(), _(e(se), { key: 0 }, {
         default: a(() => [
-          t(e(Re), {
+          t(e(Fe), {
             title: "",
             rows: 8
           })
         ]),
         _: 1
-      })) : m.value ? (p(), K(ee, { key: 1 }, [
-        t(e(Ke), {
+      })) : p.value ? (u(), j(ee, { key: 1 }, [
+        t(e(Ye), {
           class: "wx-inbox-editor__head",
-          title: b.value,
-          subtitle: m.value.slug,
-          back: L.value,
+          title: f.value,
+          subtitle: p.value.slug,
+          back: I.value,
           "back-label": e(l)("panel.forms")
         }, {
           "title-after": a(() => [
-            e(S).is_enabled ? P("", !0) : (p(), g(e(ke), {
+            e(b).is_enabled ? H("", !0) : (u(), _(e(Ue), {
               key: 0,
               type: "default"
             }, {
               default: a(() => [
-                F(w(e(l)("panel.off")), 1)
+                z(k(e(l)("panel.off")), 1)
               ]),
               _: 1
             }))
@@ -1433,11 +1432,11 @@ const Ol = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-general")
             }, {
               default: a(() => [
-                t(Zl, {
-                  settings: e(S),
-                  "onUpdate:settings": V[0] || (V[0] = (D) => ne(S) ? S.value = D : S = D),
-                  options: z.value,
-                  "onUpdate:options": V[1] || (V[1] = (D) => z.value = D),
+                t(Yl, {
+                  settings: e(b),
+                  "onUpdate:settings": A[0] || (A[0] = (C) => ne(b) ? b.value = C : b = C),
+                  options: q.value,
+                  "onUpdate:options": A[1] || (A[1] = (C) => q.value = C),
                   errors: T.value
                 }, null, 8, ["settings", "options", "errors"])
               ]),
@@ -1448,11 +1447,11 @@ const Ol = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-fields")
             }, {
               default: a(() => [
-                t(El, {
-                  modelValue: c.value,
-                  "onUpdate:modelValue": V[2] || (V[2] = (D) => c.value = D),
-                  form: m.value,
-                  "can-manage": u.value
+                t(Ol, {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": A[2] || (A[2] = (C) => i.value = C),
+                  form: p.value,
+                  "can-manage": c.value
                 }, null, 8, ["modelValue", "form", "can-manage"])
               ]),
               _: 1
@@ -1463,9 +1462,9 @@ const Ol = /* @__PURE__ */ ae({
             }, {
               default: a(() => [
                 t(Jl, {
-                  modelValue: z.value,
-                  "onUpdate:modelValue": V[3] || (V[3] = (D) => z.value = D),
-                  fields: c.value,
+                  modelValue: q.value,
+                  "onUpdate:modelValue": A[3] || (A[3] = (C) => q.value = C),
+                  fields: i.value,
                   errors: T.value
                 }, null, 8, ["modelValue", "fields", "errors"])
               ]),
@@ -1476,9 +1475,9 @@ const Ol = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-antispam")
             }, {
               default: a(() => [
-                t(Ol, {
-                  modelValue: z.value,
-                  "onUpdate:modelValue": V[4] || (V[4] = (D) => z.value = D)
+                t(El, {
+                  modelValue: q.value,
+                  "onUpdate:modelValue": A[4] || (A[4] = (C) => q.value = C)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
@@ -1489,9 +1488,9 @@ const Ol = /* @__PURE__ */ ae({
             }, {
               default: a(() => [
                 t(Gl, {
-                  form: m.value,
-                  slug: e(S).slug,
-                  fields: c.value
+                  form: p.value,
+                  slug: e(b).slug,
+                  fields: i.value
                 }, null, 8, ["form", "slug", "fields"])
               ]),
               _: 1
@@ -1499,76 +1498,76 @@ const Ol = /* @__PURE__ */ ae({
           ]),
           _: 1
         }),
-        u.value ? (p(), g(e(bl), { key: 0 }, {
+        c.value ? (u(), _(e(bl), { key: 0 }, {
           default: a(() => [
-            t(e(oe), {
+            t(e(le), {
               type: "primary",
-              loading: f.value,
-              onClick: R
+              loading: S.value,
+              onClick: P
             }, {
               default: a(() => [
-                F(w(e(l)("panel.save")), 1)
+                z(k(e(l)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
           ]),
           _: 1
-        })) : P("", !0)
-      ], 64)) : P("", !0)
+        })) : H("", !0)
+      ], 64)) : H("", !0)
     ]));
   }
-}), lt = /* @__PURE__ */ ue(et, [["__scopeId", "data-v-11c10bb6"]]), tt = { class: "wx-inbox-create" }, at = /* @__PURE__ */ ae({
+}), lt = /* @__PURE__ */ ie(et, [["__scopeId", "data-v-11c10bb6"]]), tt = { class: "wx-inbox-create" }, at = /* @__PURE__ */ ae({
   __name: "FormCreateDialog",
-  setup(i) {
-    const { resolve: o, dismiss: s, open: v } = Ee(), n = ie(), r = re(n);
+  setup(r) {
+    const { resolve: s, dismiss: o, open: v } = Ee(), n = oe(), d = re(n);
     de();
-    const d = te("webx-inbox"), l = ve(), C = q({}), m = q(""), c = q(!1), N = q({});
-    function f(S) {
-      return N.value[S]?.[0];
+    const m = te("webx-inbox"), l = me(), $ = W({}), p = W(""), i = W(!1), O = W({});
+    function S(b) {
+      return O.value[b]?.[0];
     }
     async function T() {
-      c.value = !0, N.value = {};
+      i.value = !0, O.value = {};
       try {
-        o(
-          await r.createForm({
-            title: C.value,
-            slug: m.value.trim(),
+        s(
+          await d.createForm({
+            title: $.value,
+            slug: p.value.trim(),
             is_enabled: !0,
             options: {}
           })
         );
-      } catch (S) {
-        const z = S.body;
-        z?.errors ? (N.value = z.errors, E.danger(d("panel.failed"))) : E.danger(l(S));
+      } catch (b) {
+        const q = b.body;
+        q?.errors ? (O.value = q.errors, E.danger(m("panel.failed"))) : E.danger(l(b));
       } finally {
-        c.value = !1;
+        i.value = !1;
       }
     }
-    return (S, z) => (p(), g(e(Oe), {
+    return (b, q) => (u(), _(e(Pe), {
       open: e(v),
-      "onUpdate:open": z[3] || (z[3] = (u) => ne(v) ? v.value = u : null),
-      title: e(d)("panel.new-form-title"),
+      "onUpdate:open": q[3] || (q[3] = (c) => ne(v) ? v.value = c : null),
+      title: e(m)("panel.new-form-title"),
       width: 520
     }, {
       footer: a(() => [
-        t(e(Fe), { size: "sm" }, {
+        t(e(We), { size: "sm" }, {
           default: a(() => [
-            t(e(oe), {
+            t(e(le), {
               variant: "outline",
-              onClick: z[2] || (z[2] = (u) => e(s)())
+              onClick: q[2] || (q[2] = (c) => e(o)())
             }, {
               default: a(() => [
-                F(w(e(d)("panel.cancel")), 1)
+                z(k(e(m)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            t(e(oe), {
+            t(e(le), {
               type: "primary",
-              loading: c.value,
+              loading: i.value,
               onClick: T
             }, {
               default: a(() => [
-                F(w(e(d)("panel.save")), 1)
+                z(k(e(m)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -1577,31 +1576,31 @@ const Ol = /* @__PURE__ */ ae({
         })
       ]),
       default: a(() => [
-        j("div", tt, [
-          t(e(G), {
-            label: e(d)("panel.title"),
-            error: f("title"),
+        G("div", tt, [
+          t(e(B), {
+            label: e(m)("panel.title"),
+            error: S("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: C.value,
-                "onUpdate:modelValue": z[0] || (z[0] = (u) => C.value = u),
+                modelValue: $.value,
+                "onUpdate:modelValue": q[0] || (q[0] = (c) => $.value = c),
                 localized: "",
                 autofocus: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(G), {
-            label: e(d)("panel.slug"),
-            help: e(d)("panel.slug-help"),
-            error: f("slug")
+          t(e(B), {
+            label: e(m)("panel.slug"),
+            help: e(m)("panel.slug-help"),
+            error: S("slug")
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: m.value,
-                "onUpdate:modelValue": z[1] || (z[1] = (u) => m.value = u),
+                modelValue: p.value,
+                "onUpdate:modelValue": q[1] || (q[1] = (c) => p.value = c),
                 placeholder: "contact"
               }, null, 8, ["modelValue"])
             ]),
@@ -1612,84 +1611,84 @@ const Ol = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), nt = /* @__PURE__ */ ue(at, [["__scopeId", "data-v-55fb40d8"]]), st = { class: "wx-inbox-by-hand" }, ot = /* @__PURE__ */ ae({
+}), nt = /* @__PURE__ */ ie(at, [["__scopeId", "data-v-55fb40d8"]]), st = { class: "wx-inbox-by-hand" }, ot = /* @__PURE__ */ ae({
   __name: "SubmissionCreateDialog",
   props: {
     form: {}
   },
-  setup(i) {
-    const o = i, { resolve: s, dismiss: v, open: n } = Ee(), r = ie(), d = re(r), l = xe();
+  setup(r) {
+    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = oe(), m = re(d), l = xe();
     de();
-    const C = te("webx-inbox"), m = ve(), c = q([]), N = q(!0), f = q(!1), T = q({}), S = q({}), z = W(() => c.value.filter((V) => V.type !== "file")), u = W(() => c.value.some((V) => V.type === "file"));
-    function _(V) {
-      return S.value[`fields.${V.key}`]?.[0];
+    const $ = te("webx-inbox"), p = me(), i = W([]), O = W(!0), S = W(!1), T = W({}), b = W({}), q = F(() => i.value.filter((A) => A.type !== "file")), c = F(() => i.value.some((A) => A.type === "file"));
+    function U(A) {
+      return b.value[`fields.${A.key}`]?.[0];
     }
-    function b(V) {
-      return me(V.title, l.active.value, V.key);
+    function f(A) {
+      return pe(A.title, l.active.value, A.key);
     }
-    function L(V, D = "") {
-      return me(
-        V,
+    function I(A, C = "") {
+      return pe(
+        A,
         l.active.value,
-        D
+        C
       );
     }
-    function k(V) {
-      return (V.options.choices ?? []).map((D) => ({
-        value: D.value,
-        label: L(D.label, D.value)
+    function w(A) {
+      return (A.options.choices ?? []).map((C) => ({
+        value: C.value,
+        label: I(C.label, C.value)
       }));
     }
-    async function R() {
+    async function P() {
       try {
-        const V = await d.form(o.form.id);
-        c.value = (V.fields ?? []).filter((D) => D.is_enabled);
-        for (const D of c.value)
-          T.value[D.key] = D.type === "checkbox" ? [] : D.type === "consent" ? !1 : "";
-      } catch (V) {
-        E.danger(m(V));
+        const A = await m.form(s.form.id);
+        i.value = (A.fields ?? []).filter((C) => C.is_enabled);
+        for (const C of i.value)
+          T.value[C.key] = C.type === "checkbox" ? [] : C.type === "consent" ? !1 : "";
+      } catch (A) {
+        E.danger(p(A));
       } finally {
-        N.value = !1;
+        O.value = !1;
       }
     }
-    R();
-    async function A() {
-      f.value = !0, S.value = {};
+    P();
+    async function M() {
+      S.value = !0, b.value = {};
       try {
-        s(await d.createSubmission(o.form.id, T.value));
-      } catch (V) {
-        const D = V.body;
-        D?.errors ? (S.value = D.errors, E.danger(C("panel.failed"))) : E.danger(m(V));
+        o(await m.createSubmission(s.form.id, T.value));
+      } catch (A) {
+        const C = A.body;
+        C?.errors ? (b.value = C.errors, E.danger($("panel.failed"))) : E.danger(p(A));
       } finally {
-        f.value = !1;
+        S.value = !1;
       }
     }
-    return (V, D) => (p(), g(e(Oe), {
+    return (A, C) => (u(), _(e(Pe), {
       open: e(n),
-      "onUpdate:open": D[1] || (D[1] = (y) => ne(n) ? n.value = y : null),
-      title: e(C)("panel.new-submission-title"),
+      "onUpdate:open": C[1] || (C[1] = (g) => ne(n) ? n.value = g : null),
+      title: e($)("panel.new-submission-title"),
       width: 560
     }, {
       footer: a(() => [
-        t(e(Fe), { size: "sm" }, {
+        t(e(We), { size: "sm" }, {
           default: a(() => [
-            t(e(oe), {
+            t(e(le), {
               variant: "outline",
-              onClick: D[0] || (D[0] = (y) => e(v)())
+              onClick: C[0] || (C[0] = (g) => e(v)())
             }, {
               default: a(() => [
-                F(w(e(C)("panel.cancel")), 1)
+                z(k(e($)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            t(e(oe), {
+            t(e(le), {
               type: "primary",
-              loading: f.value,
-              disabled: N.value,
-              onClick: A
+              loading: S.value,
+              disabled: O.value,
+              onClick: M
             }, {
               default: a(() => [
-                F(w(e(C)("panel.save")), 1)
+                z(k(e($)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1698,133 +1697,132 @@ const Ol = /* @__PURE__ */ ae({
         })
       ]),
       default: a(() => [
-        j("div", st, [
-          t(e(Ne), {
+        G("div", st, [
+          t(e(De), {
             type: "info",
             closable: !1
           }, {
             default: a(() => [
-              F(w(e(C)("panel.new-submission-help")), 1)
+              z(k(e($)("panel.new-submission-help")), 1)
             ]),
             _: 1
           }),
-          N.value ? (p(), g(e(Re), {
+          O.value ? (u(), _(e(Fe), {
             key: 0,
             rows: 4
-          })) : (p(), K(ee, { key: 1 }, [
-            (p(!0), K(ee, null, we(z.value, (y) => (p(), g(e(G), {
-              key: y.id,
-              label: b(y),
-              help: L(y.help),
-              error: _(y),
-              required: y.is_required
+          })) : (u(), j(ee, { key: 1 }, [
+            (u(!0), j(ee, null, we(q.value, (g) => (u(), _(e(B), {
+              key: g.id,
+              label: f(g),
+              help: I(g.help),
+              error: U(g),
+              required: g.is_required
             }, {
               default: a(() => [
-                y.type === "textarea" ? (p(), g(e(hl), {
+                g.type === "textarea" ? (u(), _(e(hl), {
                   key: 0,
-                  modelValue: T.value[y.key],
-                  "onUpdate:modelValue": (Y) => T.value[y.key] = Y,
-                  rows: y.options.rows ?? 4,
-                  placeholder: L(y.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : y.type === "select" ? (p(), g(e(he), {
+                  modelValue: T.value[g.key],
+                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
+                  rows: g.options.rows ?? 4,
+                  placeholder: I(g.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : g.type === "select" ? (u(), _(e(fe), {
                   key: 1,
-                  modelValue: T.value[y.key],
-                  "onUpdate:modelValue": (Y) => T.value[y.key] = Y,
-                  options: k(y),
+                  modelValue: T.value[g.key],
+                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
+                  options: w(g),
                   clearable: "",
-                  placeholder: L(y.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : y.type === "radio" ? (p(), g(e(yl), {
+                  placeholder: I(g.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : g.type === "radio" ? (u(), _(e(yl), {
                   key: 2,
-                  modelValue: T.value[y.key],
-                  "onUpdate:modelValue": (Y) => T.value[y.key] = Y,
-                  options: k(y)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : y.type === "checkbox" ? (p(), g(e(gl), {
+                  modelValue: T.value[g.key],
+                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
+                  options: w(g)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : g.type === "checkbox" ? (u(), _(e(gl), {
                   key: 3,
-                  modelValue: T.value[y.key],
-                  "onUpdate:modelValue": (Y) => T.value[y.key] = Y,
-                  options: k(y)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : y.type === "consent" ? (p(), g(e(be), {
+                  modelValue: T.value[g.key],
+                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
+                  options: w(g)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : g.type === "consent" ? (u(), _(e(ve), {
                   key: 4,
-                  modelValue: T.value[y.key],
-                  "onUpdate:modelValue": (Y) => T.value[y.key] = Y,
-                  label: L(y.options.text, b(y))
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : y.type === "date" ? (p(), g(e(je), {
+                  modelValue: T.value[g.key],
+                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
+                  label: I(g.options.text, f(g))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : g.type === "date" ? (u(), _(e(Ke), {
                   key: 5,
-                  modelValue: T.value[y.key],
-                  "onUpdate:modelValue": (Y) => T.value[y.key] = Y,
-                  placeholder: L(y.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (p(), g(e(X), {
+                  modelValue: T.value[g.key],
+                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
+                  placeholder: I(g.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (u(), _(e(X), {
                   key: 6,
-                  modelValue: T.value[y.key],
-                  "onUpdate:modelValue": (Y) => T.value[y.key] = Y,
-                  type: y.type === "email" ? "email" : y.type === "tel" ? "tel" : "text",
-                  placeholder: L(y.placeholder),
-                  maxlength: y.options.maxlength
+                  modelValue: T.value[g.key],
+                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
+                  type: g.type === "email" ? "email" : g.type === "tel" ? "tel" : "text",
+                  placeholder: I(g.placeholder),
+                  maxlength: g.options.maxlength
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
               ]),
               _: 2
             }, 1032, ["label", "help", "error", "required"]))), 128)),
-            u.value ? (p(), g(e(Ne), {
+            c.value ? (u(), _(e(De), {
               key: 0,
               type: "warning",
               closable: !1
             }, {
               default: a(() => [
-                F(w(e(C)("panel.no-files-by-hand")), 1)
+                z(k(e($)("panel.no-files-by-hand")), 1)
               ]),
               _: 1
-            })) : P("", !0)
+            })) : H("", !0)
           ], 64))
         ])
       ]),
       _: 1
     }, 8, ["open", "title"]));
   }
-}), it = /* @__PURE__ */ ue(ot, [["__scopeId", "data-v-72006299"]]), ut = { class: "wx-submissions__mass" }, rt = { class: "wx-submissions__state" }, dt = 640, ct = /* @__PURE__ */ ae({
+}), it = /* @__PURE__ */ ie(ot, [["__scopeId", "data-v-72006299"]]), ut = { class: "wx-submissions__mass" }, rt = { class: "wx-submissions__state" }, dt = 640, ct = /* @__PURE__ */ ae({
   __name: "SubmissionList",
   props: {
     form: {},
-    base: { default: "/inbox" },
-    inline: { type: Boolean, default: !0 }
+    base: { default: "/inbox" }
   },
-  emits: ["back", "changed"],
-  setup(i, { emit: o }) {
-    const s = i, v = o, n = ie(), r = re(n), d = De(), l = Le(), C = xe();
+  emits: ["changed"],
+  setup(r, { expose: s, emit: o }) {
+    const v = r, n = o, d = oe(), m = re(d), l = Le(), $ = Oe(), p = xe();
     de();
-    const m = cl("root"), c = xl(m), N = W(() => c.value > 0 && c.value < dt), f = te("webx-inbox"), T = ve(), S = q(null), z = q([]), u = q(!1), _ = q([]), b = q(!1), L = W(() => n.can("inbox.update")), k = W(() => n.can("inbox.manage")), R = Pe(it), A = W({
-      get: () => typeof d.query.view == "string" && d.query.view !== "" ? d.query.view : "all",
-      set: (x) => {
-        l.replace({
-          query: { ...d.query, view: x === "all" ? void 0 : x, page: void 0 }
+    const i = nl("root"), O = xl(i), S = F(() => O.value > 0 && O.value < dt), T = F(() => S.value ? Number.POSITIVE_INFINITY : 0), b = te("webx-inbox"), q = me(), c = W(null), U = W([]), f = W(!1), I = W([]), w = W(!1), P = F(() => d.can("inbox.update")), M = Re(it), A = F({
+      get: () => typeof l.query.view == "string" && l.query.view !== "" ? l.query.view : "all",
+      set: (V) => {
+        $.replace({
+          query: { ...l.query, view: V === "all" ? void 0 : V, page: void 0 }
         });
       }
-    }), V = W(() => ({
+    }), C = F(() => ({
       view: A.value,
-      search: typeof d.query.search == "string" ? d.query.search : "",
-      assignee: typeof d.query.assignee == "string" ? d.query.assignee : null,
-      sort: typeof d.query.sort == "string" ? d.query.sort : null,
-      page: Number(d.query.page ?? 1) || 1
-    })), D = W(() => {
-      const x = S.value?.counts, Z = [
-        { value: "all", label: f("panel.view-all"), badge: x?.all || void 0 },
-        { value: "unread", label: f("panel.view-unread"), badge: x?.unread || void 0 }
+      search: typeof l.query.search == "string" ? l.query.search : "",
+      assignee: typeof l.query.assignee == "string" ? l.query.assignee : null,
+      sort: typeof l.query.sort == "string" ? l.query.sort : null,
+      page: Number(l.query.page ?? 1) || 1
+    })), g = F(() => {
+      const V = c.value?.counts, Z = [
+        { value: "all", label: b("panel.view-all"), badge: V?.all || void 0 },
+        { value: "unread", label: b("panel.view-unread"), badge: V?.unread || void 0 }
       ];
-      for (const I of z.value)
+      for (const L of U.value)
         Z.push({
-          value: I.key,
-          label: B(I),
-          badge: x?.statuses[I.key] || void 0
+          value: L.key,
+          label: K(L),
+          badge: V?.statuses[L.key] || void 0
         });
       return Z;
     });
-    function y(x, Z) {
-      const I = S.value?.columns?.[Z];
-      return I ? x.values[I.key] ?? "" : "";
-    }
-    const Y = W(() => {
-      const x = S.value?.columns ?? [];
-      return N.value ? [{ key: "card", label: "" }] : [
-        ...x.map((Z, I) => ({
+    function Q(V, Z) {
+      const L = c.value?.columns?.[Z];
+      return L ? V.values[L.key] ?? "" : "";
+    }
+    const be = F(() => {
+      const V = c.value?.columns ?? [];
+      return S.value ? [{ key: "card", label: "" }] : [
+        ...V.map((Z, L) => ({
           key: `values.${Z.key}`,
           label: Z.label,
           sortable: !0,
@@ -1833,15 +1831,15 @@ const Ol = /* @__PURE__ */ ae({
           // 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: I === 0 ? void 0 : 320 + I * 320
+          hideBelow: L === 0 ? void 0 : 320 + L * 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: f("panel.status"), minWidth: 100 },
+        { key: "status", label: b("panel.status"), minWidth: 100 },
         {
           key: "created_at",
-          label: f("panel.received"),
+          label: b("panel.received"),
           sortable: !0,
           width: 120,
           // "today at 16:22" is three words the table will break over two lines given half a
@@ -1853,294 +1851,279 @@ const Ol = /* @__PURE__ */ ae({
         },
         { key: "actions", label: "", width: pl, align: "right", hideOnCards: !0 }
       ];
-    }), M = W(
-      () => V.value.view === "all" && V.value.search === "" && V.value.assignee === null ? f("panel.submissions-empty") : f("panel.submissions-none")
-    ), le = W(
-      () => z.value.map((x) => ({ value: x.id, label: B(x) }))
+    }), he = F(
+      () => C.value.view === "all" && C.value.search === "" && C.value.assignee === null ? b("panel.submissions-empty") : b("panel.submissions-none")
+    ), N = F(
+      () => U.value.map((V) => ({ value: V.id, label: K(V) }))
     );
-    function B(x) {
-      return me(x.title, C.active.value, x.key);
+    function K(V) {
+      return pe(V.title, p.active.value, V.key);
     }
-    function ye() {
-      return me(s.form.title, C.active.value, s.form.slug);
+    function D() {
+      return pe(v.form.title, p.active.value, v.form.slug);
     }
-    async function O(x) {
-      u.value = !0;
+    async function x(V) {
+      f.value = !0;
       try {
-        S.value = await r.submissions(s.form.id, {
-          view: V.value.view,
-          search: x?.search ?? V.value.search,
-          assignee: V.value.assignee,
-          sort: x?.sort ? `${x.sort.order === "desc" ? "-" : ""}${x.sort.key}` : null,
-          page: x?.page ?? V.value.page,
-          per_page: x?.perPage
+        c.value = await m.submissions(v.form.id, {
+          view: C.value.view,
+          search: V?.search ?? C.value.search,
+          assignee: C.value.assignee,
+          sort: V?.sort ? `${V.sort.order === "desc" ? "-" : ""}${V.sort.key}` : null,
+          page: V?.page ?? C.value.page,
+          per_page: V?.perPage
         });
       } catch (Z) {
-        E.danger(T(Z));
+        E.danger(q(Z));
       } finally {
-        u.value = !1;
+        f.value = !1;
       }
     }
-    function $(x) {
+    function h(V) {
       const Z = {
-        ...d.query,
-        search: x.search === "" ? void 0 : x.search,
-        sort: x.sort === null ? void 0 : `${x.sort.order === "desc" ? "-" : ""}${x.sort.key}`,
-        page: x.page === 1 ? void 0 : String(x.page)
+        ...l.query,
+        search: V.search === "" ? void 0 : V.search,
+        sort: V.sort === null ? void 0 : `${V.sort.order === "desc" ? "-" : ""}${V.sort.key}`,
+        page: V.page === 1 ? void 0 : String(V.page)
       };
-      l.replace({ query: Z }), O(x);
+      $.replace({ query: Z }), x(V);
     }
-    Ue(
-      () => [s.form.id, A.value, V.value.assignee],
+    Se(
+      () => [v.form.id, A.value, C.value.assignee],
       () => {
-        _.value = [], O();
+        I.value = [], x();
       }
-    ), O(), U();
-    async function U() {
+    ), x(), ue();
+    async function ue() {
       try {
-        z.value = await r.statuses();
-      } catch (x) {
-        E.danger(T(x));
+        U.value = await m.statuses();
+      } catch (V) {
+        E.danger(q(V));
       }
     }
-    function ce(x) {
-      l.push({ path: `${s.base}/submissions/${x.id}`, query: { ...d.query } });
+    function ye(V) {
+      $.push({ path: `${v.base}/submissions/${V.id}`, query: { ...l.query } });
     }
-    function fe(x) {
-      return L.value ? [
+    function qe(V) {
+      return P.value ? [
         {
           key: "read",
-          icon: x.is_read ? "eye-off" : "eye",
-          label: x.is_read ? f("panel.mark-unread") : f("panel.mark-read"),
+          icon: V.is_read ? "eye-off" : "eye",
+          label: V.is_read ? b("panel.mark-unread") : b("panel.mark-read"),
           run: () => {
-            h([x.id], x.is_read ? "unread" : "read");
+            Y([V.id], V.is_read ? "unread" : "read");
           }
         },
         {
           key: "delete",
           icon: "trash",
-          label: f("panel.delete"),
+          label: b("panel.delete"),
           danger: !0,
           run: () => {
-            qe([x.id]);
+            y([V.id]);
           }
         }
       ] : [];
     }
-    async function Be(x) {
-      typeof x == "number" && (b.value = !0, await h(
-        _.value.map((Z) => Z.id),
+    async function He(V) {
+      typeof V == "number" && (w.value = !0, await Y(
+        I.value.map((Z) => Z.id),
         "status",
-        x
-      ), b.value = !1);
-    }
-    async function qe(x) {
-      await Se({
-        title: x.length === 1 ? f("panel.delete-submission-title") : f("panel.delete-selected-title", { count: x.length }),
-        message: f("panel.delete-submission-text"),
-        confirmText: f("panel.delete"),
-        cancelText: f("panel.cancel"),
+        V
+      ), w.value = !1);
+    }
+    async function y(V) {
+      await Ce({
+        title: V.length === 1 ? b("panel.delete-submission-title") : b("panel.delete-selected-title", { count: V.length }),
+        message: b("panel.delete-submission-text"),
+        confirmText: b("panel.delete"),
+        cancelText: b("panel.cancel"),
         tone: "danger"
-      }) && await h(x, "delete");
+      }) && await Y(V, "delete");
     }
-    async function h(x, Z, I) {
-      if (x.length !== 0)
+    async function Y(V, Z, L) {
+      if (V.length !== 0)
         try {
-          await r.massSubmissions({ ids: x, action: Z, status_id: I }), _.value = [], await O(), v("changed");
-        } catch (Ce) {
-          E.danger(T(Ce));
+          await m.massSubmissions({ ids: V, action: Z, status_id: L }), I.value = [], await x(), n("changed");
+        } catch (ze) {
+          E.danger(q(ze));
         }
     }
-    async function Q() {
-      const x = await R({ form: s.form });
-      x && (E.success(f("panel.created")), await O(), v("changed"), l.push({ path: `${s.base}/submissions/${x.id}`, query: { ...d.query } }));
-    }
-    const H = W(
-      () => r.exportUrl(s.form.id, {
-        view: V.value.view,
-        search: V.value.search,
-        assignee: V.value.assignee,
-        sort: V.value.sort
+    async function R() {
+      const V = await M({ form: v.form });
+      V && (E.success(b("panel.created")), await x(), n("changed"), $.push({ path: `${v.base}/submissions/${V.id}`, query: { ...l.query } }));
+    }
+    const Ge = F(
+      () => m.exportUrl(v.form.id, {
+        view: C.value.view,
+        search: C.value.search,
+        assignee: C.value.assignee,
+        sort: C.value.sort
       })
-    );
-    function He() {
-      l.push(`${s.base}/forms/${s.form.id}`);
-    }
-    const ul = W(() => {
-      const x = [];
-      return L.value && x.push({
-        key: "new",
-        label: f("panel.new-submission"),
-        icon: "plus",
-        run: () => {
-          Q();
-        }
-      }), x.push({ key: "export", label: f("panel.export"), icon: "download", href: H.value }), k.value && x.push({ key: "settings", label: f("panel.settings"), icon: "settings", run: He }), x;
-    });
-    return (x, Z) => (p(), K("div", {
+    ), rl = F(() => [
+      { key: "export", label: b("panel.export"), icon: "download", href: Ge.value }
+    ]);
+    return s({ create: R }), (V, Z) => (u(), j("div", {
       ref_key: "root",
-      ref: m,
-      class: al(["wx-submissions", { "is-pane": i.inline }])
+      ref: i,
+      class: "wx-submissions"
     }, [
-      t(e(Ke), {
+      t(e(Ye), {
         class: "wx-submissions__head",
         level: 3,
-        title: ye(),
-        subtitle: i.form.slug,
-        back: !i.inline,
-        "back-label": e(f)("panel.forms"),
-        actions: ul.value,
-        onBack: Z[0] || (Z[0] = (I) => v("back"))
-      }, null, 8, ["title", "subtitle", "back", "back-label", "actions"]),
+        title: D(),
+        subtitle: r.form.slug,
+        actions: rl.value
+      }, null, 8, ["title", "subtitle", "actions"]),
       t(e(Qe), {
         modelValue: A.value,
-        "onUpdate:modelValue": Z[3] || (Z[3] = (I) => A.value = I),
+        "onUpdate:modelValue": Z[2] || (Z[2] = (L) => A.value = L),
         class: "wx-submissions__views",
-        items: D.value,
+        items: g.value,
         "collapse-below": 560,
-        "aria-label": e(f)("panel.status")
+        "aria-label": e(b)("panel.status")
       }, {
         default: a(() => [
-          t(e(ol), {
-            data: S.value,
-            columns: Y.value,
+          t(e(il), {
+            data: c.value,
+            columns: be.value,
             "row-key": "id",
             searchable: "",
             clickable: "",
             hover: "",
             flush: "",
-            loading: u.value,
-            selectable: L.value,
-            "row-class": (I) => I.is_read ? void 0 : "is-unread",
-            "search-placeholder": e(f)("panel.search-submissions"),
-            "empty-text": M.value,
-            "cards-below": 640,
-            onRowClick: ce,
-            onStateChange: $,
-            onSelectionChange: Z[2] || (Z[2] = (I, Ce) => _.value = Ce)
-          }, tl({
-            "cell-status": a(({ row: I }) => [
-              j("div", rt, [
-                I.status ? (p(), g(e(ke), {
+            loading: f.value,
+            selectable: P.value,
+            "row-class": (L) => L.is_read ? void 0 : "is-unread",
+            "search-placeholder": e(b)("panel.search-submissions"),
+            "empty-text": he.value,
+            "cards-below": T.value,
+            onRowClick: ye,
+            onStateChange: h,
+            onSelectionChange: Z[1] || (Z[1] = (L, ze) => I.value = ze)
+          }, Ie({
+            "cell-status": a(({ row: L }) => [
+              G("div", rt, [
+                L.status ? (u(), _(e(Ue), {
                   key: 0,
-                  type: I.status.color
+                  type: L.status.color
                 }, {
                   default: a(() => [
-                    F(w(B(I.status)), 1)
+                    z(k(K(L.status)), 1)
                   ]),
                   _: 2
-                }, 1032, ["type"])) : P("", !0),
-                I.assignee ? (p(), g(e(Je), {
+                }, 1032, ["type"])) : H("", !0),
+                L.assignee ? (u(), _(e(el), {
                   key: 1,
-                  name: I.assignee.name,
-                  title: I.assignee.name,
+                  name: L.assignee.name,
+                  title: L.assignee.name,
                   size: "xs",
                   tone: "auto"
-                }, null, 8, ["name", "title"])) : P("", !0),
-                I.files_count > 0 ? (p(), g(e(wl), {
+                }, null, 8, ["name", "title"])) : H("", !0),
+                L.files_count > 0 ? (u(), _(e(wl), {
                   key: 2,
-                  content: e(f)("panel.attachments")
+                  content: e(b)("panel.attachments")
                 }, {
                   default: a(() => [
-                    t(e(Te), {
+                    t(e(Ve), {
                       name: "file",
                       size: "sm"
                     })
                   ]),
                   _: 1
-                }, 8, ["content"])) : P("", !0)
+                }, 8, ["content"])) : H("", !0)
               ])
             ]),
-            "cell-created_at": a(({ row: I }) => [
-              t(e(Ie), {
-                value: I.created_at,
+            "cell-created_at": a(({ row: L }) => [
+              t(e(Ne), {
+                value: L.created_at,
                 compact: ""
               }, null, 8, ["value"])
             ]),
-            "cell-card": a(({ row: I }) => [
+            "cell-card": a(({ row: L }) => [
               t(e(_l), {
                 variant: "plain",
                 shape: "circle",
-                title: y(I, 0)
+                title: Q(L, 0)
               }, {
                 subtitle: a(() => [
-                  F(w(y(I, 1)), 1)
+                  z(k(Q(L, 1)), 1)
                 ]),
                 meta: a(() => [
-                  I.status ? (p(), g(e(ke), {
+                  L.status ? (u(), _(e(Ue), {
                     key: 0,
-                    type: I.status.color,
+                    type: L.status.color,
                     size: "sm"
                   }, {
                     default: a(() => [
-                      F(w(B(I.status)), 1)
+                      z(k(K(L.status)), 1)
                     ]),
                     _: 2
-                  }, 1032, ["type"])) : P("", !0),
-                  I.assignee ? (p(), g(e(Je), {
+                  }, 1032, ["type"])) : H("", !0),
+                  L.assignee ? (u(), _(e(el), {
                     key: 1,
-                    name: I.assignee.name,
-                    title: I.assignee.name,
+                    name: L.assignee.name,
+                    title: L.assignee.name,
                     size: "xs",
                     tone: "auto"
-                  }, null, 8, ["name", "title"])) : P("", !0),
-                  I.files_count > 0 ? (p(), g(e(Te), {
+                  }, null, 8, ["name", "title"])) : H("", !0),
+                  L.files_count > 0 ? (u(), _(e(Ve), {
                     key: 2,
                     name: "file",
                     size: "sm"
-                  })) : P("", !0),
-                  t(e(Ie), {
-                    value: I.created_at
+                  })) : H("", !0),
+                  t(e(Ne), {
+                    value: L.created_at
                   }, null, 8, ["value"])
                 ]),
                 _: 2
               }, 1032, ["title"])
             ]),
-            "card-actions": a(({ row: I }) => [
-              t(e(ze), {
-                actions: fe(I),
-                label: String(I.id)
+            "card-actions": a(({ row: L }) => [
+              t(e(Te), {
+                actions: qe(L),
+                label: String(L.id)
               }, null, 8, ["actions", "label"])
             ]),
-            "cell-actions": a(({ row: I }) => [
-              t(e(ze), {
-                actions: fe(I),
-                label: String(I.id)
+            "cell-actions": a(({ row: L }) => [
+              t(e(Te), {
+                actions: qe(L),
+                label: String(L.id)
               }, null, 8, ["actions", "label"])
             ]),
             _: 2
           }, [
-            _.value.length > 0 ? {
+            I.value.length > 0 ? {
               name: "actions",
               fn: a(() => [
-                j("div", ut, [
+                G("div", ut, [
                   t(e(J), {
                     size: "sm",
                     weight: "medium"
                   }, {
                     default: a(() => [
-                      F(w(e(f)("panel.selected", { count: _.value.length })), 1)
+                      z(k(e(b)("panel.selected", { count: I.value.length })), 1)
                     ]),
                     _: 1
                   }),
-                  t(e(he), {
+                  t(e(fe), {
                     "model-value": null,
-                    options: le.value,
-                    placeholder: e(f)("panel.move-to"),
-                    disabled: b.value,
+                    options: N.value,
+                    placeholder: e(b)("panel.move-to"),
+                    disabled: w.value,
                     size: "sm",
                     style: { width: "180px" },
-                    "onUpdate:modelValue": Be
+                    "onUpdate:modelValue": He
                   }, null, 8, ["options", "placeholder", "disabled"]),
-                  t(e(oe), {
+                  t(e(le), {
                     size: "sm",
                     variant: "outline",
                     type: "danger",
                     icon: "trash",
-                    onClick: Z[1] || (Z[1] = (I) => qe(_.value.map((Ce) => Ce.id)))
+                    onClick: Z[0] || (Z[0] = (L) => y(I.value.map((ze) => ze.id)))
                   }, {
                     default: a(() => [
-                      F(w(e(f)("panel.delete")), 1)
+                      z(k(e(b)("panel.delete")), 1)
                     ]),
                     _: 1
                   })
@@ -2148,129 +2131,126 @@ const Ol = /* @__PURE__ */ ae({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["data", "columns", "loading", "selectable", "row-class", "search-placeholder", "empty-text"])
+          ]), 1032, ["data", "columns", "loading", "selectable", "row-class", "search-placeholder", "empty-text", "cards-below"])
         ]),
         _: 1
       }, 8, ["modelValue", "items", "aria-label"])
-    ], 2));
+    ], 512));
   }
-}), pt = /* @__PURE__ */ ue(ct, [["__scopeId", "data-v-95b9683d"]]), mt = ["onClick"], vt = { class: "wx-inbox-form__name" }, ft = /* @__PURE__ */ ae({
+}), pt = /* @__PURE__ */ ie(ct, [["__scopeId", "data-v-aed84c27"]]), mt = ["onClick"], vt = { class: "wx-inbox-form__name" }, ft = /* @__PURE__ */ ae({
   __name: "InboxPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const o = i, s = ie(), v = re(s), n = De(), r = Le(), d = xe();
+  setup(r) {
+    const s = r, o = oe(), v = re(o), n = Le(), d = Oe(), m = xe();
     de();
-    const l = te("webx-inbox"), C = ve(), m = q([]), c = q(!0), N = q(!1), f = W(() => s.can("inbox.manage")), T = Pe(nt), S = W(
-      () => s.state.manifest?.modules.find((M) => M.id === "inbox")?.title ?? l("module.title")
-    ), z = W(() => {
-      const M = n.query.form;
-      return typeof M == "string" && M !== "" ? Number(M) : null;
-    }), u = W(() => m.value.find((M) => M.id === z.value) ?? null);
-    function _(M) {
-      return me(M.title, d.active.value, M.slug);
-    }
-    async function b() {
-      c.value = !0;
+    const l = te("webx-inbox"), $ = me(), p = W([]), i = W(!0), O = nl("pane"), S = W(!0), T = W(!1), b = F(() => o.can("inbox.manage")), q = Re(nt), c = F(
+      () => o.state.manifest?.modules.find((N) => N.id === "inbox")?.title ?? l("module.title")
+    ), U = F(() => {
+      const N = n.query.form;
+      return typeof N == "string" && N !== "" ? Number(N) : null;
+    }), f = F(() => p.value.find((N) => N.id === U.value) ?? null);
+    function I(N) {
+      return pe(N.title, m.active.value, N.slug);
+    }
+    async function w() {
+      i.value = !0;
       try {
-        m.value = await v.forms();
-      } catch (M) {
-        E.danger(C(M));
+        p.value = await v.forms();
+      } catch (N) {
+        E.danger($(N));
       } finally {
-        c.value = !1;
+        i.value = !1;
       }
     }
-    b(), Ue(u, (M) => {
-      M !== null && (N.value = !0);
+    w(), Se([p, f], () => {
+      p.value.length === 0 || f.value !== null || d.replace({ query: { ...n.query, form: String(p.value[0].id) } });
     });
-    function L(M) {
-      r.replace({ query: { ...n.query, form: String(M.id) } }), N.value = !0;
+    function P(N, K) {
+      d.replace({ query: { ...n.query, form: String(N.id) } }), K();
     }
-    function k(M) {
-      r.push(`${o.base}/forms/${M.id}`);
+    function M(N) {
+      d.push(`${s.base}/forms/${N.id}`);
     }
-    function R(M) {
-      return f.value ? [
-        { key: "settings", icon: "settings", label: l("panel.settings"), run: () => k(M) },
-        { key: "duplicate", icon: "copy", label: l("panel.duplicate"), run: () => V(M) },
+    function A(N) {
+      return b.value ? [
+        { key: "settings", icon: "settings", label: l("panel.settings"), run: () => M(N) },
+        { key: "duplicate", icon: "copy", label: l("panel.duplicate"), run: () => g(N) },
         // 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.
-        ...M.submissions_count === 0 ? [
+        ...N.submissions_count === 0 ? [
           {
             key: "delete",
             icon: "trash",
             label: l("panel.delete"),
             danger: !0,
-            run: () => D(M)
+            run: () => Q(N)
           }
         ] : []
       ] : [];
     }
-    async function A() {
-      const M = await T({});
-      M && (await b(), k(M));
+    async function C() {
+      const N = await q({});
+      N && (await w(), M(N));
     }
-    async function V(M) {
+    async function g(N) {
       try {
-        const le = await v.duplicateForm(M.id);
-        E.success(l("panel.duplicated")), await b(), k(le);
-      } catch (le) {
-        E.danger(C(le));
+        const K = await v.duplicateForm(N.id);
+        E.success(l("panel.duplicated")), await w(), M(K);
+      } catch (K) {
+        E.danger($(K));
       }
     }
-    async function D(M) {
-      if (await Se({
-        title: l("panel.delete-form-title", { form: _(M) }),
+    async function Q(N) {
+      if (await Ce({
+        title: l("panel.delete-form-title", { form: I(N) }),
         message: l("panel.delete-form-text"),
         confirmText: l("panel.delete"),
         cancelText: l("panel.cancel"),
         tone: "danger"
       }))
         try {
-          if (await v.removeForm(M.id), E.success(l("panel.deleted")), z.value === M.id) {
-            const B = { ...n.query };
-            delete B.form, r.replace({ query: B }), N.value = !1;
+          if (await v.removeForm(N.id), E.success(l("panel.deleted")), U.value === N.id) {
+            const D = { ...n.query };
+            delete D.form, d.replace({ query: D });
           }
-          await b();
-        } catch (B) {
-          E.danger(C(B));
+          await w();
+        } catch (D) {
+          E.danger($(D));
         }
     }
-    async function y() {
+    async function be() {
       try {
-        await v.sortForms(m.value.map((M) => M.id));
-      } catch (M) {
-        E.danger(C(M, l("panel.reorder-failed"))), await b();
+        await v.sortForms(p.value.map((N) => N.id));
+      } catch (N) {
+        E.danger($(N, l("panel.reorder-failed"))), await w();
       }
     }
-    const Y = W(
-      () => f.value ? [
-        {
-          key: "statuses",
-          label: l("panel.statuses"),
-          icon: "tag",
-          run: () => {
-            r.push(`${o.base}/statuses`);
-          }
-        },
-        {
-          key: "new",
-          label: l("panel.new-form"),
-          icon: "plus",
-          primary: !0,
-          run: () => {
-            A();
-          }
+    const he = F(() => {
+      const N = [];
+      return b.value && N.push({
+        key: "statuses",
+        label: l("panel.statuses"),
+        icon: "tag",
+        run: () => {
+          d.push(`${s.base}/statuses`);
         }
-      ] : []
-    );
-    return (M, le) => (p(), g(e(nl), {
-      title: S.value,
-      actions: Y.value,
-      card: !1,
-      fill: ""
-    }, {
+      }), o.can("inbox.update") && f.value !== null && N.push({
+        key: "new-submission",
+        label: l("panel.new-submission"),
+        icon: "plus",
+        primary: !0,
+        run: () => {
+          O.value?.create();
+        }
+      }), N;
+    });
+    return (N, K) => (u(), _(e(sl), {
+      title: c.value,
+      actions: he.value,
+      card: !1
+    }, Ie({
       default: a(() => [
         t(e(se), {
           class: "wx-inbox",
@@ -2278,187 +2258,227 @@ const Ol = /* @__PURE__ */ ae({
         }, {
           default: a(() => [
             t(e(kl), {
-              open: N.value,
-              "onUpdate:open": le[1] || (le[1] = (B) => N.value = B),
+              "filters-open": T.value,
+              "onUpdate:filtersOpen": K[2] || (K[2] = (D) => T.value = D),
               class: "wx-inbox__panes",
-              "list-width": 270,
+              "filters-width": 270,
               "detail-min": 420,
-              "detail-label": u.value ? _(u.value) : e(l)("panel.forms")
+              "filters-title": e(l)("panel.forms"),
+              onFiltersInline: K[3] || (K[3] = (D) => S.value = D)
             }, {
-              list: a(() => [
-                c.value ? (p(), g(e(Re), {
+              filters: a(({ inline: D, close: x }) => [
+                i.value ? (u(), _(e(Fe), {
                   key: 0,
                   class: "wx-inbox__loading",
                   rows: 5
-                })) : m.value.length === 0 ? (p(), g(e(We), {
-                  key: 1,
-                  title: e(l)("panel.no-forms"),
-                  description: e(l)("panel.no-forms-help")
-                }, null, 8, ["title", "description"])) : (p(), g(e(Ze), {
-                  key: 2,
-                  modelValue: m.value,
-                  "onUpdate:modelValue": le[0] || (le[0] = (B) => m.value = B),
-                  class: "wx-inbox__forms",
-                  plain: "",
-                  size: "sm",
-                  "item-key": "id",
-                  "item-label": _,
-                  disabled: !f.value,
-                  title: e(l)("panel.forms"),
-                  onMove: y
-                }, {
-                  default: a(({ item: B }) => [
-                    j("button", {
-                      type: "button",
-                      class: al(["wx-inbox-form", { "is-current": B.id === z.value }]),
-                      onClick: (ye) => L(B)
-                    }, [
-                      j("span", vt, [
+                })) : (u(), j(ee, { key: 1 }, [
+                  !D && b.value ? (u(), _(e(le), {
+                    key: 0,
+                    class: "wx-inbox__new-form",
+                    variant: "outline",
+                    block: "",
+                    onClick: C
+                  }, {
+                    icon: a(() => [
+                      t(e(Ve), { name: "plus" })
+                    ]),
+                    default: a(() => [
+                      z(" " + k(e(l)("panel.new-form")), 1)
+                    ]),
+                    _: 1
+                  })) : H("", !0),
+                  t(e(Ze), {
+                    modelValue: p.value,
+                    "onUpdate:modelValue": K[1] || (K[1] = (h) => p.value = h),
+                    class: Je(["wx-inbox__forms", { "is-panel": !D }]),
+                    plain: "",
+                    size: "sm",
+                    "item-key": "id",
+                    "item-label": I,
+                    disabled: !b.value,
+                    title: D ? e(l)("panel.forms") : void 0,
+                    onMove: be
+                  }, Ie({
+                    default: a(({ item: h }) => [
+                      G("button", {
+                        type: "button",
+                        class: Je(["wx-inbox-form", { "is-current": h.id === U.value, "is-off": !h.is_enabled }]),
+                        onClick: (ue) => P(h, x)
+                      }, [
+                        G("span", vt, [
+                          t(e(J), {
+                            truncate: "",
+                            weight: "medium",
+                            tone: h.is_enabled ? "default" : "muted"
+                          }, {
+                            default: a(() => [
+                              z(k(I(h)), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["tone"]),
+                          h.unread_count ? (u(), _(e(ll), {
+                            key: 0,
+                            class: "wx-inbox-form__count",
+                            type: "primary",
+                            value: h.unread_count,
+                            label: e(l)("panel.unread")
+                          }, null, 8, ["value", "label"])) : h.submissions_count ? (u(), _(e(ll), {
+                            key: 1,
+                            class: "wx-inbox-form__count",
+                            type: "neutral",
+                            value: h.submissions_count,
+                            label: e(l)("panel.submissions")
+                          }, null, 8, ["value", "label"])) : H("", !0)
+                        ]),
                         t(e(J), {
-                          truncate: "",
-                          weight: "medium"
+                          size: "sm",
+                          tone: "muted",
+                          truncate: ""
                         }, {
                           default: a(() => [
-                            F(w(_(B)), 1)
+                            z(k(h.slug), 1)
                           ]),
                           _: 2
-                        }, 1024),
-                        B.is_enabled ? P("", !0) : (p(), g(e(ke), {
-                          key: 0,
-                          type: "default"
-                        }, {
-                          default: a(() => [
-                            F(w(e(l)("panel.off")), 1)
-                          ]),
-                          _: 1
-                        })),
-                        B.unread_count ? (p(), g(e(Xe), {
-                          key: 1,
-                          class: "wx-inbox-form__count",
-                          type: "primary",
-                          value: B.unread_count,
-                          label: e(l)("panel.unread")
-                        }, null, 8, ["value", "label"])) : B.submissions_count ? (p(), g(e(Xe), {
-                          key: 2,
-                          class: "wx-inbox-form__count",
-                          type: "neutral",
-                          value: B.submissions_count,
-                          label: e(l)("panel.submissions")
-                        }, null, 8, ["value", "label"])) : P("", !0)
+                        }, 1024)
+                      ], 10, mt)
+                    ]),
+                    actions: a(({ item: h }) => [
+                      t(e(Te), {
+                        actions: A(h),
+                        label: I(h)
+                      }, null, 8, ["actions", "label"])
+                    ]),
+                    _: 2
+                  }, [
+                    D && b.value ? {
+                      name: "extra",
+                      fn: a(() => [
+                        t(e(ke), {
+                          icon: "plus",
+                          size: "sm",
+                          title: e(l)("panel.new-form"),
+                          onClick: C
+                        }, null, 8, ["title"])
                       ]),
-                      t(e(J), {
-                        size: "sm",
-                        tone: "muted",
-                        truncate: ""
-                      }, {
-                        default: a(() => [
-                          F(w(B.slug), 1)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ], 10, mt)
-                  ]),
-                  actions: a(({ item: B }) => [
-                    t(e(ze), {
-                      actions: R(B),
-                      label: _(B)
-                    }, null, 8, ["actions", "label"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "disabled", "title"]))
-              ]),
-              empty: a(() => [
-                t(e(We), {
-                  description: e(l)("panel.choose-form")
-                }, null, 8, ["description"])
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["modelValue", "class", "disabled", "title"])
+                ], 64))
               ]),
-              detail: a(({ inline: B, back: ye }) => [
-                u.value ? (p(), g(pt, {
-                  key: u.value.id,
-                  form: u.value,
-                  base: o.base,
-                  inline: B,
-                  onBack: ye,
-                  onChanged: b
-                }, null, 8, ["form", "base", "inline", "onBack"])) : P("", !0)
+              list: a(() => [
+                i.value ? (u(), _(e(Fe), {
+                  key: 0,
+                  class: "wx-inbox__loading",
+                  rows: 6
+                })) : f.value ? (u(), _(pt, {
+                  ref_key: "pane",
+                  ref: O,
+                  key: f.value.id,
+                  form: f.value,
+                  base: s.base,
+                  onChanged: w
+                }, null, 8, ["form", "base"])) : (u(), _(e(Be), {
+                  key: 2,
+                  title: e(l)("panel.no-forms"),
+                  description: e(l)("panel.no-forms-help")
+                }, null, 8, ["title", "description"]))
               ]),
               _: 1
-            }, 8, ["open", "detail-label"])
+            }, 8, ["filters-open", "filters-title"])
           ]),
           _: 1
         })
       ]),
-      _: 1
-    }, 8, ["title", "actions"]));
+      _: 2
+    }, [
+      S.value ? void 0 : {
+        name: "actions",
+        fn: a(() => [
+          t(e(le), {
+            variant: "outline",
+            onClick: K[0] || (K[0] = (D) => T.value = !0)
+          }, {
+            icon: a(() => [
+              t(e(Ve), { name: "list" })
+            ]),
+            default: a(() => [
+              z(" " + k(e(l)("panel.forms")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        key: "0"
+      }
+    ]), 1032, ["title", "actions"]));
   }
 }), bt = { class: "wx-inbox-status-form" }, ht = { class: "wx-inbox-status-form__checks" }, yt = /* @__PURE__ */ ae({
   __name: "StatusDialog",
   props: {
     status: {}
   },
-  setup(i) {
-    const o = i, { resolve: s, dismiss: v, open: n } = Ee(), r = ie(), d = re(r);
+  setup(r) {
+    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = oe(), m = re(d);
     de();
-    const l = te("webx-inbox"), C = ve(), m = q(""), c = q({}), N = q("default"), f = q(!1), T = q(!1), S = q(!1), z = q(!1), u = q({});
-    Ue(
-      () => o.status,
-      (k) => {
-        m.value = k?.key ?? "", c.value = { ...k?.title ?? {} }, N.value = k?.color ?? "default", f.value = k?.is_default ?? !1, T.value = k?.is_spam ?? !1, S.value = k?.is_closed ?? !1, u.value = {};
+    const l = te("webx-inbox"), $ = me(), p = W(""), i = W({}), O = W("default"), S = W(!1), T = W(!1), b = W(!1), q = W(!1), c = W({});
+    Se(
+      () => s.status,
+      (w) => {
+        p.value = w?.key ?? "", i.value = { ...w?.title ?? {} }, O.value = w?.color ?? "default", S.value = w?.is_default ?? !1, T.value = w?.is_spam ?? !1, b.value = w?.is_closed ?? !1, c.value = {};
       },
       { immediate: !0 }
     );
-    const _ = W(
-      () => zl.map((k) => ({ value: k, label: l(`panel.color-${k}`) }))
+    const U = F(
+      () => zl.map((w) => ({ value: w, label: l(`panel.color-${w}`) }))
     );
-    function b(k) {
-      return u.value[k]?.[0];
-    }
-    async function L() {
-      z.value = !0, u.value = {};
-      const k = {
-        key: m.value.trim(),
-        title: c.value,
-        color: N.value,
-        is_default: f.value,
+    function f(w) {
+      return c.value[w]?.[0];
+    }
+    async function I() {
+      q.value = !0, c.value = {};
+      const w = {
+        key: p.value.trim(),
+        title: i.value,
+        color: O.value,
+        is_default: S.value,
         is_spam: T.value,
-        is_closed: S.value
+        is_closed: b.value
       };
       try {
-        s(
-          o.status === null ? await d.createStatus(k) : await d.saveStatus(o.status.id, k)
+        o(
+          s.status === null ? await m.createStatus(w) : await m.saveStatus(s.status.id, w)
         );
-      } catch (R) {
-        const A = R.body;
-        A?.errors ? (u.value = A.errors, E.danger(l("panel.failed"))) : E.danger(C(R));
+      } catch (P) {
+        const M = P.body;
+        M?.errors ? (c.value = M.errors, E.danger(l("panel.failed"))) : E.danger($(P));
       } finally {
-        z.value = !1;
+        q.value = !1;
       }
     }
-    return (k, R) => (p(), g(e(Oe), {
+    return (w, P) => (u(), _(e(Pe), {
       open: e(n),
-      "onUpdate:open": R[7] || (R[7] = (A) => ne(n) ? n.value = A : null),
-      title: i.status ? e(l)("panel.settings") : e(l)("panel.new-status"),
+      "onUpdate:open": P[7] || (P[7] = (M) => ne(n) ? n.value = M : null),
+      title: r.status ? e(l)("panel.settings") : e(l)("panel.new-status"),
       width: 520
     }, {
       footer: a(() => [
-        t(e(Fe), { size: "sm" }, {
+        t(e(We), { size: "sm" }, {
           default: a(() => [
-            t(e(oe), {
+            t(e(le), {
               variant: "outline",
-              onClick: R[6] || (R[6] = (A) => e(v)())
+              onClick: P[6] || (P[6] = (M) => e(v)())
             }, {
               default: a(() => [
-                F(w(e(l)("panel.cancel")), 1)
+                z(k(e(l)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            t(e(oe), {
+            t(e(le), {
               type: "primary",
-              loading: z.value,
-              onClick: L
+              loading: q.value,
+              onClick: I
             }, {
               default: a(() => [
-                F(w(e(l)("panel.save")), 1)
+                z(k(e(l)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2467,62 +2487,62 @@ const Ol = /* @__PURE__ */ ae({
         })
       ]),
       default: a(() => [
-        j("div", bt, [
-          t(e(G), {
+        G("div", bt, [
+          t(e(B), {
             label: e(l)("panel.title"),
-            error: b("title"),
+            error: f("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: c.value,
-                "onUpdate:modelValue": R[0] || (R[0] = (A) => c.value = A),
+                modelValue: i.value,
+                "onUpdate:modelValue": P[0] || (P[0] = (M) => i.value = M),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(G), {
+          t(e(B), {
             label: e(l)("panel.status-key"),
-            error: b("key"),
+            error: f("key"),
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: m.value,
-                "onUpdate:modelValue": R[1] || (R[1] = (A) => m.value = A),
+                modelValue: p.value,
+                "onUpdate:modelValue": P[1] || (P[1] = (M) => p.value = M),
                 placeholder: "in-progress"
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          t(e(G), {
+          t(e(B), {
             label: e(l)("panel.status-color"),
-            error: b("color")
+            error: f("color")
           }, {
             default: a(() => [
-              t(e(he), {
-                modelValue: N.value,
-                "onUpdate:modelValue": R[2] || (R[2] = (A) => N.value = A),
-                options: _.value
+              t(e(fe), {
+                modelValue: O.value,
+                "onUpdate:modelValue": P[2] || (P[2] = (M) => O.value = M),
+                options: U.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          j("div", ht, [
-            t(e(be), {
-              modelValue: f.value,
-              "onUpdate:modelValue": R[3] || (R[3] = (A) => f.value = A),
+          G("div", ht, [
+            t(e(ve), {
+              modelValue: S.value,
+              "onUpdate:modelValue": P[3] || (P[3] = (M) => S.value = M),
               label: e(l)("panel.status-default")
             }, null, 8, ["modelValue", "label"]),
-            t(e(be), {
+            t(e(ve), {
               modelValue: T.value,
-              "onUpdate:modelValue": R[4] || (R[4] = (A) => T.value = A),
+              "onUpdate:modelValue": P[4] || (P[4] = (M) => T.value = M),
               label: e(l)("panel.status-spam")
             }, null, 8, ["modelValue", "label"]),
-            t(e(be), {
-              modelValue: S.value,
-              "onUpdate:modelValue": R[5] || (R[5] = (A) => S.value = A),
+            t(e(ve), {
+              modelValue: b.value,
+              "onUpdate:modelValue": P[5] || (P[5] = (M) => b.value = M),
               disabled: T.value,
               label: e(l)("panel.status-closed")
             }, null, 8, ["modelValue", "disabled", "label"])
@@ -2532,71 +2552,71 @@ const Ol = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), gt = /* @__PURE__ */ ue(yt, [["__scopeId", "data-v-b520b53b"]]), xt = { class: "wx-inbox-statuses" }, _t = { class: "wx-inbox-status" }, wt = /* @__PURE__ */ ae({
+}), gt = /* @__PURE__ */ ie(yt, [["__scopeId", "data-v-b520b53b"]]), xt = { class: "wx-inbox-statuses" }, _t = { class: "wx-inbox-status" }, wt = /* @__PURE__ */ ae({
   __name: "StatusesPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const o = i, s = ie(), v = re(s), n = xe();
+  setup(r) {
+    const s = r, o = oe(), v = re(o), n = xe();
     de();
-    const r = te("webx-inbox"), d = ve(), l = q([]), C = q(!0), m = s.can("inbox.manage"), c = Pe(gt);
-    function N(b) {
-      return me(b.title, n.active.value, b.key);
+    const d = te("webx-inbox"), m = me(), l = W([]), $ = W(!0), p = o.can("inbox.manage"), i = Re(gt);
+    function O(f) {
+      return pe(f.title, n.active.value, f.key);
     }
-    async function f() {
-      C.value = !0;
+    async function S() {
+      $.value = !0;
       try {
         l.value = await v.statuses();
-      } catch (b) {
-        E.danger(d(b));
+      } catch (f) {
+        E.danger(m(f));
       } finally {
-        C.value = !1;
+        $.value = !1;
       }
     }
-    f();
-    async function T(b) {
-      await c({ status: b }) && await f();
+    S();
+    async function T(f) {
+      await i({ status: f }) && await S();
     }
-    async function S(b) {
-      if (await Se({
-        title: r("panel.delete-status-title", { status: N(b) }),
-        message: r("panel.delete-status-text"),
-        confirmText: r("panel.delete"),
-        cancelText: r("panel.cancel"),
+    async function b(f) {
+      if (await Ce({
+        title: d("panel.delete-status-title", { status: O(f) }),
+        message: d("panel.delete-status-text"),
+        confirmText: d("panel.delete"),
+        cancelText: d("panel.cancel"),
         tone: "danger"
       }))
         try {
-          await v.removeStatus(b.id), E.success(r("panel.deleted")), await f();
-        } catch (k) {
-          E.danger(d(k));
+          await v.removeStatus(f.id), E.success(d("panel.deleted")), await S();
+        } catch (w) {
+          E.danger(m(w));
         }
     }
-    function z(b) {
-      return m ? [
-        { key: "edit", icon: "edit", label: r("panel.settings"), run: () => {
-          T(b);
+    function q(f) {
+      return p ? [
+        { key: "edit", icon: "edit", label: d("panel.settings"), run: () => {
+          T(f);
         } },
         // 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.
-        ...b.submissions_count === 0 ? [
+        ...f.submissions_count === 0 ? [
           {
             key: "delete",
             icon: "trash",
-            label: r("panel.delete"),
+            label: d("panel.delete"),
             danger: !0,
             run: () => {
-              S(b);
+              b(f);
             }
           }
         ] : []
       ] : [];
     }
-    const u = W(
-      () => m ? [
+    const c = F(
+      () => p ? [
         {
           key: "new",
-          label: r("panel.new-status"),
+          label: d("panel.new-status"),
           icon: "plus",
           primary: !0,
           run: () => {
@@ -2605,42 +2625,42 @@ const Ol = /* @__PURE__ */ ae({
         }
       ] : []
     );
-    async function _() {
+    async function U() {
       try {
-        await v.sortStatuses(l.value.map((b) => b.id));
-      } catch (b) {
-        E.danger(d(b, r("panel.reorder-failed"))), await f();
+        await v.sortStatuses(l.value.map((f) => f.id));
+      } catch (f) {
+        E.danger(m(f, d("panel.reorder-failed"))), await S();
       }
     }
-    return (b, L) => (p(), K("div", xt, [
-      t(e(nl), {
-        title: e(r)("panel.statuses"),
-        back: o.base,
-        "back-label": e(r)("panel.forms"),
-        actions: u.value
+    return (f, I) => (u(), j("div", xt, [
+      t(e(sl), {
+        title: e(d)("panel.statuses"),
+        back: s.base,
+        "back-label": e(d)("panel.forms"),
+        actions: c.value
       }, {
         default: a(() => [
-          !C.value && l.value.length === 0 ? (p(), g(e(We), {
+          !$.value && l.value.length === 0 ? (u(), _(e(Be), {
             key: 0,
-            title: e(r)("panel.no-statuses")
-          }, null, 8, ["title"])) : (p(), g(e(Ze), {
+            title: e(d)("panel.no-statuses")
+          }, null, 8, ["title"])) : (u(), _(e(Ze), {
             key: 1,
             modelValue: l.value,
-            "onUpdate:modelValue": L[0] || (L[0] = (k) => l.value = k),
+            "onUpdate:modelValue": I[0] || (I[0] = (w) => l.value = w),
             plain: "",
             "item-key": "id",
-            "item-label": N,
-            disabled: !e(m),
-            "aria-label": e(r)("panel.statuses"),
-            onMove: _
+            "item-label": O,
+            disabled: !e(p),
+            "aria-label": e(d)("panel.statuses"),
+            onMove: U
           }, {
-            default: a(({ item: k }) => [
-              j("div", _t, [
-                t(e(ke), {
-                  type: k.color
+            default: a(({ item: w }) => [
+              G("div", _t, [
+                t(e(Ue), {
+                  type: w.color
                 }, {
                   default: a(() => [
-                    F(w(N(k)), 1)
+                    z(k(O(w)), 1)
                   ]),
                   _: 2
                 }, 1032, ["type"]),
@@ -2650,27 +2670,27 @@ const Ol = /* @__PURE__ */ ae({
                   truncate: ""
                 }, {
                   default: a(() => [
-                    j("code", null, w(k.key), 1),
-                    k.is_default ? (p(), K(ee, { key: 0 }, [
-                      F(" · " + w(e(r)("panel.status-default")), 1)
-                    ], 64)) : P("", !0),
-                    k.is_spam ? (p(), K(ee, { key: 1 }, [
-                      F(" · " + w(e(r)("panel.status-spam")), 1)
-                    ], 64)) : k.is_closed ? (p(), K(ee, { key: 2 }, [
-                      F(" · " + w(e(r)("panel.status-closed")), 1)
-                    ], 64)) : P("", !0),
-                    k.submissions_count ? (p(), K(ee, { key: 3 }, [
-                      F(" · " + w(e(r)("panel.in-use")) + " (" + w(k.submissions_count) + ") ", 1)
-                    ], 64)) : P("", !0)
+                    G("code", null, k(w.key), 1),
+                    w.is_default ? (u(), j(ee, { key: 0 }, [
+                      z(" · " + k(e(d)("panel.status-default")), 1)
+                    ], 64)) : H("", !0),
+                    w.is_spam ? (u(), j(ee, { key: 1 }, [
+                      z(" · " + k(e(d)("panel.status-spam")), 1)
+                    ], 64)) : w.is_closed ? (u(), j(ee, { key: 2 }, [
+                      z(" · " + k(e(d)("panel.status-closed")), 1)
+                    ], 64)) : H("", !0),
+                    w.submissions_count ? (u(), j(ee, { key: 3 }, [
+                      z(" · " + k(e(d)("panel.in-use")) + " (" + k(w.submissions_count) + ") ", 1)
+                    ], 64)) : H("", !0)
                   ]),
                   _: 2
                 }, 1024)
               ])
             ]),
-            actions: a(({ item: k }) => [
-              t(e(ze), {
-                actions: z(k),
-                label: N(k)
+            actions: a(({ item: w }) => [
+              t(e(Te), {
+                actions: q(w),
+                label: O(w)
               }, null, 8, ["actions", "label"])
             ]),
             _: 1
@@ -2680,90 +2700,90 @@ const Ol = /* @__PURE__ */ ae({
       }, 8, ["title", "back", "back-label", "actions"])
     ]));
   }
-}), kt = /* @__PURE__ */ ue(wt, [["__scopeId", "data-v-f94bf140"]]), Vt = { class: "wx-submission" }, $t = {
+}), kt = /* @__PURE__ */ ie(wt, [["__scopeId", "data-v-f94bf140"]]), Vt = { class: "wx-submission" }, $t = {
   key: 1,
   class: "wx-submission__panes"
-}, Ut = { class: "wx-submission__main" }, St = { class: "wx-submission__value" }, Ct = { class: "wx-submission__files" }, zt = { class: "wx-submission__by" }, Tt = { class: "wx-submission__fields" }, Wt = ["href"], Ft = {
+}, Ut = { class: "wx-submission__main" }, St = { class: "wx-submission__value" }, Ct = { class: "wx-submission__files" }, zt = { class: "wx-submission__by" }, Tt = { class: "wx-submission__fields" }, Ft = ["href"], Wt = {
   key: 1,
   class: "wx-submission__detail"
-}, qt = { class: "wx-submission__aside" }, At = { class: "wx-submission__fields" }, It = { class: "wx-submission__field" }, Nt = { class: "wx-submission__field" }, Mt = /* @__PURE__ */ ae({
+}, qt = { class: "wx-submission__aside" }, At = { class: "wx-submission__fields" }, It = { class: "wx-submission__field" }, Nt = { class: "wx-submission__field" }, Dt = /* @__PURE__ */ ae({
   __name: "SubmissionPage",
   props: {
     base: { default: "/inbox" }
   },
-  setup(i) {
-    const o = i, s = ie(), v = re(s), n = De(), r = Le(), d = xe();
+  setup(r) {
+    const s = r, o = oe(), v = re(o), n = Le(), d = Oe(), m = xe();
     de();
-    const l = te("webx-inbox"), C = te("webx-admin"), m = ve(), c = q(null), N = q([]), f = q([]), T = q(!0), S = W(() => s.can("inbox.update")), z = W(() => Number(n.params.id)), u = W(() => ({
+    const l = te("webx-inbox"), $ = te("webx-admin"), p = me(), i = W(null), O = W([]), S = W([]), T = W(!0), b = F(() => o.can("inbox.update")), q = F(() => Number(n.params.id)), c = F(() => ({
       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
-    })), _ = W(() => ({ path: o.base, query: { ...n.query } })), b = W(
-      () => N.value.map((h) => ({ value: h.id, label: k(h) }))
-    ), L = W(
-      () => f.value.map((h) => ({ value: h.id, label: h.name }))
+    })), U = F(() => ({ path: s.base, query: { ...n.query } })), f = F(
+      () => O.value.map((y) => ({ value: y.id, label: w(y) }))
+    ), I = F(
+      () => S.value.map((y) => ({ value: y.id, label: y.name }))
     );
-    function k(h) {
-      return me(h.title, d.active.value, h.key);
-    }
-    const R = W(() => l("panel.submission", { id: String(z.value) })), A = W(() => {
-      const h = c.value?.form;
-      return h === void 0 ? "" : me(h.title ?? {}, d.active.value, h.slug ?? "");
-    }), V = W(() => (c.value?.values ?? []).find((H) => H.type === "email" && (H.value ?? "") !== "")?.value ?? null), D = W(() => {
-      if (V.value === null) return null;
-      const h = encodeURIComponent(`${A.value} — ${R.value}`);
-      return `mailto:${V.value}?subject=${h}`;
+    function w(y) {
+      return pe(y.title, m.active.value, y.key);
+    }
+    const P = F(() => l("panel.submission", { id: String(q.value) })), M = F(() => {
+      const y = i.value?.form;
+      return y === void 0 ? "" : pe(y.title ?? {}, m.active.value, y.slug ?? "");
+    }), A = F(() => (i.value?.values ?? []).find((R) => R.type === "email" && (R.value ?? "") !== "")?.value ?? null), C = F(() => {
+      if (A.value === null) return null;
+      const y = encodeURIComponent(`${M.value} — ${P.value}`);
+      return `mailto:${A.value}?subject=${y}`;
     });
-    async function y() {
+    async function g() {
       T.value = !0;
       try {
-        c.value = await v.submission(z.value, u.value);
-      } catch (h) {
-        E.danger(m(h)), r.replace(_.value);
+        i.value = await v.submission(q.value, c.value);
+      } catch (y) {
+        E.danger(p(y)), d.replace(U.value);
       } finally {
         T.value = !1;
       }
     }
-    async function Y() {
+    async function Q() {
       try {
-        N.value = await v.statuses(), S.value && (f.value = await v.recipients());
-      } catch (h) {
-        E.danger(m(h));
+        O.value = await v.statuses(), b.value && (S.value = await v.recipients());
+      } catch (y) {
+        E.danger(p(y));
       }
     }
-    Ue(z, () => {
-      y();
-    }, { immediate: !0 }), Y();
-    async function M(h) {
+    Se(q, () => {
+      g();
+    }, { immediate: !0 }), Q();
+    async function be(y) {
       try {
-        c.value = await v.saveSubmission(z.value, h), E.success(l("panel.saved"));
-      } catch (Q) {
-        E.danger(m(Q)), await y();
+        i.value = await v.saveSubmission(q.value, y), E.success(l("panel.saved"));
+      } catch (Y) {
+        E.danger(p(Y)), await g();
       }
     }
-    function le(h) {
-      typeof h == "number" && M({ status_id: h });
+    function he(y) {
+      typeof y == "number" && be({ status_id: y });
     }
-    function B(h) {
-      M({ assignee_id: typeof h == "number" ? h : null });
+    function N(y) {
+      be({ assignee_id: typeof y == "number" ? y : null });
     }
-    const ye = W(() => {
-      const h = [];
-      return D.value && h.push({
+    const K = F(() => {
+      const y = [];
+      return C.value && y.push({
         key: "reply",
         label: l("panel.reply"),
         icon: "mail",
         primary: !0,
-        href: D.value,
+        href: C.value,
         target: "_self"
-      }), S.value && c.value !== null && h.push(
+      }), b.value && i.value !== null && y.push(
         {
           key: "unread",
           icon: "eye-off",
           label: l("panel.mark-unread"),
           menu: !0,
           run: () => {
-            O();
+            D();
           }
         },
         {
@@ -2772,20 +2792,20 @@ const Ol = /* @__PURE__ */ ae({
           label: l("panel.delete"),
           danger: !0,
           run: () => {
-            $();
+            x();
           }
         }
-      ), h;
+      ), y;
     });
-    async function O() {
+    async function D() {
       try {
-        await v.massSubmissions({ ids: [z.value], action: "unread" }), r.push(_.value);
-      } catch (h) {
-        E.danger(m(h));
+        await v.massSubmissions({ ids: [q.value], action: "unread" }), d.push(U.value);
+      } catch (y) {
+        E.danger(p(y));
       }
     }
-    async function $() {
-      if (await Se({
+    async function x() {
+      if (await Ce({
         title: l("panel.delete-submission-title"),
         message: l("panel.delete-submission-text"),
         confirmText: l("panel.delete"),
@@ -2793,94 +2813,94 @@ const Ol = /* @__PURE__ */ ae({
         tone: "danger"
       }))
         try {
-          await v.removeSubmission(z.value), E.success(l("panel.deleted")), r.push(_.value);
-        } catch (Q) {
-          E.danger(m(Q));
+          await v.removeSubmission(q.value), E.success(l("panel.deleted")), d.push(U.value);
+        } catch (Y) {
+          E.danger(p(Y));
         }
     }
-    function U(h) {
-      h !== null && r.push({ path: `${o.base}/submissions/${h}`, query: { ...n.query } });
+    function h(y) {
+      y !== null && d.push({ path: `${s.base}/submissions/${y}`, query: { ...n.query } });
     }
-    function ce(h) {
-      const Q = N.value.find((H) => H.key === h);
-      return Q === void 0 ? h : k(Q);
+    function ue(y) {
+      const Y = O.value.find((R) => R.key === y);
+      return Y === void 0 ? y : w(Y);
     }
-    function fe(h) {
-      switch (h.type) {
+    function ye(y) {
+      switch (y.type) {
         case "created":
           return l("panel.event-created");
         case "status":
-          return l("panel.event-status", { to: ce(h.to ?? "") });
+          return l("panel.event-status", { to: ue(y.to ?? "") });
         case "assignee":
-          return h.to === null || h.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: h.to });
+          return y.to === null || y.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: y.to });
         case "note":
           return l("panel.event-note");
         case "notified":
           return l("panel.event-notified");
         default:
-          return h.type;
+          return y.type;
       }
     }
-    function Be(h) {
-      return `${Math.max(1, Math.round(h / 1024))} KB`;
+    function qe(y) {
+      return `${Math.max(1, Math.round(y / 1024))} KB`;
     }
-    const qe = W(() => {
-      const h = c.value?.meta ?? {}, Q = [];
-      typeof h.page == "string" && h.page !== "" && Q.push({ label: l("panel.meta-page"), value: h.page, link: !0 }), typeof h.referrer == "string" && h.referrer !== "" && Q.push({ label: l("panel.meta-referrer"), value: h.referrer, link: !0 });
-      for (const [H, He] of Object.entries(h.utm ?? {}))
-        Q.push({ label: H, value: String(He) });
-      return typeof h.locale == "string" && h.locale !== "" && Q.push({ label: l("panel.meta-locale"), value: h.locale }), typeof h.ip == "string" && h.ip !== "" && Q.push({ label: l("panel.meta-ip"), value: h.ip }), typeof h.user_agent == "string" && h.user_agent !== "" && Q.push({ label: l("panel.meta-agent"), value: h.user_agent }), Q;
+    const He = F(() => {
+      const y = i.value?.meta ?? {}, Y = [];
+      typeof y.page == "string" && y.page !== "" && Y.push({ label: l("panel.meta-page"), value: y.page, link: !0 }), typeof y.referrer == "string" && y.referrer !== "" && Y.push({ label: l("panel.meta-referrer"), value: y.referrer, link: !0 });
+      for (const [R, Ge] of Object.entries(y.utm ?? {}))
+        Y.push({ label: R, value: String(Ge) });
+      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;
     });
-    return (h, Q) => (p(), K("div", Vt, [
-      t(e(Ke), {
-        title: R.value,
-        subtitle: A.value,
-        back: _.value,
-        actions: ye.value
+    return (y, Y) => (u(), j("div", Vt, [
+      t(e(Ye), {
+        title: P.value,
+        subtitle: M.value,
+        back: U.value,
+        actions: K.value
       }, {
         extra: a(() => [
-          t(e($e), {
+          t(e(ke), {
             icon: "chevron-left",
             size: "lg",
             title: e(l)("panel.previous"),
-            disabled: !c.value?.previous_id,
-            onClick: Q[0] || (Q[0] = (H) => U(c.value?.previous_id ?? null))
+            disabled: !i.value?.previous_id,
+            onClick: Y[0] || (Y[0] = (R) => h(i.value?.previous_id ?? null))
           }, null, 8, ["title", "disabled"]),
-          t(e($e), {
+          t(e(ke), {
             icon: "chevron-right",
             size: "lg",
             title: e(l)("panel.next"),
-            disabled: !c.value?.next_id,
-            onClick: Q[1] || (Q[1] = (H) => U(c.value?.next_id ?? null))
+            disabled: !i.value?.next_id,
+            onClick: Y[1] || (Y[1] = (R) => h(i.value?.next_id ?? null))
           }, null, 8, ["title", "disabled"])
         ]),
         _: 1
       }, 8, ["title", "subtitle", "back", "actions"]),
-      T.value ? (p(), g(e(Re), {
+      T.value ? (u(), _(e(Fe), {
         key: 0,
         rows: 6
-      })) : c.value ? (p(), K("div", $t, [
-        j("div", Ut, [
+      })) : i.value ? (u(), j("div", $t, [
+        G("div", Ut, [
           t(e(se), {
             title: e(l)("panel.answers")
           }, {
             default: a(() => [
-              c.value.values.length === 0 ? (p(), g(e(We), {
+              i.value.values.length === 0 ? (u(), _(e(Be), {
                 key: 0,
                 size: "sm",
                 description: e(l)("panel.no-answers")
-              }, null, 8, ["description"])) : (p(), g(e(el), {
+              }, null, 8, ["description"])) : (u(), _(e(tl), {
                 key: 1,
                 columns: 1,
                 layout: "vertical"
               }, {
                 default: a(() => [
-                  (p(!0), K(ee, null, we(c.value.values, (H) => (p(), g(e(Ae), {
-                    key: H.id,
-                    label: H.label ?? H.name
+                  (u(!0), j(ee, null, we(i.value.values, (R) => (u(), _(e(Ae), {
+                    key: R.id,
+                    label: R.label ?? R.name
                   }, {
                     default: a(() => [
-                      j("p", St, w(H.value || "—"), 1)
+                      G("p", St, k(R.value || "—"), 1)
                     ]),
                     _: 2
                   }, 1032, ["label"]))), 128))
@@ -2890,47 +2910,47 @@ const Ol = /* @__PURE__ */ ae({
             ]),
             _: 1
           }, 8, ["title"]),
-          c.value.files.length > 0 ? (p(), g(e(se), {
+          i.value.files.length > 0 ? (u(), _(e(se), {
             key: 0,
             title: e(l)("panel.attachments")
           }, {
             default: a(() => [
-              j("div", Ct, [
-                (p(!0), K(ee, null, we(c.value.files, (H) => (p(), g(e(Vl), {
-                  key: H.id,
-                  name: H.name,
-                  type: H.mime ?? void 0,
-                  "download-url": H.url,
+              G("div", Ct, [
+                (u(!0), j(ee, null, we(i.value.files, (R) => (u(), _(e(Vl), {
+                  key: R.id,
+                  name: R.name,
+                  type: R.mime ?? void 0,
+                  "download-url": R.url,
                   "download-label": e(l)("panel.download"),
                   size: "sm"
                 }, {
                   meta: a(() => [
-                    F(w(Be(H.size)), 1)
+                    z(k(qe(R.size)), 1)
                   ]),
                   _: 2
                 }, 1032, ["name", "type", "download-url", "download-label"]))), 128))
               ])
             ]),
             _: 1
-          }, 8, ["title"])) : P("", !0),
+          }, 8, ["title"])) : H("", !0),
           t(e(se), { class: "wx-submission__more" }, {
             default: a(() => [
               t(e(Qe), {
                 variant: "pill",
-                "aria-label": R.value
+                "aria-label": P.value
               }, {
                 default: a(() => [
                   t(e(ge), {
                     value: "notes",
-                    label: e(C)("notes.title")
+                    label: e($)("notes.title")
                   }, {
                     default: a(() => [
                       t(e(ml), {
-                        id: c.value.id,
+                        id: i.value.id,
                         type: "inbox_submission",
                         title: "",
-                        can: S.value,
-                        onChange: y
+                        can: b.value,
+                        onChange: g
                       }, null, 8, ["id", "can"])
                     ]),
                     _: 1
@@ -2942,8 +2962,8 @@ const Ol = /* @__PURE__ */ ae({
                     default: a(() => [
                       t(e($l), { size: "sm" }, {
                         default: a(() => [
-                          (p(!0), K(ee, null, we(c.value.events, (H) => (p(), g(e(Ul), {
-                            key: H.id
+                          (u(!0), j(ee, null, we(i.value.events, (R) => (u(), _(e(Ul), {
+                            key: R.id
                           }, {
                             default: a(() => [
                               t(e(J), {
@@ -2952,22 +2972,22 @@ const Ol = /* @__PURE__ */ ae({
                                 class: "wx-submission__event"
                               }, {
                                 default: a(() => [
-                                  F(w(fe(H)), 1)
+                                  z(k(ye(R)), 1)
                                 ]),
                                 _: 2
                               }, 1024),
-                              j("p", zt, [
+                              G("p", zt, [
                                 t(e(J), {
                                   size: "sm",
                                   tone: "muted"
                                 }, {
                                   default: a(() => [
-                                    F(w(H.author?.name ?? e(l)("panel.system")), 1)
+                                    z(k(R.author?.name ?? e(l)("panel.system")), 1)
                                   ]),
                                   _: 2
                                 }, 1024),
-                                t(e(Ie), {
-                                  value: H.created_at
+                                t(e(Ne), {
+                                  value: R.created_at
                                 }, null, 8, ["value"])
                               ])
                             ]),
@@ -2984,8 +3004,8 @@ const Ol = /* @__PURE__ */ ae({
                     label: e(l)("panel.details")
                   }, {
                     default: a(() => [
-                      j("div", Tt, [
-                        t(e(el), {
+                      G("div", Tt, [
+                        t(e(tl), {
                           columns: 1,
                           layout: "vertical",
                           size: "sm"
@@ -2995,8 +3015,8 @@ const Ol = /* @__PURE__ */ ae({
                               label: e(l)("panel.received")
                             }, {
                               default: a(() => [
-                                t(e(Ie), {
-                                  value: c.value.created_at,
+                                t(e(Ne), {
+                                  value: i.value.created_at,
                                   tone: "default"
                                 }, null, 8, ["value"])
                               ]),
@@ -3006,59 +3026,59 @@ const Ol = /* @__PURE__ */ ae({
                               label: e(l)("panel.meta-source")
                             }, {
                               default: a(() => [
-                                t(e(ke), {
-                                  type: c.value.source === "panel" ? "info" : "default"
+                                t(e(Ue), {
+                                  type: i.value.source === "panel" ? "info" : "default"
                                 }, {
                                   default: a(() => [
-                                    F(w(c.value.source === "panel" ? e(l)("panel.source-panel") : e(l)("panel.source-web")), 1)
+                                    z(k(i.value.source === "panel" ? e(l)("panel.source-panel") : e(l)("panel.source-web")), 1)
                                   ]),
                                   _: 1
                                 }, 8, ["type"])
                               ]),
                               _: 1
                             }, 8, ["label"]),
-                            (p(!0), K(ee, null, we(qe.value, (H) => (p(), g(e(Ae), {
-                              key: H.label,
-                              label: H.label
+                            (u(!0), j(ee, null, we(He.value, (R) => (u(), _(e(Ae), {
+                              key: R.label,
+                              label: R.label
                             }, {
                               default: a(() => [
-                                H.link ? (p(), K("a", {
+                                R.link ? (u(), j("a", {
                                   key: 0,
-                                  href: H.value,
+                                  href: R.value,
                                   target: "_blank",
                                   rel: "noreferrer"
-                                }, w(H.value), 9, Wt)) : (p(), K("span", Ft, w(H.value), 1))
+                                }, k(R.value), 9, Ft)) : (u(), j("span", Wt, k(R.value), 1))
                               ]),
                               _: 2
                             }, 1032, ["label"]))), 128))
                           ]),
                           _: 1
                         }),
-                        c.value.notify_error ? (p(), g(e(Ne), {
+                        i.value.notify_error ? (u(), _(e(De), {
                           key: 0,
                           type: "warning",
                           closable: !1
                         }, {
                           default: a(() => [
-                            F(w(e(l)("panel.notify-failed")), 1)
+                            z(k(e(l)("panel.notify-failed")), 1)
                           ]),
                           _: 1
-                        })) : c.value.notified_at ? (p(), g(e(J), {
+                        })) : i.value.notified_at ? (u(), _(e(J), {
                           key: 1,
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            F(w(e(l)("panel.notified")), 1)
+                            z(k(e(l)("panel.notified")), 1)
                           ]),
                           _: 1
-                        })) : (p(), g(e(J), {
+                        })) : (u(), _(e(J), {
                           key: 2,
                           size: "sm",
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            F(w(e(l)("panel.not-notified")), 1)
+                            z(k(e(l)("panel.not-notified")), 1)
                           ]),
                           _: 1
                         }))
@@ -3073,44 +3093,44 @@ const Ol = /* @__PURE__ */ ae({
             _: 1
           })
         ]),
-        j("aside", qt, [
+        G("aside", qt, [
           t(e(se), null, {
             default: a(() => [
-              j("div", At, [
-                j("label", It, [
+              G("div", At, [
+                G("label", It, [
                   t(e(J), {
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: a(() => [
-                      F(w(e(l)("panel.status")), 1)
+                      z(k(e(l)("panel.status")), 1)
                     ]),
                     _: 1
                   }),
-                  t(e(he), {
-                    "model-value": c.value.status?.id ?? null,
-                    options: b.value,
-                    disabled: !S.value,
-                    "onUpdate:modelValue": le
+                  t(e(fe), {
+                    "model-value": i.value.status?.id ?? null,
+                    options: f.value,
+                    disabled: !b.value,
+                    "onUpdate:modelValue": he
                   }, null, 8, ["model-value", "options", "disabled"])
                 ]),
-                j("label", Nt, [
+                G("label", Nt, [
                   t(e(J), {
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: a(() => [
-                      F(w(e(l)("panel.assignee")), 1)
+                      z(k(e(l)("panel.assignee")), 1)
                     ]),
                     _: 1
                   }),
-                  t(e(he), {
-                    "model-value": c.value.assignee?.id ?? null,
-                    options: L.value,
-                    disabled: !S.value,
+                  t(e(fe), {
+                    "model-value": i.value.assignee?.id ?? null,
+                    options: I.value,
+                    disabled: !b.value,
                     clearable: "",
                     placeholder: e(l)("panel.unassigned"),
-                    "onUpdate:modelValue": B
+                    "onUpdate:modelValue": N
                   }, null, 8, ["model-value", "options", "disabled", "placeholder"])
                 ])
               ])
@@ -3118,39 +3138,39 @@ const Ol = /* @__PURE__ */ ae({
             _: 1
           })
         ])
-      ])) : P("", !0)
+      ])) : H("", !0)
     ]));
   }
-}), Dt = /* @__PURE__ */ ue(Mt, [["__scopeId", "data-v-2163fca6"]]);
-function Rt(i = {}) {
-  const o = i.path ?? "/inbox";
+}), Mt = /* @__PURE__ */ ie(Dt, [["__scopeId", "data-v-2163fca6"]]);
+function Rt(r = {}) {
+  const s = r.path ?? "/inbox";
   return {
     id: "inbox",
-    path: o,
-    landing: i.landing ?? !0,
+    path: s,
+    landing: r.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: o, name: "webx.inbox", component: ft, props: { base: o } },
+      { path: s, name: "webx.inbox", component: ft, props: { base: s } },
       {
-        path: `${o}/statuses`,
+        path: `${s}/statuses`,
         name: "webx.inbox.statuses",
         component: kt,
-        props: { base: o }
+        props: { base: s }
       },
       {
-        path: `${o}/forms/:id(\\d+)`,
+        path: `${s}/forms/:id(\\d+)`,
         name: "webx.inbox.form",
         component: lt,
-        props: { base: o }
+        props: { base: s }
       },
       // 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: `${o}/submissions/:id(\\d+)`,
+        path: `${s}/submissions/:id(\\d+)`,
         name: "webx.inbox.submission",
-        component: Dt,
-        props: { base: o }
+        component: Mt,
+        props: { base: s }
       }
     ]
   };
@@ -3158,15 +3178,15 @@ function Rt(i = {}) {
 export {
   Cl as FIELD_TYPES,
   zl as STATUS_COLORS,
-  El as WxInboxFieldList,
+  Ol as WxInboxFieldList,
   lt as WxInboxFormEditor,
   ft as WxInboxPage,
   kt as WxInboxStatusesPage,
   pt as WxInboxSubmissionList,
-  Dt as WxInboxSubmissionPage,
+  Mt as WxInboxSubmissionPage,
   re as createInboxApi,
   Rt as inbox,
   Sl as inboxMessages,
-  pe as option
+  ce as option
 };
 //# sourceMappingURL=index.js.map