@webx-ui/module-inbox 0.4.11 → 0.5.0

package/dist/index.js

@@ -1,10 +1,10 @@
-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({
+import { defineComponent as ae, useModel as Ue, computed as C, unref as e, openBlock as u, createBlock as _, withCtx as a, createVNode as t, mergeModels as Le, ref as W, watch as Ce, isRef as se, createElementVNode as G, createElementBlock as j, Fragment as ee, createCommentVNode as H, createTextVNode as T, toDisplayString as V, renderList as ke, createSlots as Ne, onMounted as vl, reactive as fl, useTemplateRef as ol, normalizeClass as el } from "vue";
+import { useRoute as Oe, useRouter as Pe } from "vue-router";
+import { useAdmin as ie, useTranslate as te, useErrorText as fe, WxRowMenu as Fe, WxScreenHead as Qe, rowMenuWidth as bl, WxDate as De, WxFilterChips as hl, WxListScreen as il, WxNotes as yl } from "@webx-ui/module-admin";
+import { useLocales as xe, WxLocales as gl, WxRichText as ll, useModal as Ee, WxDialog as Re, WxFormItem as B, WxSelect as me, WxInput as X, WxText as J, WxAction as Ve, WxButton as le, WxIcon as $e, WxInputNumber as we, WxDatePicker as Ze, WxTagsInput as xl, WxCheckbox as he, WxSpace as qe, toast as P, createModal as Be, WxCard as oe, WxEmpty as He, WxSortableList as Je, WxBadge as Se, localizedValue as ve, confirm as ze, WxSwitch as ul, WxTable as rl, WxAlert as Me, WxSkeleton as We, WxTabs as Xe, WxTab as ge, WxActionBar as _l, WxTextarea as wl, WxRadioGroup as kl, WxCheckboxGroup as Vl, useElementWidth as $l, WxEntityCard as Ul, WxAvatar as tl, WxTooltip as Sl, WxListDetail as Cl, WxIndicator as al, WxDescriptions as nl, WxDescriptionsItem as Ie, WxFileCard as zl, WxTimeline as Tl, WxTimelineItem as Fl } from "@webx-ui/core";
+const dl = /* @__PURE__ */ ae({
   __name: "LocalizedRichText",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Le({
     placeholder: { default: void 0 },
     minHeight: { default: "160px" }
   }, {
@@ -13,10 +13,10 @@ const ul = /* @__PURE__ */ ae({
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const s = $e(r, "modelValue"), o = r, v = xe(), n = F(() => {
+    const s = Ue(r, "modelValue"), o = r, v = xe(), n = C(() => {
       const m = v.active.value;
-      return v.list.value.some(($) => $.code === m) ? m : v.list.value[0]?.code ?? "";
-    }), d = F({
+      return v.list.value.some((U) => U.code === m) ? m : v.list.value[0]?.code ?? "";
+    }), d = C({
       get: () => {
         const m = s.value;
         return typeof m == "string" ? n.value === "" || n.value === v.list.value[0]?.code ? m : "" : m[n.value] ?? "";
@@ -30,20 +30,20 @@ const ul = /* @__PURE__ */ ae({
         s.value = { ...l, [n.value]: m };
       }
     });
-    return (m, l) => e(v).list.value.length > 0 ? (u(), _(e(vl), { key: 0 }, {
+    return (m, l) => e(v).list.value.length > 0 ? (u(), _(e(gl), { key: 0 }, {
       default: a(() => [
-        t(e(Xe), {
+        t(e(ll), {
           modelValue: d.value,
-          "onUpdate:modelValue": l[0] || (l[0] = ($) => d.value = $),
+          "onUpdate:modelValue": l[0] || (l[0] = (U) => d.value = U),
           placeholder: o.placeholder,
           "min-height": o.minHeight
         }, null, 8, ["modelValue", "placeholder", "min-height"])
       ]),
       _: 1
-    })) : (u(), _(e(Xe), {
+    })) : (u(), _(e(ll), {
       key: 1,
       modelValue: d.value,
-      "onUpdate:modelValue": l[1] || (l[1] = ($) => d.value = $),
+      "onUpdate:modelValue": l[1] || (l[1] = (U) => d.value = U),
       placeholder: o.placeholder,
       "min-height": o.minHeight
     }, null, 8, ["modelValue", "placeholder", "min-height"]));
@@ -71,37 +71,40 @@ function re(r) {
     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) => ({
+    submissions: (n, d = {}) => r.http.get(`${s}/forms/${n}/submissions`, { query: Ye(d) }).then((m) => ({
       ...m.meta,
       data: m.data,
       columns: m.columns,
-      counts: m.counts
+      counts: m.counts,
+      // Optional on the wire: a server from before placements answers without them.
+      placements: m.placements ?? []
     })),
-    submission: (n, d = {}) => r.http.get(`${s}/submissions/${n}`, { query: je(d) }).then(o),
+    submission: (n, d = {}) => r.http.get(`${s}/submissions/${n}`, { query: Ye(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));
+      for (const [U, p] of Object.entries(Ye(d)))
+        p != null && p !== "" && m.set(U, String(p));
       const l = m.toString();
       return `${s}/forms/${n}/submissions/export${l === "" ? "" : `?${l}`}`;
     }
   };
 }
-function je(r) {
+function Ye(r) {
   return {
     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,
+    placement: r.placement ?? void 0,
     sort: r.sort ?? void 0,
     page: r.page,
     per_page: r.per_page
   };
 }
-const Sl = {
+const Wl = {
   module: {
     title: "Inbox"
   },
@@ -218,6 +221,9 @@ const Sl = {
     attachments: "Attachments",
     details: "Details",
     "meta-page": "Page",
+    "meta-placement": "Placement",
+    "any-placement": "Any placement",
+    "placement-none": "Not specified",
     "meta-referrer": "Came from",
     "meta-ip": "Address",
     "meta-agent": "Browser",
@@ -295,15 +301,15 @@ const Sl = {
     "type-file": "File",
     "type-hidden": "Hidden"
   }
-}, al = /* @__PURE__ */ new WeakSet();
+}, sl = /* @__PURE__ */ new WeakSet();
 function de() {
   try {
-    const { i18n: r } = oe();
-    al.has(r) || (r.defaults("webx-inbox", Sl), al.add(r));
+    const { i18n: r } = ie();
+    sl.has(r) || (r.defaults("webx-inbox", Wl), sl.add(r));
   } catch {
   }
 }
-const Cl = [
+const ql = [
   "text",
   "email",
   "tel",
@@ -315,69 +321,69 @@ const Cl = [
   "date",
   "file",
   "hidden"
-], zl = ["default", "primary", "success", "warning", "info", "danger"], Tl = { class: "wx-inbox-field-form" }, Fl = { class: "wx-inbox-field-form__row" }, Wl = {
+], Al = ["default", "primary", "success", "warning", "info", "danger"], Il = { class: "wx-inbox-field-form" }, Nl = { class: "wx-inbox-field-form__row" }, Dl = {
   key: 2,
   class: "wx-inbox-choices"
-}, ql = { class: "wx-inbox-field-form__row" }, Al = { class: "wx-inbox-field-form__checks" }, Il = /* @__PURE__ */ ae({
+}, Ml = { class: "wx-inbox-field-form__row" }, Ll = { class: "wx-inbox-field-form__checks" }, Ol = /* @__PURE__ */ ae({
   __name: "FieldDialog",
   props: {
     field: {},
     form: {}
   },
   setup(r) {
-    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = oe(), m = re(d);
+    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = ie(), m = re(d);
     de();
-    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(
+    const l = te("webx-inbox"), U = fe(), p = W(!1), i = W({}), O = W(""), z = W("text"), F = W({}), f = W({}), q = W({}), c = W({}), S = W(!0), b = W(!1), I = W(!0), w = W(!1);
+    Ce(
       () => 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 = {};
+        O.value = D?.name ?? "", z.value = D?.type ?? "text", F.value = { ...D?.title ?? {} }, f.value = { ...D?.placeholder ?? {} }, q.value = { ...D?.help ?? {} }, c.value = { ...D?.options ?? {} }, S.value = D?.is_enabled ?? !0, b.value = D?.is_required ?? !1, I.value = D?.is_fullsize ?? !0, w.value = D?.in_table ?? !1, i.value = {};
       },
       { immediate: !0 }
     );
-    const P = F(
-      () => Cl.map((D) => ({ value: D, label: l(`fields.type-${D}`) }))
-    ), M = F(() => ["select", "radio", "checkbox"].includes(S.value)), A = F(
+    const R = C(
+      () => ql.map((D) => ({ value: D, label: l(`fields.type-${D}`) }))
+    ), L = C(() => ["select", "radio", "checkbox"].includes(z.value)), A = C(
       () => Array.isArray(c.value.choices) ? c.value.choices : []
-    ), C = F({
+    ), $ = C({
       get: () => Array.isArray(c.value.extensions) ? c.value.extensions : [],
-      set: (D) => g(
+      set: (D) => x(
         "extensions",
-        D.map((x) => x.replace(/^\./, ""))
+        D.map((k) => k.replace(/^\./, ""))
       )
     });
-    function g(D, x) {
-      c.value = { ...c.value, [D]: x };
+    function x(D, k) {
+      c.value = { ...c.value, [D]: k };
     }
     function Q() {
-      g("choices", [...A.value, { value: "", label: {} }]);
+      x("choices", [...A.value, { value: "", label: {} }]);
     }
-    function be(D) {
-      g(
+    function ce(D) {
+      x(
         "choices",
-        A.value.filter((x, h) => h !== D)
+        A.value.filter((k, h) => h !== D)
       );
     }
-    function he(D, x) {
-      g(
+    function be(D, k) {
+      x(
         "choices",
-        A.value.map((h, ue) => ue === D ? { ...h, ...x } : h)
+        A.value.map((h, ne) => ne === D ? { ...h, ...k } : h)
       );
     }
     function N(D) {
       return i.value[D]?.[0];
     }
-    async function K() {
+    async function Z() {
       p.value = !0, i.value = {};
       const D = {
         name: O.value.trim() === "" ? null : O.value.trim(),
-        type: S.value,
-        title: T.value,
-        placeholder: b.value,
+        type: z.value,
+        title: F.value,
+        placeholder: f.value,
         help: q.value,
         options: c.value,
-        is_enabled: U.value,
-        is_required: f.value,
+        is_enabled: S.value,
+        is_required: b.value,
         is_fullsize: I.value,
         in_table: w.value
       };
@@ -385,38 +391,38 @@ const Cl = [
         o(
           s.field === null ? await m.createField(s.form.id, D) : await m.saveField(s.field.id, D)
         );
-      } catch (x) {
-        const h = x.body;
-        h?.errors ? (i.value = h.errors, E.danger(l("panel.failed"))) : E.danger($(x));
+      } catch (k) {
+        const h = k.body;
+        h?.errors ? (i.value = h.errors, P.danger(l("panel.failed"))) : P.danger(U(k));
       } finally {
         p.value = !1;
       }
     }
-    return (D, x) => (u(), _(e(Pe), {
+    return (D, k) => (u(), _(e(Re), {
       open: e(n),
-      "onUpdate:open": x[21] || (x[21] = (h) => ne(n) ? n.value = h : null),
+      "onUpdate:open": k[21] || (k[21] = (h) => se(n) ? n.value = h : null),
       title: r.field ? e(l)("fields.edit-field") : e(l)("fields.new-field"),
       width: 720
     }, {
       footer: a(() => [
-        t(e(We), { size: "sm" }, {
+        t(e(qe), { size: "sm" }, {
           default: a(() => [
             t(e(le), {
               variant: "outline",
-              onClick: x[20] || (x[20] = (h) => e(v)())
+              onClick: k[20] || (k[20] = (h) => e(v)())
             }, {
               default: a(() => [
-                z(k(e(l)("fields.cancel")), 1)
+                T(V(e(l)("fields.cancel")), 1)
               ]),
               _: 1
             }),
             t(e(le), {
               type: "primary",
               loading: p.value,
-              onClick: K
+              onClick: Z
             }, {
               default: a(() => [
-                z(k(e(l)("fields.save")), 1)
+                T(V(e(l)("fields.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -425,16 +431,16 @@ const Cl = [
         })
       ]),
       default: a(() => [
-        G("div", Tl, [
-          G("div", Fl, [
+        G("div", Il, [
+          G("div", Nl, [
             t(e(B), {
               label: e(l)("fields.type")
             }, {
               default: a(() => [
-                t(e(fe), {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": x[0] || (x[0] = (h) => S.value = h),
-                  options: P.value
+                t(e(me), {
+                  modelValue: z.value,
+                  "onUpdate:modelValue": k[0] || (k[0] = (h) => z.value = h),
+                  options: R.value
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
@@ -447,7 +453,7 @@ const Cl = [
               default: a(() => [
                 t(e(X), {
                   modelValue: O.value,
-                  "onUpdate:modelValue": x[1] || (x[1] = (h) => O.value = h),
+                  "onUpdate:modelValue": k[1] || (k[1] = (h) => O.value = h),
                   placeholder: "email"
                 }, null, 8, ["modelValue"])
               ]),
@@ -461,22 +467,22 @@ const Cl = [
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: T.value,
-                "onUpdate:modelValue": x[2] || (x[2] = (h) => T.value = h),
+                modelValue: F.value,
+                "onUpdate:modelValue": k[2] || (k[2] = (h) => F.value = h),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          S.value !== "hidden" ? (u(), j(ee, { key: 0 }, [
-            S.value !== "consent" ? (u(), _(e(B), {
+          z.value !== "hidden" ? (u(), j(ee, { key: 0 }, [
+            z.value !== "consent" ? (u(), _(e(B), {
               key: 0,
               label: e(l)("fields.placeholder")
             }, {
               default: a(() => [
                 t(e(X), {
-                  modelValue: b.value,
-                  "onUpdate:modelValue": x[3] || (x[3] = (h) => b.value = h),
+                  modelValue: f.value,
+                  "onUpdate:modelValue": k[3] || (k[3] = (h) => f.value = h),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
@@ -488,34 +494,34 @@ const Cl = [
               default: a(() => [
                 t(e(X), {
                   modelValue: q.value,
-                  "onUpdate:modelValue": x[4] || (x[4] = (h) => q.value = h),
+                  "onUpdate:modelValue": k[4] || (k[4] = (h) => q.value = h),
                   localized: ""
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label"])
           ], 64)) : H("", !0),
-          S.value === "consent" ? (u(), _(e(B), {
+          z.value === "consent" ? (u(), _(e(B), {
             key: 1,
             label: e(l)("fields.consent-text"),
             help: e(l)("fields.consent-text-help")
           }, {
             default: a(() => [
-              t(ul, {
+              t(dl, {
                 "model-value": c.value.text ?? {},
                 "min-height": "100px",
-                "onUpdate:modelValue": x[5] || (x[5] = (h) => g("text", h))
+                "onUpdate:modelValue": k[5] || (k[5] = (h) => x("text", h))
               }, null, 8, ["model-value"])
             ]),
             _: 1
           }, 8, ["label", "help"])) : H("", !0),
-          M.value ? (u(), j("div", Wl, [
+          L.value ? (u(), j("div", Dl, [
             t(e(J), {
               size: "sm",
               weight: "medium"
             }, {
               default: a(() => [
-                z(k(e(l)("fields.choices")), 1)
+                T(V(e(l)("fields.choices")), 1)
               ]),
               _: 1
             }),
@@ -525,29 +531,29 @@ const Cl = [
               tone: "placeholder"
             }, {
               default: a(() => [
-                z(k(e(l)("fields.no-choices")), 1)
+                T(V(e(l)("fields.no-choices")), 1)
               ]),
               _: 1
             })) : H("", !0),
-            (u(!0), j(ee, null, we(A.value, (h, ue) => (u(), j("div", {
-              key: ue,
+            (u(!0), j(ee, null, ke(A.value, (h, ne) => (u(), j("div", {
+              key: ne,
               class: "wx-inbox-choices__row"
             }, [
               t(e(X), {
                 "model-value": h.value,
                 placeholder: e(l)("fields.choice-value"),
-                "onUpdate:modelValue": (ye) => he(ue, { value: String(ye) })
+                "onUpdate:modelValue": (ye) => be(ne, { value: String(ye) })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
               t(e(X), {
                 "model-value": h.label,
                 localized: "",
                 placeholder: e(l)("fields.choice-label"),
-                "onUpdate:modelValue": (ye) => he(ue, { label: ye })
+                "onUpdate:modelValue": (ye) => be(ne, { label: ye })
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
-              t(e(ke), {
+              t(e(Ve), {
                 icon: "trash",
                 title: e(l)("fields.delete"),
-                onClick: (ye) => be(ue)
+                onClick: (ye) => ce(ne)
               }, null, 8, ["title", "onClick"])
             ]))), 128)),
             t(e(le), {
@@ -556,44 +562,44 @@ const Cl = [
               onClick: Q
             }, {
               icon: a(() => [
-                t(e(Ve), { name: "plus" })
+                t(e($e), { name: "plus" })
               ]),
               default: a(() => [
-                z(" " + k(e(l)("fields.add-choice")), 1)
+                T(" " + V(e(l)("fields.add-choice")), 1)
               ]),
               _: 1
             })
           ])) : H("", !0),
-          G("div", ql, [
-            S.value === "textarea" ? (u(), _(e(B), {
+          G("div", Ml, [
+            z.value === "textarea" ? (u(), _(e(B), {
               key: 0,
               label: e(l)("fields.rows")
             }, {
               default: a(() => [
-                t(e(_e), {
+                t(e(we), {
                   "model-value": c.value.rows ?? 5,
                   min: 2,
                   max: 30,
-                  "onUpdate:modelValue": x[6] || (x[6] = (h) => g("rows", h))
+                  "onUpdate:modelValue": k[6] || (k[6] = (h) => x("rows", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label"])) : H("", !0),
-            ["text", "email", "textarea"].includes(S.value) ? (u(), _(e(B), {
+            ["text", "email", "textarea"].includes(z.value) ? (u(), _(e(B), {
               key: 1,
               label: e(l)("fields.maxlength")
             }, {
               default: a(() => [
-                t(e(_e), {
+                t(e(we), {
                   "model-value": c.value.maxlength ?? null,
                   min: 1,
                   max: 2e4,
-                  "onUpdate:modelValue": x[7] || (x[7] = (h) => g("maxlength", h))
+                  "onUpdate:modelValue": k[7] || (k[7] = (h) => x("maxlength", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label"])) : H("", !0),
-            S.value === "tel" ? (u(), _(e(B), {
+            z.value === "tel" ? (u(), _(e(B), {
               key: 2,
               label: e(l)("fields.pattern"),
               help: e(l)("fields.pattern-help")
@@ -601,20 +607,20 @@ const Cl = [
               default: a(() => [
                 t(e(X), {
                   "model-value": c.value.pattern ?? "",
-                  "onUpdate:modelValue": x[8] || (x[8] = (h) => g("pattern", h))
+                  "onUpdate:modelValue": k[8] || (k[8] = (h) => x("pattern", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label", "help"])) : H("", !0),
-            S.value === "date" ? (u(), j(ee, { key: 3 }, [
+            z.value === "date" ? (u(), j(ee, { key: 3 }, [
               t(e(B), {
                 label: e(l)("fields.earliest")
               }, {
                 default: a(() => [
-                  t(e(Ke), {
+                  t(e(Ze), {
                     clearable: "",
                     "model-value": c.value.min ?? null,
-                    "onUpdate:modelValue": x[9] || (x[9] = (h) => g("min", h))
+                    "onUpdate:modelValue": k[9] || (k[9] = (h) => x("min", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
@@ -623,24 +629,24 @@ const Cl = [
                 label: e(l)("fields.latest")
               }, {
                 default: a(() => [
-                  t(e(Ke), {
+                  t(e(Ze), {
                     clearable: "",
                     "model-value": c.value.max ?? null,
-                    "onUpdate:modelValue": x[10] || (x[10] = (h) => g("max", h))
+                    "onUpdate:modelValue": k[10] || (k[10] = (h) => x("max", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
             ], 64)) : H("", !0),
-            S.value === "checkbox" ? (u(), j(ee, { key: 4 }, [
+            z.value === "checkbox" ? (u(), j(ee, { key: 4 }, [
               t(e(B), {
                 label: e(l)("fields.min-choices")
               }, {
                 default: a(() => [
-                  t(e(_e), {
+                  t(e(we), {
                     "model-value": c.value.min ?? null,
                     min: 0,
-                    "onUpdate:modelValue": x[11] || (x[11] = (h) => g("min", h))
+                    "onUpdate:modelValue": k[11] || (k[11] = (h) => x("min", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
@@ -649,68 +655,68 @@ const Cl = [
                 label: e(l)("fields.max-choices")
               }, {
                 default: a(() => [
-                  t(e(_e), {
+                  t(e(we), {
                     "model-value": c.value.max ?? null,
                     min: 0,
-                    "onUpdate:modelValue": x[12] || (x[12] = (h) => g("max", h))
+                    "onUpdate:modelValue": k[12] || (k[12] = (h) => x("max", h))
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"])
             ], 64)) : H("", !0),
-            S.value === "file" ? (u(), _(e(B), {
+            z.value === "file" ? (u(), _(e(B), {
               key: 5,
               label: e(l)("fields.max-size")
             }, {
               default: a(() => [
-                t(e(_e), {
+                t(e(we), {
                   "model-value": c.value.max_size ?? null,
                   min: 1,
-                  "onUpdate:modelValue": x[13] || (x[13] = (h) => g("max_size", h))
+                  "onUpdate:modelValue": k[13] || (k[13] = (h) => x("max_size", h))
                 }, null, 8, ["model-value"])
               ]),
               _: 1
             }, 8, ["label"])) : H("", !0)
           ]),
-          S.value === "file" ? (u(), j(ee, { key: 3 }, [
+          z.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: C.value,
-                  "onUpdate:modelValue": x[14] || (x[14] = (h) => C.value = h)
+                t(e(xl), {
+                  modelValue: $.value,
+                  "onUpdate:modelValue": k[14] || (k[14] = (h) => $.value = h)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
             }, 8, ["label", "help"]),
-            t(e(ve), {
+            t(e(he), {
               "model-value": !!c.value.multiple,
               label: e(l)("fields.multiple"),
-              "onUpdate:modelValue": x[15] || (x[15] = (h) => g("multiple", h))
+              "onUpdate:modelValue": k[15] || (k[15] = (h) => x("multiple", h))
             }, null, 8, ["model-value", "label"])
           ], 64)) : H("", !0),
-          G("div", Al, [
-            t(e(ve), {
-              modelValue: U.value,
-              "onUpdate:modelValue": x[16] || (x[16] = (h) => U.value = h),
+          G("div", Ll, [
+            t(e(he), {
+              modelValue: S.value,
+              "onUpdate:modelValue": k[16] || (k[16] = (h) => S.value = h),
               label: e(l)("fields.is-enabled")
             }, null, 8, ["modelValue", "label"]),
-            t(e(ve), {
-              modelValue: f.value,
-              "onUpdate:modelValue": x[17] || (x[17] = (h) => f.value = h),
+            t(e(he), {
+              modelValue: b.value,
+              "onUpdate:modelValue": k[17] || (k[17] = (h) => b.value = h),
               label: e(l)("fields.is-required")
             }, null, 8, ["modelValue", "label"]),
-            S.value !== "hidden" ? (u(), _(e(ve), {
+            z.value !== "hidden" ? (u(), _(e(he), {
               key: 0,
               modelValue: I.value,
-              "onUpdate:modelValue": x[18] || (x[18] = (h) => I.value = h),
+              "onUpdate:modelValue": k[18] || (k[18] = (h) => I.value = h),
               label: e(l)("fields.is-fullsize")
             }, null, 8, ["modelValue", "label"])) : H("", !0),
-            t(e(ve), {
+            t(e(he), {
               modelValue: w.value,
-              "onUpdate:modelValue": x[19] || (x[19] = (h) => w.value = h),
+              "onUpdate:modelValue": k[19] || (k[19] = (h) => w.value = h),
               label: e(l)("fields.in-table")
             }, null, 8, ["modelValue", "label"])
           ])
@@ -719,14 +725,14 @@ const Cl = [
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ie = (r, s) => {
+}), ue = (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({
+}, Pl = /* @__PURE__ */ ue(Ol, [["__scopeId", "data-v-6696bbc1"]]), El = { class: "wx-inbox-field" }, Rl = { class: "wx-inbox-field__name" }, Bl = /* @__PURE__ */ ae({
   __name: "FieldList",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Le({
     form: {},
     canManage: { type: Boolean }
   }, {
@@ -735,11 +741,11 @@ const Cl = [
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const s = r, o = $e(r, "modelValue"), v = oe(), n = re(v), d = xe();
+    const s = r, o = Ue(r, "modelValue"), v = ie(), n = re(v), d = xe();
     de();
-    const m = te("webx-inbox"), l = me(), $ = Re(Nl);
+    const m = te("webx-inbox"), l = fe(), U = Be(Pl);
     function p(c) {
-      return pe(c.title, d.active.value, c.key);
+      return ve(c.title, d.active.value, c.key);
     }
     function i(c) {
       return [
@@ -749,13 +755,13 @@ const Cl = [
         ...c.is_fullsize ? [] : [m("fields.is-fullsize")]
       ];
     }
-    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));
+    const O = C(() => o.value.length === 0);
+    async function z(c) {
+      const S = await U({ field: c, form: s.form });
+      S && (o.value = c === null ? [...o.value, S] : o.value.map((b) => b.id === S.id ? S : b));
     }
-    async function T(c) {
-      if (await Ce({
+    async function F(c) {
+      if (await ze({
         title: m("fields.delete-title", { field: p(c) }),
         message: m("fields.delete-text"),
         confirmText: m("fields.delete"),
@@ -763,15 +769,15 @@ const Cl = [
         tone: "danger"
       }))
         try {
-          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));
+          await n.removeField(c.id), o.value = o.value.filter((b) => b.id !== c.id), P.success(m("panel.deleted"));
+        } catch (b) {
+          P.danger(l(b));
         }
     }
-    function b(c) {
+    function f(c) {
       return s.canManage ? [
         { key: "edit", icon: "edit", label: m("fields.edit-field"), run: () => {
-          S(c);
+          z(c);
         } },
         {
           key: "delete",
@@ -779,7 +785,7 @@ const Cl = [
           label: m("fields.delete"),
           danger: !0,
           run: () => {
-            T(c);
+            F(c);
           }
         }
       ] : [];
@@ -791,21 +797,21 @@ const Cl = [
           o.value.map((c) => c.id)
         );
       } catch (c) {
-        E.danger(l(c, m("panel.reorder-failed")));
+        P.danger(l(c, m("panel.reorder-failed")));
       }
     }
-    return (c, U) => (u(), _(e(se), {
+    return (c, S) => (u(), _(e(oe), {
       title: e(m)("panel.tab-fields")
-    }, Ie({
+    }, Ne({
       default: a(() => [
-        O.value ? (u(), _(e(Be), {
+        O.value ? (u(), _(e(He), {
           key: 0,
           title: e(m)("fields.no-fields"),
           description: e(m)("fields.no-fields-help")
-        }, null, 8, ["title", "description"])) : (u(), _(e(Ze), {
+        }, null, 8, ["title", "description"])) : (u(), _(e(Je), {
           key: 1,
           modelValue: o.value,
-          "onUpdate:modelValue": U[1] || (U[1] = (f) => o.value = f),
+          "onUpdate:modelValue": S[1] || (S[1] = (b) => o.value = b),
           plain: "",
           "item-key": "id",
           "item-label": p,
@@ -813,24 +819,24 @@ const Cl = [
           "aria-label": e(m)("panel.tab-fields"),
           onMove: q
         }, {
-          default: a(({ item: f }) => [
-            G("div", Dl, [
-              G("div", Ml, [
+          default: a(({ item: b }) => [
+            G("div", El, [
+              G("div", Rl, [
                 t(e(J), {
                   weight: "medium",
                   truncate: ""
                 }, {
                   default: a(() => [
-                    z(k(p(f)), 1)
+                    T(V(p(b)), 1)
                   ]),
                   _: 2
                 }, 1024),
-                f.is_enabled ? H("", !0) : (u(), _(e(Ue), {
+                b.is_enabled ? H("", !0) : (u(), _(e(Se), {
                   key: 0,
                   type: "default"
                 }, {
                   default: a(() => [
-                    z(k(e(m)("panel.off")), 1)
+                    T(V(e(m)("panel.off")), 1)
                   ]),
                   _: 1
                 }))
@@ -841,17 +847,17 @@ const Cl = [
                 truncate: ""
               }, {
                 default: a(() => [
-                  G("code", null, "fields[" + k(f.key) + "]", 1),
-                  z(" · " + k(i(f).join(" · ")), 1)
+                  G("code", null, "fields[" + V(b.key) + "]", 1),
+                  T(" · " + V(i(b).join(" · ")), 1)
                 ]),
                 _: 2
               }, 1024)
             ])
           ]),
-          actions: a(({ item: f }) => [
-            t(e(Te), {
-              actions: b(f),
-              label: p(f)
+          actions: a(({ item: b }) => [
+            t(e(Fe), {
+              actions: f(b),
+              label: p(b)
             }, null, 8, ["actions", "label"])
           ]),
           _: 1
@@ -865,13 +871,13 @@ const Cl = [
           t(e(le), {
             type: "primary",
             size: "sm",
-            onClick: U[0] || (U[0] = (f) => S(null))
+            onClick: S[0] || (S[0] = (b) => z(null))
           }, {
             icon: a(() => [
-              t(e(Ve), { name: "plus" })
+              t(e($e), { name: "plus" })
             ]),
             default: a(() => [
-              z(" " + k(e(m)("fields.new-field")), 1)
+              T(" " + V(e(m)("fields.new-field")), 1)
             ]),
             _: 1
           })
@@ -880,9 +886,9 @@ const Cl = [
       } : void 0
     ]), 1032, ["title"]));
   }
-}), Ol = /* @__PURE__ */ ie(Ll, [["__scopeId", "data-v-421ed0af"]]);
-function ce(r, s, o) {
-  return F({
+}), Hl = /* @__PURE__ */ ue(Bl, [["__scopeId", "data-v-421ed0af"]]);
+function pe(r, s, o) {
+  return C({
     get: () => r.value[s] ?? o,
     set: (v) => {
       const n = { ...r.value };
@@ -890,7 +896,7 @@ function ce(r, s, o) {
     }
   });
 }
-const El = /* @__PURE__ */ ae({
+const Gl = /* @__PURE__ */ ae({
   __name: "FormAntispam",
   props: {
     modelValue: { required: !0 },
@@ -898,21 +904,21 @@ const El = /* @__PURE__ */ ae({
   },
   emits: ["update:modelValue"],
   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(() => [
+    const s = Ue(r, "modelValue"), o = te("webx-inbox"), v = pe(s, "antispam.honeypot", !0), n = pe(s, "antispam.min_seconds", 3), d = pe(s, "antispam.throttle", 5), m = pe(s, "antispam.captcha", "off"), l = C(() => [
       { value: "off", label: o("panel.captcha-off") },
       { value: "recaptcha", label: o("panel.captcha-recaptcha") },
       { value: "turnstile", label: o("panel.captcha-turnstile") }
     ]);
-    return ($, p) => (u(), _(e(se), null, {
+    return (U, p) => (u(), _(e(oe), null, {
       default: a(() => [
         t(e(B), {
           label: e(o)("panel.honeypot"),
           help: e(o)("panel.honeypot-help")
         }, {
           default: a(() => [
-            t(e(ol), {
+            t(e(ul), {
               modelValue: e(v),
-              "onUpdate:modelValue": p[0] || (p[0] = (i) => ne(v) ? v.value = i : null)
+              "onUpdate:modelValue": p[0] || (p[0] = (i) => se(v) ? v.value = i : null)
             }, null, 8, ["modelValue"])
           ]),
           _: 1
@@ -922,9 +928,9 @@ const El = /* @__PURE__ */ ae({
           help: e(o)("panel.min-seconds-help")
         }, {
           default: a(() => [
-            t(e(_e), {
+            t(e(we), {
               modelValue: e(n),
-              "onUpdate:modelValue": p[1] || (p[1] = (i) => ne(n) ? n.value = i : null),
+              "onUpdate:modelValue": p[1] || (p[1] = (i) => se(n) ? n.value = i : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
@@ -936,9 +942,9 @@ const El = /* @__PURE__ */ ae({
           help: e(o)("panel.throttle-help")
         }, {
           default: a(() => [
-            t(e(_e), {
+            t(e(we), {
               modelValue: e(d),
-              "onUpdate:modelValue": p[2] || (p[2] = (i) => ne(d) ? d.value = i : null),
+              "onUpdate:modelValue": p[2] || (p[2] = (i) => se(d) ? d.value = i : null),
               min: 0,
               max: 120
             }, null, 8, ["modelValue"])
@@ -950,9 +956,9 @@ const El = /* @__PURE__ */ ae({
           help: e(o)("panel.captcha-help")
         }, {
           default: a(() => [
-            t(e(fe), {
+            t(e(me), {
               modelValue: e(m),
-              "onUpdate:modelValue": p[3] || (p[3] = (i) => ne(m) ? m.value = i : null),
+              "onUpdate:modelValue": p[3] || (p[3] = (i) => se(m) ? m.value = i : null),
               options: l.value
             }, null, 8, ["modelValue", "options"])
           ]),
@@ -962,7 +968,7 @@ const El = /* @__PURE__ */ ae({
       _: 1
     }));
   }
-}), Pl = { class: "wx-inbox-embed" }, Rl = { class: "wx-inbox-embed__snippet" }, Bl = { class: "wx-inbox-embed__snippet" }, Hl = /* @__PURE__ */ ae({
+}), jl = { class: "wx-inbox-embed" }, Kl = { class: "wx-inbox-embed__snippet" }, Yl = { class: "wx-inbox-embed__snippet" }, Zl = /* @__PURE__ */ ae({
   __name: "FormEmbed",
   props: {
     form: {},
@@ -972,22 +978,22 @@ const El = /* @__PURE__ */ ae({
   setup(r) {
     const s = r;
     de();
-    const o = te("webx-inbox"), v = F(() => `<x-webx-inbox::form slug="${s.slug}" />`), n = F(
+    const o = te("webx-inbox"), v = C(() => `<x-webx-inbox::form slug="${s.slug}" />`), n = C(
       () => `{{-- resources/views/blocks/contact.blade.php --}}
 <x-webx-inbox::form slug="${s.slug}" />`
-    ), d = F(() => [
+    ), d = C(() => [
       { 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($) {
+    ]), m = C(() => s.fields.filter((U) => U.is_enabled));
+    async function l(U) {
       try {
-        await navigator.clipboard.writeText($), E.success(o("panel.copied"));
+        await navigator.clipboard.writeText(U), P.success(o("panel.copied"));
       } catch {
       }
     }
-    return ($, p) => (u(), j("div", Pl, [
-      t(e(se), {
+    return (U, p) => (u(), j("div", jl, [
+      t(e(oe), {
         title: e(o)("panel.embed-blade")
       }, {
         default: a(() => [
@@ -996,13 +1002,13 @@ const El = /* @__PURE__ */ ae({
             tone: "muted"
           }, {
             default: a(() => [
-              z(k(e(o)("panel.embed-blade-help")), 1)
+              T(V(e(o)("panel.embed-blade-help")), 1)
             ]),
             _: 1
           }),
-          G("div", Rl, [
-            G("code", null, k(v.value), 1),
-            t(e(ke), {
+          G("div", Kl, [
+            G("code", null, V(v.value), 1),
+            t(e(Ve), {
               icon: "copy",
               title: e(o)("panel.copy"),
               onClick: p[0] || (p[0] = (i) => l(v.value))
@@ -1011,7 +1017,7 @@ const El = /* @__PURE__ */ ae({
         ]),
         _: 1
       }, 8, ["title"]),
-      t(e(se), {
+      t(e(oe), {
         title: e(o)("panel.embed-block")
       }, {
         default: a(() => [
@@ -1020,13 +1026,13 @@ const El = /* @__PURE__ */ ae({
             tone: "muted"
           }, {
             default: a(() => [
-              z(k(e(o)("panel.embed-block-help")), 1)
+              T(V(e(o)("panel.embed-block-help")), 1)
             ]),
             _: 1
           }),
-          G("div", Bl, [
-            G("code", null, k(n.value), 1),
-            t(e(ke), {
+          G("div", Yl, [
+            G("code", null, V(n.value), 1),
+            t(e(Ve), {
               icon: "copy",
               title: e(o)("panel.copy"),
               onClick: p[1] || (p[1] = (i) => l(n.value))
@@ -1035,7 +1041,7 @@ const El = /* @__PURE__ */ ae({
         ]),
         _: 1
       }, 8, ["title"]),
-      t(e(se), {
+      t(e(oe), {
         title: e(o)("panel.embed-names")
       }, {
         default: a(() => [
@@ -1044,11 +1050,11 @@ const El = /* @__PURE__ */ ae({
             tone: "muted"
           }, {
             default: a(() => [
-              z(k(e(o)("panel.embed-names-help")), 1)
+              T(V(e(o)("panel.embed-names-help")), 1)
             ]),
             _: 1
           }),
-          t(e(il), {
+          t(e(rl), {
             data: m.value,
             columns: d.value,
             "row-key": "id",
@@ -1061,16 +1067,16 @@ const El = /* @__PURE__ */ ae({
                 size: "sm"
               }, {
                 default: a(() => [
-                  z("fields[" + k(i.key) + "]", 1)
+                  T("fields[" + V(i.key) + "]", 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             "cell-title": a(({ row: i }) => [
-              z(k(Object.values(i.title)[0] ?? i.key), 1)
+              T(V(Object.values(i.title)[0] ?? i.key), 1)
             ]),
             "cell-type": a(({ row: i }) => [
-              z(k(e(o)(`fields.type-${i.type}`)), 1)
+              T(V(e(o)(`fields.type-${i.type}`)), 1)
             ]),
             _: 1
           }, 8, ["data", "columns", "empty-text"])
@@ -1079,9 +1085,9 @@ const El = /* @__PURE__ */ ae({
       }, 8, ["title"])
     ]));
   }
-}), Gl = /* @__PURE__ */ ie(Hl, [["__scopeId", "data-v-e415689b"]]), jl = { class: "wx-inbox-general" }, Kl = /* @__PURE__ */ ae({
+}), Ql = /* @__PURE__ */ ue(Zl, [["__scopeId", "data-v-e415689b"]]), Jl = { class: "wx-inbox-general" }, Xl = /* @__PURE__ */ ae({
   __name: "FormGeneral",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Le({
     errors: {}
   }, {
     settings: { required: !0 },
@@ -1091,12 +1097,12 @@ const El = /* @__PURE__ */ ae({
   }),
   emits: ["update:settings", "update:options"],
   setup(r) {
-    const s = $e(
+    const s = Ue(
       r,
       "settings"
-    ), 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, {
+    ), o = Ue(r, "options"), v = te("webx-inbox"), n = pe(o, "thank-you.heading", {}), d = pe(o, "thank-you.text", {}), m = pe(o, "design.submit-text", {}), l = pe(o, "redirect", "");
+    return (U, p) => (u(), j("div", Jl, [
+      t(e(oe), null, {
         default: a(() => [
           t(e(B), {
             label: e(v)("panel.title"),
@@ -1132,7 +1138,7 @@ const El = /* @__PURE__ */ ae({
             help: e(v)("panel.is-enabled-help")
           }, {
             default: a(() => [
-              t(e(ol), {
+              t(e(ul), {
                 modelValue: s.value.is_enabled,
                 "onUpdate:modelValue": p[2] || (p[2] = (i) => s.value.is_enabled = i)
               }, null, 8, ["modelValue"])
@@ -1142,7 +1148,7 @@ const El = /* @__PURE__ */ ae({
         ]),
         _: 1
       }),
-      t(e(se), {
+      t(e(oe), {
         title: e(v)("panel.after-sending")
       }, {
         default: a(() => [
@@ -1152,7 +1158,7 @@ const El = /* @__PURE__ */ ae({
             default: a(() => [
               t(e(X), {
                 modelValue: e(m),
-                "onUpdate:modelValue": p[3] || (p[3] = (i) => ne(m) ? m.value = i : null),
+                "onUpdate:modelValue": p[3] || (p[3] = (i) => se(m) ? m.value = i : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
@@ -1164,7 +1170,7 @@ const El = /* @__PURE__ */ ae({
             default: a(() => [
               t(e(X), {
                 modelValue: e(n),
-                "onUpdate:modelValue": p[4] || (p[4] = (i) => ne(n) ? n.value = i : null),
+                "onUpdate:modelValue": p[4] || (p[4] = (i) => se(n) ? n.value = i : null),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
@@ -1174,9 +1180,9 @@ const El = /* @__PURE__ */ ae({
             label: e(v)("panel.thank-you-text")
           }, {
             default: a(() => [
-              t(ul, {
+              t(dl, {
                 modelValue: e(d),
-                "onUpdate:modelValue": p[5] || (p[5] = (i) => ne(d) ? d.value = i : null)
+                "onUpdate:modelValue": p[5] || (p[5] = (i) => se(d) ? d.value = i : null)
               }, null, 8, ["modelValue"])
             ]),
             _: 1
@@ -1188,7 +1194,7 @@ const El = /* @__PURE__ */ ae({
             default: a(() => [
               t(e(X), {
                 modelValue: e(l),
-                "onUpdate:modelValue": p[6] || (p[6] = (i) => ne(l) ? l.value = i : null),
+                "onUpdate:modelValue": p[6] || (p[6] = (i) => se(l) ? l.value = i : null),
                 placeholder: "/thank-you"
               }, null, 8, ["modelValue"])
             ]),
@@ -1199,9 +1205,9 @@ const El = /* @__PURE__ */ ae({
       }, 8, ["title"])
     ]));
   }
-}), Yl = /* @__PURE__ */ ie(Kl, [["__scopeId", "data-v-35e56e3d"]]), Zl = { class: "wx-inbox-recipients" }, Ql = /* @__PURE__ */ ae({
+}), et = /* @__PURE__ */ ue(Xl, [["__scopeId", "data-v-35e56e3d"]]), lt = { class: "wx-inbox-recipients" }, tt = /* @__PURE__ */ ae({
   __name: "FormNotifications",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Le({
     fields: {},
     errors: {}
   }, {
@@ -1210,28 +1216,28 @@ const El = /* @__PURE__ */ ae({
   }),
   emits: ["update:modelValue"],
   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 () => {
+    const s = r, o = Ue(r, "modelValue"), v = ie(), n = re(v), d = te("webx-inbox"), m = W([]), l = pe(o, "recipients", []), U = pe(o, "email_field", "");
+    vl(async () => {
       try {
         m.value = await n.recipients();
       } catch {
       }
     });
-    const p = F(
+    const p = C(
       () => m.value.map((c) => ({ value: c.id, label: `${c.name} · ${c.email}` }))
-    ), i = F(() => [
+    ), i = C(() => [
       { value: "", label: d("panel.no-email-field") },
       ...s.fields.filter((c) => c.type === "email").map((c) => ({ value: c.key, label: c.key }))
     ]);
     function O(c) {
       return "admin_id" in c;
     }
-    function S(c) {
+    function z(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({
+    async function F(c) {
+      const S = l.value[c];
+      S !== void 0 && (O(S) || (S.email ?? "").trim() !== "") && !await ze({
         title: d("panel.remove-recipient-title"),
         message: d("panel.remove-recipient-text"),
         confirmText: d("panel.remove"),
@@ -1239,13 +1245,13 @@ const El = /* @__PURE__ */ ae({
         tone: "danger"
       }) || (l.value = l.value.filter((I, w) => w !== c));
     }
-    function b(c, U) {
-      l.value = l.value.map((f, I) => I === c ? { admin_id: U } : f);
+    function f(c, S) {
+      l.value = l.value.map((b, I) => I === c ? { admin_id: S } : b);
     }
-    function q(c, U) {
-      l.value = l.value.map((f, I) => I === c ? { email: U } : f);
+    function q(c, S) {
+      l.value = l.value.map((b, I) => I === c ? { email: S } : b);
     }
-    return (c, U) => (u(), _(e(se), {
+    return (c, S) => (u(), _(e(oe), {
       title: e(d)("panel.recipients")
     }, {
       default: a(() => [
@@ -1254,73 +1260,73 @@ const El = /* @__PURE__ */ ae({
           tone: "muted"
         }, {
           default: a(() => [
-            z(k(e(d)("panel.recipients-help")), 1)
+            T(V(e(d)("panel.recipients-help")), 1)
           ]),
           _: 1
         }),
-        r.errors["options.recipients"] ? (u(), _(e(De), {
+        r.errors["options.recipients"] ? (u(), _(e(Me), {
           key: 0,
           type: "danger",
           variant: "soft",
           description: r.errors["options.recipients"]?.[0]
         }, null, 8, ["description"])) : H("", !0),
-        G("div", Zl, [
+        G("div", lt, [
           e(l).length === 0 ? (u(), _(e(J), {
             key: 0,
             size: "sm",
             tone: "placeholder"
           }, {
             default: a(() => [
-              z(k(e(d)("panel.no-recipients")), 1)
+              T(V(e(d)("panel.no-recipients")), 1)
             ]),
             _: 1
           })) : H("", !0),
-          (u(!0), j(ee, null, we(e(l), (f, I) => (u(), j("div", {
+          (u(!0), j(ee, null, ke(e(l), (b, I) => (u(), j("div", {
             key: I,
             class: "wx-inbox-recipients__row"
           }, [
-            O(f) ? (u(), _(e(fe), {
+            O(b) ? (u(), _(e(me), {
               key: 0,
-              "model-value": f.admin_id,
+              "model-value": b.admin_id,
               options: p.value,
-              "onUpdate:modelValue": (w) => b(I, Number(w))
+              "onUpdate:modelValue": (w) => f(I, Number(w))
             }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : (u(), _(e(X), {
               key: 1,
-              "model-value": f.email,
+              "model-value": b.email,
               type: "email",
               placeholder: "sales@example.com",
               "onUpdate:modelValue": (w) => q(I, String(w))
             }, null, 8, ["model-value", "onUpdate:modelValue"])),
-            t(e(ke), {
+            t(e(Ve), {
               icon: "trash",
               tone: "danger",
               title: e(d)("panel.remove"),
-              onClick: (w) => T(I)
+              onClick: (w) => F(I)
             }, null, 8, ["title", "onClick"])
           ]))), 128))
         ]),
-        t(e(We), { size: "sm" }, {
+        t(e(qe), { size: "sm" }, {
           default: a(() => [
             t(e(le), {
               variant: "outline",
               icon: "user",
               disabled: p.value.length === 0,
-              onClick: U[0] || (U[0] = (f) => S({ admin_id: Number(p.value[0]?.value) }))
+              onClick: S[0] || (S[0] = (b) => z({ admin_id: Number(p.value[0]?.value) }))
             }, {
               default: a(() => [
-                z(k(e(d)("panel.add-admin")), 1)
+                T(V(e(d)("panel.add-admin")), 1)
               ]),
               _: 1
             }, 8, ["disabled"]),
             t(e(le), {
               variant: "outline",
-              onClick: U[1] || (U[1] = (f) => S({ email: "" }))
+              onClick: S[1] || (S[1] = (b) => z({ email: "" }))
             }, {
               icon: a(() => [
-                t(e(Ve), { name: "mail" })
+                t(e($e), { name: "mail" })
               ]),
               default: a(() => [
-                z(" " + k(e(d)("panel.add-email")), 1)
+                T(" " + V(e(d)("panel.add-email")), 1)
               ]),
               _: 1
             })
@@ -1332,9 +1338,9 @@ const El = /* @__PURE__ */ ae({
           help: e(d)("panel.email-field-help")
         }, {
           default: a(() => [
-            t(e(fe), {
-              modelValue: e($),
-              "onUpdate:modelValue": U[2] || (U[2] = (f) => ne($) ? $.value = f : null),
+            t(e(me), {
+              modelValue: e(U),
+              "onUpdate:modelValue": S[2] || (S[2] = (b) => se(U) ? U.value = b : null),
               options: i.value
             }, null, 8, ["modelValue", "options"])
           ]),
@@ -1344,85 +1350,85 @@ const El = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["title"]));
   }
-}), Jl = /* @__PURE__ */ ie(Ql, [["__scopeId", "data-v-a5998eb4"]]), Xl = { class: "wx-inbox-editor" }, et = /* @__PURE__ */ ae({
+}), at = /* @__PURE__ */ ue(tt, [["__scopeId", "data-v-a5998eb4"]]), nt = { class: "wx-inbox-editor" }, st = /* @__PURE__ */ ae({
   __name: "FormEditorPage",
   props: {
     base: { default: "/inbox" }
   },
   setup(r) {
-    const s = r, o = oe(), v = re(o), n = Le(), d = Oe(), m = xe();
+    const s = r, o = ie(), v = re(o), n = Oe(), d = Pe(), m = xe();
     de();
-    const l = te("webx-inbox"), $ = me(), p = W(null), i = W([]), O = W(!0), S = W(!1), T = W({});
-    let b = cl({
+    const l = te("webx-inbox"), U = fe(), p = W(null), i = W([]), O = W(!0), z = W(!1), F = W({});
+    let f = fl({
       slug: "",
       title: {},
       is_enabled: !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}`);
+    const q = W({}), c = C(() => o.can("inbox.manage")), S = C(() => Number(n.params.id)), b = C(
+      () => p.value === null ? "" : ve(f.title, m.active.value, f.slug)
+    ), I = C(() => `${s.base}?form=${S.value}`);
     async function w() {
       O.value = !0;
       try {
-        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);
+        const L = await v.form(S.value);
+        p.value = L, i.value = L.fields ?? [], f.slug = L.slug, f.title = { ...L.title }, f.is_enabled = L.is_enabled, q.value = { ...L.options };
+      } catch (L) {
+        P.danger(U(L)), d.replace(s.base);
       } finally {
         O.value = !1;
       }
     }
-    Se(U, () => {
+    Ce(S, () => {
       w();
     }, { immediate: !0 });
-    async function P() {
-      S.value = !0, T.value = {};
+    async function R() {
+      z.value = !0, F.value = {};
       try {
-        const M = await v.saveForm(U.value, {
-          slug: b.slug.trim(),
-          title: b.title,
-          is_enabled: b.is_enabled,
+        const L = await v.saveForm(S.value, {
+          slug: f.slug.trim(),
+          title: f.title,
+          is_enabled: f.is_enabled,
           options: q.value
         });
-        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));
+        p.value = L, P.success(l("panel.saved"));
+      } catch (L) {
+        const A = L.body;
+        A?.errors ? (F.value = A.errors, P.danger(l("panel.failed"))) : P.danger(U(L));
       } finally {
-        S.value = !1;
+        z.value = !1;
       }
     }
-    return (M, A) => (u(), j("div", Xl, [
-      O.value ? (u(), _(e(se), { key: 0 }, {
+    return (L, A) => (u(), j("div", nt, [
+      O.value ? (u(), _(e(oe), { key: 0 }, {
         default: a(() => [
-          t(e(Fe), {
+          t(e(We), {
             title: "",
             rows: 8
           })
         ]),
         _: 1
       })) : p.value ? (u(), j(ee, { key: 1 }, [
-        t(e(Ye), {
+        t(e(Qe), {
           class: "wx-inbox-editor__head",
-          title: f.value,
+          title: b.value,
           subtitle: p.value.slug,
           back: I.value,
           "back-label": e(l)("panel.forms")
         }, {
           "title-after": a(() => [
-            e(b).is_enabled ? H("", !0) : (u(), _(e(Ue), {
+            e(f).is_enabled ? H("", !0) : (u(), _(e(Se), {
               key: 0,
               type: "default"
             }, {
               default: a(() => [
-                z(k(e(l)("panel.off")), 1)
+                T(V(e(l)("panel.off")), 1)
               ]),
               _: 1
             }))
           ]),
           _: 1
         }, 8, ["title", "subtitle", "back", "back-label"]),
-        t(e(Qe), {
+        t(e(Xe), {
           class: "wx-inbox-editor__tabs",
           "keep-alive": ""
         }, {
@@ -1432,12 +1438,12 @@ const El = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-general")
             }, {
               default: a(() => [
-                t(Yl, {
-                  settings: e(b),
-                  "onUpdate:settings": A[0] || (A[0] = (C) => ne(b) ? b.value = C : b = C),
+                t(et, {
+                  settings: e(f),
+                  "onUpdate:settings": A[0] || (A[0] = ($) => se(f) ? f.value = $ : f = $),
                   options: q.value,
-                  "onUpdate:options": A[1] || (A[1] = (C) => q.value = C),
-                  errors: T.value
+                  "onUpdate:options": A[1] || (A[1] = ($) => q.value = $),
+                  errors: F.value
                 }, null, 8, ["settings", "options", "errors"])
               ]),
               _: 1
@@ -1447,9 +1453,9 @@ const El = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-fields")
             }, {
               default: a(() => [
-                t(Ol, {
+                t(Hl, {
                   modelValue: i.value,
-                  "onUpdate:modelValue": A[2] || (A[2] = (C) => i.value = C),
+                  "onUpdate:modelValue": A[2] || (A[2] = ($) => i.value = $),
                   form: p.value,
                   "can-manage": c.value
                 }, null, 8, ["modelValue", "form", "can-manage"])
@@ -1461,11 +1467,11 @@ const El = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-notifications")
             }, {
               default: a(() => [
-                t(Jl, {
+                t(at, {
                   modelValue: q.value,
-                  "onUpdate:modelValue": A[3] || (A[3] = (C) => q.value = C),
+                  "onUpdate:modelValue": A[3] || (A[3] = ($) => q.value = $),
                   fields: i.value,
-                  errors: T.value
+                  errors: F.value
                 }, null, 8, ["modelValue", "fields", "errors"])
               ]),
               _: 1
@@ -1475,9 +1481,9 @@ const El = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-antispam")
             }, {
               default: a(() => [
-                t(El, {
+                t(Gl, {
                   modelValue: q.value,
-                  "onUpdate:modelValue": A[4] || (A[4] = (C) => q.value = C)
+                  "onUpdate:modelValue": A[4] || (A[4] = ($) => q.value = $)
                 }, null, 8, ["modelValue"])
               ]),
               _: 1
@@ -1487,9 +1493,9 @@ const El = /* @__PURE__ */ ae({
               label: e(l)("panel.tab-embed")
             }, {
               default: a(() => [
-                t(Gl, {
+                t(Ql, {
                   form: p.value,
-                  slug: e(b).slug,
+                  slug: e(f).slug,
                   fields: i.value
                 }, null, 8, ["form", "slug", "fields"])
               ]),
@@ -1498,15 +1504,15 @@ const El = /* @__PURE__ */ ae({
           ]),
           _: 1
         }),
-        c.value ? (u(), _(e(bl), { key: 0 }, {
+        c.value ? (u(), _(e(_l), { key: 0 }, {
           default: a(() => [
             t(e(le), {
               type: "primary",
-              loading: S.value,
-              onClick: P
+              loading: z.value,
+              onClick: R
             }, {
               default: a(() => [
-                z(k(e(l)("panel.save")), 1)
+                T(V(e(l)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -1516,58 +1522,58 @@ const El = /* @__PURE__ */ ae({
       ], 64)) : H("", !0)
     ]));
   }
-}), lt = /* @__PURE__ */ ie(et, [["__scopeId", "data-v-11c10bb6"]]), tt = { class: "wx-inbox-create" }, at = /* @__PURE__ */ ae({
+}), ot = /* @__PURE__ */ ue(st, [["__scopeId", "data-v-11c10bb6"]]), it = { class: "wx-inbox-create" }, ut = /* @__PURE__ */ ae({
   __name: "FormCreateDialog",
   setup(r) {
-    const { resolve: s, dismiss: o, open: v } = Ee(), n = oe(), d = re(n);
+    const { resolve: s, dismiss: o, open: v } = Ee(), n = ie(), d = re(n);
     de();
-    const m = te("webx-inbox"), l = me(), $ = W({}), p = W(""), i = W(!1), O = W({});
-    function S(b) {
-      return O.value[b]?.[0];
+    const m = te("webx-inbox"), l = fe(), U = W({}), p = W(""), i = W(!1), O = W({});
+    function z(f) {
+      return O.value[f]?.[0];
     }
-    async function T() {
+    async function F() {
       i.value = !0, O.value = {};
       try {
         s(
           await d.createForm({
-            title: $.value,
+            title: U.value,
             slug: p.value.trim(),
             is_enabled: !0,
             options: {}
           })
         );
-      } catch (b) {
-        const q = b.body;
-        q?.errors ? (O.value = q.errors, E.danger(m("panel.failed"))) : E.danger(l(b));
+      } catch (f) {
+        const q = f.body;
+        q?.errors ? (O.value = q.errors, P.danger(m("panel.failed"))) : P.danger(l(f));
       } finally {
         i.value = !1;
       }
     }
-    return (b, q) => (u(), _(e(Pe), {
+    return (f, q) => (u(), _(e(Re), {
       open: e(v),
-      "onUpdate:open": q[3] || (q[3] = (c) => ne(v) ? v.value = c : null),
+      "onUpdate:open": q[3] || (q[3] = (c) => se(v) ? v.value = c : null),
       title: e(m)("panel.new-form-title"),
       width: 520
     }, {
       footer: a(() => [
-        t(e(We), { size: "sm" }, {
+        t(e(qe), { size: "sm" }, {
           default: a(() => [
             t(e(le), {
               variant: "outline",
               onClick: q[2] || (q[2] = (c) => e(o)())
             }, {
               default: a(() => [
-                z(k(e(m)("panel.cancel")), 1)
+                T(V(e(m)("panel.cancel")), 1)
               ]),
               _: 1
             }),
             t(e(le), {
               type: "primary",
               loading: i.value,
-              onClick: T
+              onClick: F
             }, {
               default: a(() => [
-                z(k(e(m)("panel.save")), 1)
+                T(V(e(m)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -1576,16 +1582,16 @@ const El = /* @__PURE__ */ ae({
         })
       ]),
       default: a(() => [
-        G("div", tt, [
+        G("div", it, [
           t(e(B), {
             label: e(m)("panel.title"),
-            error: S("title"),
+            error: z("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
-                modelValue: $.value,
-                "onUpdate:modelValue": q[0] || (q[0] = (c) => $.value = c),
+                modelValue: U.value,
+                "onUpdate:modelValue": q[0] || (q[0] = (c) => U.value = c),
                 localized: "",
                 autofocus: ""
               }, null, 8, ["modelValue"])
@@ -1595,7 +1601,7 @@ const El = /* @__PURE__ */ ae({
           t(e(B), {
             label: e(m)("panel.slug"),
             help: e(m)("panel.slug-help"),
-            error: S("slug")
+            error: z("slug")
           }, {
             default: a(() => [
               t(e(X), {
@@ -1611,84 +1617,84 @@ const El = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), nt = /* @__PURE__ */ ie(at, [["__scopeId", "data-v-55fb40d8"]]), st = { class: "wx-inbox-by-hand" }, ot = /* @__PURE__ */ ae({
+}), rt = /* @__PURE__ */ ue(ut, [["__scopeId", "data-v-55fb40d8"]]), dt = { class: "wx-inbox-by-hand" }, ct = /* @__PURE__ */ ae({
   __name: "SubmissionCreateDialog",
   props: {
     form: {}
   },
   setup(r) {
-    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = oe(), m = re(d), l = xe();
+    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = ie(), m = re(d), l = xe();
     de();
-    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];
+    const U = te("webx-inbox"), p = fe(), i = W([]), O = W(!0), z = W(!1), F = W({}), f = W({}), q = C(() => i.value.filter((A) => A.type !== "file")), c = C(() => i.value.some((A) => A.type === "file"));
+    function S(A) {
+      return f.value[`fields.${A.key}`]?.[0];
     }
-    function f(A) {
-      return pe(A.title, l.active.value, A.key);
+    function b(A) {
+      return ve(A.title, l.active.value, A.key);
     }
-    function I(A, C = "") {
-      return pe(
+    function I(A, $ = "") {
+      return ve(
         A,
         l.active.value,
-        C
+        $
       );
     }
     function w(A) {
-      return (A.options.choices ?? []).map((C) => ({
-        value: C.value,
-        label: I(C.label, C.value)
+      return (A.options.choices ?? []).map(($) => ({
+        value: $.value,
+        label: I($.label, $.value)
       }));
     }
-    async function P() {
+    async function R() {
       try {
         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 : "";
+        i.value = (A.fields ?? []).filter(($) => $.is_enabled);
+        for (const $ of i.value)
+          F.value[$.key] = $.type === "checkbox" ? [] : $.type === "consent" ? !1 : "";
       } catch (A) {
-        E.danger(p(A));
+        P.danger(p(A));
       } finally {
         O.value = !1;
       }
     }
-    P();
-    async function M() {
-      S.value = !0, b.value = {};
+    R();
+    async function L() {
+      z.value = !0, f.value = {};
       try {
-        o(await m.createSubmission(s.form.id, T.value));
+        o(await m.createSubmission(s.form.id, F.value));
       } catch (A) {
-        const C = A.body;
-        C?.errors ? (b.value = C.errors, E.danger($("panel.failed"))) : E.danger(p(A));
+        const $ = A.body;
+        $?.errors ? (f.value = $.errors, P.danger(U("panel.failed"))) : P.danger(p(A));
       } finally {
-        S.value = !1;
+        z.value = !1;
       }
     }
-    return (A, C) => (u(), _(e(Pe), {
+    return (A, $) => (u(), _(e(Re), {
       open: e(n),
-      "onUpdate:open": C[1] || (C[1] = (g) => ne(n) ? n.value = g : null),
-      title: e($)("panel.new-submission-title"),
+      "onUpdate:open": $[1] || ($[1] = (x) => se(n) ? n.value = x : null),
+      title: e(U)("panel.new-submission-title"),
       width: 560
     }, {
       footer: a(() => [
-        t(e(We), { size: "sm" }, {
+        t(e(qe), { size: "sm" }, {
           default: a(() => [
             t(e(le), {
               variant: "outline",
-              onClick: C[0] || (C[0] = (g) => e(v)())
+              onClick: $[0] || ($[0] = (x) => e(v)())
             }, {
               default: a(() => [
-                z(k(e($)("panel.cancel")), 1)
+                T(V(e(U)("panel.cancel")), 1)
               ]),
               _: 1
             }),
             t(e(le), {
               type: "primary",
-              loading: S.value,
+              loading: z.value,
               disabled: O.value,
-              onClick: M
+              onClick: L
             }, {
               default: a(() => [
-                z(k(e($)("panel.save")), 1)
+                T(V(e(U)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1697,79 +1703,79 @@ const El = /* @__PURE__ */ ae({
         })
       ]),
       default: a(() => [
-        G("div", st, [
-          t(e(De), {
+        G("div", dt, [
+          t(e(Me), {
             type: "info",
             closable: !1
           }, {
             default: a(() => [
-              z(k(e($)("panel.new-submission-help")), 1)
+              T(V(e(U)("panel.new-submission-help")), 1)
             ]),
             _: 1
           }),
-          O.value ? (u(), _(e(Fe), {
+          O.value ? (u(), _(e(We), {
             key: 0,
             rows: 4
           })) : (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
+            (u(!0), j(ee, null, ke(q.value, (x) => (u(), _(e(B), {
+              key: x.id,
+              label: b(x),
+              help: I(x.help),
+              error: S(x),
+              required: x.is_required
             }, {
               default: a(() => [
-                g.type === "textarea" ? (u(), _(e(hl), {
+                x.type === "textarea" ? (u(), _(e(wl), {
                   key: 0,
-                  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), {
+                  modelValue: F.value[x.key],
+                  "onUpdate:modelValue": (Q) => F.value[x.key] = Q,
+                  rows: x.options.rows ?? 4,
+                  placeholder: I(x.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "rows", "placeholder"])) : x.type === "select" ? (u(), _(e(me), {
                   key: 1,
-                  modelValue: T.value[g.key],
-                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
-                  options: w(g),
+                  modelValue: F.value[x.key],
+                  "onUpdate:modelValue": (Q) => F.value[x.key] = Q,
+                  options: w(x),
                   clearable: "",
-                  placeholder: I(g.placeholder)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : g.type === "radio" ? (u(), _(e(yl), {
+                  placeholder: I(x.placeholder)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder"])) : x.type === "radio" ? (u(), _(e(kl), {
                   key: 2,
-                  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), {
+                  modelValue: F.value[x.key],
+                  "onUpdate:modelValue": (Q) => F.value[x.key] = Q,
+                  options: w(x)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : x.type === "checkbox" ? (u(), _(e(Vl), {
                   key: 3,
-                  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), {
+                  modelValue: F.value[x.key],
+                  "onUpdate:modelValue": (Q) => F.value[x.key] = Q,
+                  options: w(x)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options"])) : x.type === "consent" ? (u(), _(e(he), {
                   key: 4,
-                  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), {
+                  modelValue: F.value[x.key],
+                  "onUpdate:modelValue": (Q) => F.value[x.key] = Q,
+                  label: I(x.options.text, b(x))
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "label"])) : x.type === "date" ? (u(), _(e(Ze), {
                   key: 5,
-                  modelValue: T.value[g.key],
-                  "onUpdate:modelValue": (Q) => T.value[g.key] = Q,
-                  placeholder: I(g.placeholder)
+                  modelValue: F.value[x.key],
+                  "onUpdate:modelValue": (Q) => F.value[x.key] = Q,
+                  placeholder: I(x.placeholder)
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (u(), _(e(X), {
                   key: 6,
-                  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
+                  modelValue: F.value[x.key],
+                  "onUpdate:modelValue": (Q) => F.value[x.key] = Q,
+                  type: x.type === "email" ? "email" : x.type === "tel" ? "tel" : "text",
+                  placeholder: I(x.placeholder),
+                  maxlength: x.options.maxlength
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "type", "placeholder", "maxlength"]))
               ]),
               _: 2
             }, 1032, ["label", "help", "error", "required"]))), 128)),
-            c.value ? (u(), _(e(De), {
+            c.value ? (u(), _(e(Me), {
               key: 0,
               type: "warning",
               closable: !1
             }, {
               default: a(() => [
-                z(k(e($)("panel.no-files-by-hand")), 1)
+                T(V(e(U)("panel.no-files-by-hand")), 1)
               ]),
               _: 1
             })) : H("", !0)
@@ -1779,7 +1785,7 @@ const El = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), it = /* @__PURE__ */ ie(ot, [["__scopeId", "data-v-72006299"]]), ut = { class: "wx-submissions__mass" }, rt = { class: "wx-submissions__state" }, dt = 640, ct = /* @__PURE__ */ ae({
+}), pt = /* @__PURE__ */ ue(ct, [["__scopeId", "data-v-72006299"]]), mt = { class: "wx-submissions__mass" }, vt = { class: "wx-submissions__state" }, ft = 640, bt = /* @__PURE__ */ ae({
   __name: "SubmissionList",
   props: {
     form: {},
@@ -1787,59 +1793,87 @@ const El = /* @__PURE__ */ ae({
   },
   emits: ["changed"],
   setup(r, { expose: s, emit: o }) {
-    const v = r, n = o, d = oe(), m = re(d), l = Le(), $ = Oe(), p = xe();
+    const v = r, n = o, d = ie(), m = re(d), l = Oe(), U = Pe(), p = xe();
     de();
-    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({
+    const i = ol("root"), O = $l(i), z = C(() => O.value > 0 && O.value < ft), F = C(() => z.value ? Number.POSITIVE_INFINITY : 0), f = te("webx-inbox"), q = fe(), c = W(null), S = W([]), b = W(!1), I = W([]), w = W(!1), R = C(() => d.can("inbox.update")), L = Be(pt), A = C({
       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 }
+      set: (g) => {
+        U.replace({
+          query: { ...l.query, view: g === "all" ? void 0 : g, page: void 0 }
         });
       }
-    }), C = F(() => ({
+    }), $ = C(() => ({
       view: A.value,
       search: typeof l.query.search == "string" ? l.query.search : "",
       assignee: typeof l.query.assignee == "string" ? l.query.assignee : null,
+      placement: typeof l.query.placement == "string" ? l.query.placement : null,
       sort: typeof l.query.sort == "string" ? l.query.sort : null,
       page: Number(l.query.page ?? 1) || 1
-    })), 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 }
+    })), x = C(
+      () => (c.value?.placements ?? []).map(
+        (g) => g === null ? { value: "none", label: f("panel.placement-none") } : { value: g, label: g }
+      )
+    ), Q = C(
+      () => x.value.length > 1 || $.value.placement !== null
+    ), ce = C(() => {
+      const g = $.value.placement;
+      if (g === null) return [];
+      const K = x.value.find((M) => M.value === g)?.label ?? (g === "none" ? f("panel.placement-none") : g);
+      return [
+        {
+          key: "placement",
+          label: `${f("panel.meta-placement")}: ${K}`,
+          clear: () => be(void 0)
+        }
       ];
-      for (const L of U.value)
-        Z.push({
-          value: L.key,
-          label: K(L),
-          badge: V?.statuses[L.key] || void 0
+    });
+    function be(g) {
+      U.replace({
+        query: {
+          ...l.query,
+          placement: typeof g == "string" && g !== "" ? g : void 0,
+          page: void 0
+        }
+      });
+    }
+    const N = C(() => {
+      const g = c.value?.counts, K = [
+        { value: "all", label: f("panel.view-all"), badge: g?.all || void 0 },
+        { value: "unread", label: f("panel.view-unread"), badge: g?.unread || void 0 }
+      ];
+      for (const M of S.value)
+        K.push({
+          value: M.key,
+          label: ne(M),
+          badge: g?.statuses[M.key] || void 0
         });
-      return Z;
+      return K;
     });
-    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,
+    function Z(g, K) {
+      const M = c.value?.columns?.[K];
+      return M ? g.values[M.key] ?? "" : "";
+    }
+    const D = C(() => {
+      const g = c.value?.columns ?? [];
+      return z.value ? [{ key: "card", label: "" }] : [
+        ...g.map((K, M) => ({
+          key: `values.${K.key}`,
+          label: K.label,
           sortable: !0,
           // The first answer is what the row is recognised by and stays at any width; every one
           // after it is worth less than the room it takes, so it goes a step sooner. The steps are
           // wide — 640, 960 — because an answer is a sentence and not a number: two of them plus
           // the status and the date is already what a 755px pane holds without scrolling sideways,
           // which is what the pane beside the forms actually is on a 1280 screen (§11).
-          hideBelow: L === 0 ? void 0 : 320 + L * 320
+          hideBelow: M === 0 ? void 0 : 320 + M * 320
         })),
         // A floor rather than a width: the cell holds a badge, sometimes an avatar and sometimes
         // a paperclip, and a fixed width that any of them overflows makes the whole table scroll
         // sideways by two pixels.
-        { key: "status", label: b("panel.status"), minWidth: 100 },
+        { key: "status", label: f("panel.status"), minWidth: 100 },
         {
           key: "created_at",
-          label: b("panel.received"),
+          label: f("panel.received"),
           sortable: !0,
           width: 120,
           // "today at 16:22" is three words the table will break over two lines given half a
@@ -1849,183 +1883,183 @@ const El = /* @__PURE__ */ ae({
           // Kept on the card, unlike most dates: "when did this come in" is one of the two
           // questions a submission is looked at for, and the other one is who sent it.
         },
-        { key: "actions", label: "", width: pl, align: "right", hideOnCards: !0 }
+        { key: "actions", label: "", width: bl, align: "right", hideOnCards: !0 }
       ];
-    }), 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) }))
+    }), k = C(
+      () => $.value.view === "all" && $.value.search === "" && $.value.assignee === null && $.value.placement === null ? f("panel.submissions-empty") : f("panel.submissions-none")
+    ), h = C(
+      () => S.value.map((g) => ({ value: g.id, label: ne(g) }))
     );
-    function K(V) {
-      return pe(V.title, p.active.value, V.key);
+    function ne(g) {
+      return ve(g.title, p.active.value, g.key);
     }
-    function D() {
-      return pe(v.form.title, p.active.value, v.form.slug);
+    function ye() {
+      return ve(v.form.title, p.active.value, v.form.slug);
     }
-    async function x(V) {
-      f.value = !0;
+    async function _e(g) {
+      b.value = !0;
       try {
         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
+          view: $.value.view,
+          search: g?.search ?? $.value.search,
+          assignee: $.value.assignee,
+          placement: $.value.placement,
+          sort: g?.sort ? `${g.sort.order === "desc" ? "-" : ""}${g.sort.key}` : null,
+          page: g?.page ?? $.value.page,
+          per_page: g?.perPage
         });
-      } catch (Z) {
-        E.danger(q(Z));
+      } catch (K) {
+        P.danger(q(K));
       } finally {
-        f.value = !1;
+        b.value = !1;
       }
     }
-    function h(V) {
-      const Z = {
+    function Ge(g) {
+      const K = {
         ...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)
+        search: g.search === "" ? void 0 : g.search,
+        sort: g.sort === null ? void 0 : `${g.sort.order === "desc" ? "-" : ""}${g.sort.key}`,
+        page: g.page === 1 ? void 0 : String(g.page)
       };
-      $.replace({ query: Z }), x(V);
+      U.replace({ query: K }), _e(g);
     }
-    Se(
-      () => [v.form.id, A.value, C.value.assignee],
-      () => {
-        I.value = [], x();
-      }
-    ), x(), ue();
-    async function ue() {
+    Ce([() => v.form.id, A, () => $.value.assignee, () => $.value.placement], () => {
+      I.value = [], _e();
+    }), _e(), y();
+    async function y() {
       try {
-        U.value = await m.statuses();
-      } catch (V) {
-        E.danger(q(V));
+        S.value = await m.statuses();
+      } catch (g) {
+        P.danger(q(g));
       }
     }
-    function ye(V) {
-      $.push({ path: `${v.base}/submissions/${V.id}`, query: { ...l.query } });
+    function Y(g) {
+      U.push({ path: `${v.base}/submissions/${g.id}`, query: { ...l.query } });
     }
-    function qe(V) {
-      return P.value ? [
+    function E(g) {
+      return R.value ? [
         {
           key: "read",
-          icon: V.is_read ? "eye-off" : "eye",
-          label: V.is_read ? b("panel.mark-unread") : b("panel.mark-read"),
+          icon: g.is_read ? "eye-off" : "eye",
+          label: g.is_read ? f("panel.mark-unread") : f("panel.mark-read"),
           run: () => {
-            Y([V.id], V.is_read ? "unread" : "read");
+            Ke([g.id], g.is_read ? "unread" : "read");
           }
         },
         {
           key: "delete",
           icon: "trash",
-          label: b("panel.delete"),
+          label: f("panel.delete"),
           danger: !0,
           run: () => {
-            y([V.id]);
+            Ae([g.id]);
           }
         }
       ] : [];
     }
-    async function He(V) {
-      typeof V == "number" && (w.value = !0, await Y(
-        I.value.map((Z) => Z.id),
+    async function je(g) {
+      typeof g == "number" && (w.value = !0, await Ke(
+        I.value.map((K) => K.id),
         "status",
-        V
+        g
       ), 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"),
+    async function Ae(g) {
+      await ze({
+        title: g.length === 1 ? f("panel.delete-submission-title") : f("panel.delete-selected-title", { count: g.length }),
+        message: f("panel.delete-submission-text"),
+        confirmText: f("panel.delete"),
+        cancelText: f("panel.cancel"),
         tone: "danger"
-      }) && await Y(V, "delete");
+      }) && await Ke(g, "delete");
     }
-    async function Y(V, Z, L) {
-      if (V.length !== 0)
+    async function Ke(g, K, M) {
+      if (g.length !== 0)
         try {
-          await m.massSubmissions({ ids: V, action: Z, status_id: L }), I.value = [], await x(), n("changed");
-        } catch (ze) {
-          E.danger(q(ze));
+          await m.massSubmissions({ ids: g, action: K, status_id: M }), I.value = [], await _e(), n("changed");
+        } catch (Te) {
+          P.danger(q(Te));
         }
     }
-    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 } }));
+    async function cl() {
+      const g = await L({ form: v.form });
+      g && (P.success(f("panel.created")), await _e(), n("changed"), U.push({ path: `${v.base}/submissions/${g.id}`, query: { ...l.query } }));
     }
-    const Ge = F(
+    const pl = C(
       () => m.exportUrl(v.form.id, {
-        view: C.value.view,
-        search: C.value.search,
-        assignee: C.value.assignee,
-        sort: C.value.sort
+        view: $.value.view,
+        search: $.value.search,
+        assignee: $.value.assignee,
+        placement: $.value.placement,
+        sort: $.value.sort
       })
-    ), rl = F(() => [
-      { key: "export", label: b("panel.export"), icon: "download", href: Ge.value }
+    ), ml = C(() => [
+      { key: "export", label: f("panel.export"), icon: "download", href: pl.value }
     ]);
-    return s({ create: R }), (V, Z) => (u(), j("div", {
+    return s({ create: cl }), (g, K) => (u(), j("div", {
       ref_key: "root",
       ref: i,
       class: "wx-submissions"
     }, [
-      t(e(Ye), {
+      t(e(Qe), {
         class: "wx-submissions__head",
         level: 3,
-        title: D(),
+        title: ye(),
         subtitle: r.form.slug,
-        actions: rl.value
+        actions: ml.value
       }, null, 8, ["title", "subtitle", "actions"]),
-      t(e(Qe), {
+      t(e(Xe), {
         modelValue: A.value,
-        "onUpdate:modelValue": Z[2] || (Z[2] = (L) => A.value = L),
+        "onUpdate:modelValue": K[2] || (K[2] = (M) => A.value = M),
         class: "wx-submissions__views",
-        items: g.value,
+        items: N.value,
         "collapse-below": 560,
-        "aria-label": e(b)("panel.status")
+        "aria-label": e(f)("panel.status")
       }, {
         default: a(() => [
-          t(e(il), {
+          t(e(rl), {
             data: c.value,
-            columns: be.value,
+            columns: D.value,
             "row-key": "id",
             searchable: "",
             clickable: "",
             hover: "",
             flush: "",
-            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), {
+            loading: b.value,
+            selectable: R.value,
+            "row-class": (M) => M.is_read ? void 0 : "is-unread",
+            "search-placeholder": e(f)("panel.search-submissions"),
+            "empty-text": k.value,
+            "cards-below": F.value,
+            "filters-count": ce.value.length,
+            onRowClick: Y,
+            onStateChange: Ge,
+            onSelectionChange: K[1] || (K[1] = (M, Te) => I.value = Te)
+          }, Ne({
+            "cell-status": a(({ row: M }) => [
+              G("div", vt, [
+                M.status ? (u(), _(e(Se), {
                   key: 0,
-                  type: L.status.color
+                  type: M.status.color
                 }, {
                   default: a(() => [
-                    z(k(K(L.status)), 1)
+                    T(V(ne(M.status)), 1)
                   ]),
                   _: 2
                 }, 1032, ["type"])) : H("", !0),
-                L.assignee ? (u(), _(e(el), {
+                M.assignee ? (u(), _(e(tl), {
                   key: 1,
-                  name: L.assignee.name,
-                  title: L.assignee.name,
+                  name: M.assignee.name,
+                  title: M.assignee.name,
                   size: "xs",
                   tone: "auto"
                 }, null, 8, ["name", "title"])) : H("", !0),
-                L.files_count > 0 ? (u(), _(e(wl), {
+                M.files_count > 0 ? (u(), _(e(Sl), {
                   key: 2,
-                  content: e(b)("panel.attachments")
+                  content: e(f)("panel.attachments")
                 }, {
                   default: a(() => [
-                    t(e(Ve), {
+                    t(e($e), {
                       name: "file",
                       size: "sm"
                     })
@@ -2034,61 +2068,61 @@ const El = /* @__PURE__ */ ae({
                 }, 8, ["content"])) : H("", !0)
               ])
             ]),
-            "cell-created_at": a(({ row: L }) => [
-              t(e(Ne), {
-                value: L.created_at,
+            "cell-created_at": a(({ row: M }) => [
+              t(e(De), {
+                value: M.created_at,
                 compact: ""
               }, null, 8, ["value"])
             ]),
-            "cell-card": a(({ row: L }) => [
-              t(e(_l), {
+            "cell-card": a(({ row: M }) => [
+              t(e(Ul), {
                 variant: "plain",
                 shape: "circle",
-                title: Q(L, 0)
+                title: Z(M, 0)
               }, {
                 subtitle: a(() => [
-                  z(k(Q(L, 1)), 1)
+                  T(V(Z(M, 1)), 1)
                 ]),
                 meta: a(() => [
-                  L.status ? (u(), _(e(Ue), {
+                  M.status ? (u(), _(e(Se), {
                     key: 0,
-                    type: L.status.color,
+                    type: M.status.color,
                     size: "sm"
                   }, {
                     default: a(() => [
-                      z(k(K(L.status)), 1)
+                      T(V(ne(M.status)), 1)
                     ]),
                     _: 2
                   }, 1032, ["type"])) : H("", !0),
-                  L.assignee ? (u(), _(e(el), {
+                  M.assignee ? (u(), _(e(tl), {
                     key: 1,
-                    name: L.assignee.name,
-                    title: L.assignee.name,
+                    name: M.assignee.name,
+                    title: M.assignee.name,
                     size: "xs",
                     tone: "auto"
                   }, null, 8, ["name", "title"])) : H("", !0),
-                  L.files_count > 0 ? (u(), _(e(Ve), {
+                  M.files_count > 0 ? (u(), _(e($e), {
                     key: 2,
                     name: "file",
                     size: "sm"
                   })) : H("", !0),
-                  t(e(Ne), {
-                    value: L.created_at
+                  t(e(De), {
+                    value: M.created_at
                   }, null, 8, ["value"])
                 ]),
                 _: 2
               }, 1032, ["title"])
             ]),
-            "card-actions": a(({ row: L }) => [
-              t(e(Te), {
-                actions: qe(L),
-                label: String(L.id)
+            "card-actions": a(({ row: M }) => [
+              t(e(Fe), {
+                actions: E(M),
+                label: String(M.id)
               }, null, 8, ["actions", "label"])
             ]),
-            "cell-actions": a(({ row: L }) => [
-              t(e(Te), {
-                actions: qe(L),
-                label: String(L.id)
+            "cell-actions": a(({ row: M }) => [
+              t(e(Fe), {
+                actions: E(M),
+                label: String(M.id)
               }, null, 8, ["actions", "label"])
             ]),
             _: 2
@@ -2096,87 +2130,115 @@ const El = /* @__PURE__ */ ae({
             I.value.length > 0 ? {
               name: "actions",
               fn: a(() => [
-                G("div", ut, [
+                G("div", mt, [
                   t(e(J), {
                     size: "sm",
                     weight: "medium"
                   }, {
                     default: a(() => [
-                      z(k(e(b)("panel.selected", { count: I.value.length })), 1)
+                      T(V(e(f)("panel.selected", { count: I.value.length })), 1)
                     ]),
                     _: 1
                   }),
-                  t(e(fe), {
+                  t(e(me), {
                     "model-value": null,
-                    options: N.value,
-                    placeholder: e(b)("panel.move-to"),
+                    options: h.value,
+                    placeholder: e(f)("panel.move-to"),
                     disabled: w.value,
                     size: "sm",
                     style: { width: "180px" },
-                    "onUpdate:modelValue": He
+                    "onUpdate:modelValue": je
                   }, null, 8, ["options", "placeholder", "disabled"]),
                   t(e(le), {
                     size: "sm",
                     variant: "outline",
                     type: "danger",
                     icon: "trash",
-                    onClick: Z[0] || (Z[0] = (L) => y(I.value.map((ze) => ze.id)))
+                    onClick: K[0] || (K[0] = (M) => Ae(I.value.map((Te) => Te.id)))
                   }, {
                     default: a(() => [
-                      z(k(e(b)("panel.delete")), 1)
+                      T(V(e(f)("panel.delete")), 1)
                     ]),
                     _: 1
                   })
                 ])
               ]),
               key: "0"
+            } : void 0,
+            Q.value ? {
+              name: "filters",
+              fn: a(() => [
+                t(e(B), {
+                  label: e(f)("panel.meta-placement")
+                }, {
+                  default: a(() => [
+                    t(e(me), {
+                      "model-value": $.value.placement,
+                      options: x.value,
+                      placeholder: e(f)("panel.any-placement"),
+                      clearable: "",
+                      size: "sm",
+                      "onUpdate:modelValue": be
+                    }, null, 8, ["model-value", "options", "placeholder"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              key: "1"
+            } : void 0,
+            ce.value.length > 0 ? {
+              name: "applied",
+              fn: a(() => [
+                t(e(hl), { filters: ce.value }, null, 8, ["filters"])
+              ]),
+              key: "2"
             } : void 0
-          ]), 1032, ["data", "columns", "loading", "selectable", "row-class", "search-placeholder", "empty-text", "cards-below"])
+          ]), 1032, ["data", "columns", "loading", "selectable", "row-class", "search-placeholder", "empty-text", "cards-below", "filters-count"])
         ]),
         _: 1
       }, 8, ["modelValue", "items", "aria-label"])
     ], 512));
   }
-}), pt = /* @__PURE__ */ ie(ct, [["__scopeId", "data-v-aed84c27"]]), mt = ["onClick"], vt = { class: "wx-inbox-form__name" }, ft = /* @__PURE__ */ ae({
+}), ht = /* @__PURE__ */ ue(bt, [["__scopeId", "data-v-09b4e93b"]]), yt = ["onClick"], gt = { class: "wx-inbox-form__name" }, xt = /* @__PURE__ */ ae({
   __name: "InboxPage",
   props: {
     base: { default: "/inbox" }
   },
   setup(r) {
-    const s = r, o = oe(), v = re(o), n = Le(), d = Oe(), m = xe();
+    const s = r, o = ie(), v = re(o), n = Oe(), d = Pe(), m = xe();
     de();
-    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(
+    const l = te("webx-inbox"), U = fe(), p = W([]), i = W(!0), O = ol("pane"), z = W(!0), F = W(!1), f = C(() => o.can("inbox.manage")), q = Be(rt), c = C(
       () => o.state.manifest?.modules.find((N) => N.id === "inbox")?.title ?? l("module.title")
-    ), U = F(() => {
+    ), S = C(() => {
       const N = n.query.form;
       return typeof N == "string" && N !== "" ? Number(N) : null;
-    }), f = F(() => p.value.find((N) => N.id === U.value) ?? null);
+    }), b = C(() => p.value.find((N) => N.id === S.value) ?? null);
     function I(N) {
-      return pe(N.title, m.active.value, N.slug);
+      return ve(N.title, m.active.value, N.slug);
     }
     async function w() {
       i.value = !0;
       try {
         p.value = await v.forms();
       } catch (N) {
-        E.danger($(N));
+        P.danger(U(N));
       } finally {
         i.value = !1;
       }
     }
-    w(), Se([p, f], () => {
-      p.value.length === 0 || f.value !== null || d.replace({ query: { ...n.query, form: String(p.value[0].id) } });
+    w(), Ce([p, b], () => {
+      p.value.length === 0 || b.value !== null || d.replace({ query: { ...n.query, form: String(p.value[0].id) } });
     });
-    function P(N, K) {
-      d.replace({ query: { ...n.query, form: String(N.id) } }), K();
+    function R(N, Z) {
+      d.replace({ query: { ...n.query, form: String(N.id) } }), Z();
     }
-    function M(N) {
+    function L(N) {
       d.push(`${s.base}/forms/${N.id}`);
     }
     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) },
+      return f.value ? [
+        { key: "settings", icon: "settings", label: l("panel.settings"), run: () => L(N) },
+        { key: "duplicate", icon: "copy", label: l("panel.duplicate"), run: () => x(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.
         ...N.submissions_count === 0 ? [
@@ -2190,20 +2252,20 @@ const El = /* @__PURE__ */ ae({
         ] : []
       ] : [];
     }
-    async function C() {
+    async function $() {
       const N = await q({});
-      N && (await w(), M(N));
+      N && (await w(), L(N));
     }
-    async function g(N) {
+    async function x(N) {
       try {
-        const K = await v.duplicateForm(N.id);
-        E.success(l("panel.duplicated")), await w(), M(K);
-      } catch (K) {
-        E.danger($(K));
+        const Z = await v.duplicateForm(N.id);
+        P.success(l("panel.duplicated")), await w(), L(Z);
+      } catch (Z) {
+        P.danger(U(Z));
       }
     }
     async function Q(N) {
-      if (await Ce({
+      if (await ze({
         title: l("panel.delete-form-title", { form: I(N) }),
         message: l("panel.delete-form-text"),
         confirmText: l("panel.delete"),
@@ -2211,32 +2273,32 @@ const El = /* @__PURE__ */ ae({
         tone: "danger"
       }))
         try {
-          if (await v.removeForm(N.id), E.success(l("panel.deleted")), U.value === N.id) {
+          if (await v.removeForm(N.id), P.success(l("panel.deleted")), S.value === N.id) {
             const D = { ...n.query };
             delete D.form, d.replace({ query: D });
           }
           await w();
         } catch (D) {
-          E.danger($(D));
+          P.danger(U(D));
         }
     }
-    async function be() {
+    async function ce() {
       try {
         await v.sortForms(p.value.map((N) => N.id));
       } catch (N) {
-        E.danger($(N, l("panel.reorder-failed"))), await w();
+        P.danger(U(N, l("panel.reorder-failed"))), await w();
       }
     }
-    const he = F(() => {
+    const be = C(() => {
       const N = [];
-      return b.value && N.push({
+      return f.value && N.push({
         key: "statuses",
         label: l("panel.statuses"),
         icon: "tag",
         run: () => {
           d.push(`${s.base}/statuses`);
         }
-      }), o.can("inbox.update") && f.value !== null && N.push({
+      }), o.can("inbox.update") && b.value !== null && N.push({
         key: "new-submission",
         label: l("panel.new-submission"),
         icon: "plus",
@@ -2246,83 +2308,83 @@ const El = /* @__PURE__ */ ae({
         }
       }), N;
     });
-    return (N, K) => (u(), _(e(sl), {
+    return (N, Z) => (u(), _(e(il), {
       title: c.value,
-      actions: he.value,
+      actions: be.value,
       card: !1
-    }, Ie({
+    }, Ne({
       default: a(() => [
-        t(e(se), {
+        t(e(oe), {
           class: "wx-inbox",
           padding: "none"
         }, {
           default: a(() => [
-            t(e(kl), {
-              "filters-open": T.value,
-              "onUpdate:filtersOpen": K[2] || (K[2] = (D) => T.value = D),
+            t(e(Cl), {
+              "filters-open": F.value,
+              "onUpdate:filtersOpen": Z[2] || (Z[2] = (D) => F.value = D),
               class: "wx-inbox__panes",
               "filters-width": 270,
               "detail-min": 420,
               "filters-title": e(l)("panel.forms"),
-              onFiltersInline: K[3] || (K[3] = (D) => S.value = D)
+              onFiltersInline: Z[3] || (Z[3] = (D) => z.value = D)
             }, {
-              filters: a(({ inline: D, close: x }) => [
-                i.value ? (u(), _(e(Fe), {
+              filters: a(({ inline: D, close: k }) => [
+                i.value ? (u(), _(e(We), {
                   key: 0,
                   class: "wx-inbox__loading",
                   rows: 5
                 })) : (u(), j(ee, { key: 1 }, [
-                  !D && b.value ? (u(), _(e(le), {
+                  !D && f.value ? (u(), _(e(le), {
                     key: 0,
                     class: "wx-inbox__new-form",
                     variant: "outline",
                     block: "",
-                    onClick: C
+                    onClick: $
                   }, {
                     icon: a(() => [
-                      t(e(Ve), { name: "plus" })
+                      t(e($e), { name: "plus" })
                     ]),
                     default: a(() => [
-                      z(" " + k(e(l)("panel.new-form")), 1)
+                      T(" " + V(e(l)("panel.new-form")), 1)
                     ]),
                     _: 1
                   })) : H("", !0),
-                  t(e(Ze), {
+                  t(e(Je), {
                     modelValue: p.value,
-                    "onUpdate:modelValue": K[1] || (K[1] = (h) => p.value = h),
-                    class: Je(["wx-inbox__forms", { "is-panel": !D }]),
+                    "onUpdate:modelValue": Z[1] || (Z[1] = (h) => p.value = h),
+                    class: el(["wx-inbox__forms", { "is-panel": !D }]),
                     plain: "",
                     size: "sm",
                     "item-key": "id",
                     "item-label": I,
-                    disabled: !b.value,
+                    disabled: !f.value,
                     title: D ? e(l)("panel.forms") : void 0,
-                    onMove: be
-                  }, Ie({
+                    onMove: ce
+                  }, Ne({
                     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)
+                        class: el(["wx-inbox-form", { "is-current": h.id === S.value, "is-off": !h.is_enabled }]),
+                        onClick: (ne) => R(h, k)
                       }, [
-                        G("span", vt, [
+                        G("span", gt, [
                           t(e(J), {
                             truncate: "",
                             weight: "medium",
                             tone: h.is_enabled ? "default" : "muted"
                           }, {
                             default: a(() => [
-                              z(k(I(h)), 1)
+                              T(V(I(h)), 1)
                             ]),
                             _: 2
                           }, 1032, ["tone"]),
-                          h.unread_count ? (u(), _(e(ll), {
+                          h.unread_count ? (u(), _(e(al), {
                             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), {
+                          }, null, 8, ["value", "label"])) : h.submissions_count ? (u(), _(e(al), {
                             key: 1,
                             class: "wx-inbox-form__count",
                             type: "neutral",
@@ -2336,28 +2398,28 @@ const El = /* @__PURE__ */ ae({
                           truncate: ""
                         }, {
                           default: a(() => [
-                            z(k(h.slug), 1)
+                            T(V(h.slug), 1)
                           ]),
                           _: 2
                         }, 1024)
-                      ], 10, mt)
+                      ], 10, yt)
                     ]),
                     actions: a(({ item: h }) => [
-                      t(e(Te), {
+                      t(e(Fe), {
                         actions: A(h),
                         label: I(h)
                       }, null, 8, ["actions", "label"])
                     ]),
                     _: 2
                   }, [
-                    D && b.value ? {
+                    D && f.value ? {
                       name: "extra",
                       fn: a(() => [
-                        t(e(ke), {
+                        t(e(Ve), {
                           icon: "plus",
                           size: "sm",
                           title: e(l)("panel.new-form"),
-                          onClick: C
+                          onClick: $
                         }, null, 8, ["title"])
                       ]),
                       key: "0"
@@ -2366,18 +2428,18 @@ const El = /* @__PURE__ */ ae({
                 ], 64))
               ]),
               list: a(() => [
-                i.value ? (u(), _(e(Fe), {
+                i.value ? (u(), _(e(We), {
                   key: 0,
                   class: "wx-inbox__loading",
                   rows: 6
-                })) : f.value ? (u(), _(pt, {
+                })) : b.value ? (u(), _(ht, {
                   ref_key: "pane",
                   ref: O,
-                  key: f.value.id,
-                  form: f.value,
+                  key: b.value.id,
+                  form: b.value,
                   base: s.base,
                   onChanged: w
-                }, null, 8, ["form", "base"])) : (u(), _(e(Be), {
+                }, null, 8, ["form", "base"])) : (u(), _(e(He), {
                   key: 2,
                   title: e(l)("panel.no-forms"),
                   description: e(l)("panel.no-forms-help")
@@ -2391,18 +2453,18 @@ const El = /* @__PURE__ */ ae({
       ]),
       _: 2
     }, [
-      S.value ? void 0 : {
+      z.value ? void 0 : {
         name: "actions",
         fn: a(() => [
           t(e(le), {
             variant: "outline",
-            onClick: K[0] || (K[0] = (D) => T.value = !0)
+            onClick: Z[0] || (Z[0] = (D) => F.value = !0)
           }, {
             icon: a(() => [
-              t(e(Ve), { name: "list" })
+              t(e($e), { name: "list" })
             ]),
             default: a(() => [
-              z(" " + k(e(l)("panel.forms")), 1)
+              T(" " + V(e(l)("panel.forms")), 1)
             ]),
             _: 1
           })
@@ -2411,26 +2473,26 @@ const El = /* @__PURE__ */ ae({
       }
     ]), 1032, ["title", "actions"]));
   }
-}), bt = { class: "wx-inbox-status-form" }, ht = { class: "wx-inbox-status-form__checks" }, yt = /* @__PURE__ */ ae({
+}), _t = { class: "wx-inbox-status-form" }, wt = { class: "wx-inbox-status-form__checks" }, kt = /* @__PURE__ */ ae({
   __name: "StatusDialog",
   props: {
     status: {}
   },
   setup(r) {
-    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = oe(), m = re(d);
+    const s = r, { resolve: o, dismiss: v, open: n } = Ee(), d = ie(), m = re(d);
     de();
-    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(
+    const l = te("webx-inbox"), U = fe(), p = W(""), i = W({}), O = W("default"), z = W(!1), F = W(!1), f = W(!1), q = W(!1), c = W({});
+    Ce(
       () => 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 = {};
+        p.value = w?.key ?? "", i.value = { ...w?.title ?? {} }, O.value = w?.color ?? "default", z.value = w?.is_default ?? !1, F.value = w?.is_spam ?? !1, f.value = w?.is_closed ?? !1, c.value = {};
       },
       { immediate: !0 }
     );
-    const U = F(
-      () => zl.map((w) => ({ value: w, label: l(`panel.color-${w}`) }))
+    const S = C(
+      () => Al.map((w) => ({ value: w, label: l(`panel.color-${w}`) }))
     );
-    function f(w) {
+    function b(w) {
       return c.value[w]?.[0];
     }
     async function I() {
@@ -2439,36 +2501,36 @@ const El = /* @__PURE__ */ ae({
         key: p.value.trim(),
         title: i.value,
         color: O.value,
-        is_default: S.value,
-        is_spam: T.value,
-        is_closed: b.value
+        is_default: z.value,
+        is_spam: F.value,
+        is_closed: f.value
       };
       try {
         o(
           s.status === null ? await m.createStatus(w) : await m.saveStatus(s.status.id, w)
         );
-      } catch (P) {
-        const M = P.body;
-        M?.errors ? (c.value = M.errors, E.danger(l("panel.failed"))) : E.danger($(P));
+      } catch (R) {
+        const L = R.body;
+        L?.errors ? (c.value = L.errors, P.danger(l("panel.failed"))) : P.danger(U(R));
       } finally {
         q.value = !1;
       }
     }
-    return (w, P) => (u(), _(e(Pe), {
+    return (w, R) => (u(), _(e(Re), {
       open: e(n),
-      "onUpdate:open": P[7] || (P[7] = (M) => ne(n) ? n.value = M : null),
+      "onUpdate:open": R[7] || (R[7] = (L) => se(n) ? n.value = L : null),
       title: r.status ? e(l)("panel.settings") : e(l)("panel.new-status"),
       width: 520
     }, {
       footer: a(() => [
-        t(e(We), { size: "sm" }, {
+        t(e(qe), { size: "sm" }, {
           default: a(() => [
             t(e(le), {
               variant: "outline",
-              onClick: P[6] || (P[6] = (M) => e(v)())
+              onClick: R[6] || (R[6] = (L) => e(v)())
             }, {
               default: a(() => [
-                z(k(e(l)("panel.cancel")), 1)
+                T(V(e(l)("panel.cancel")), 1)
               ]),
               _: 1
             }),
@@ -2478,7 +2540,7 @@ const El = /* @__PURE__ */ ae({
               onClick: I
             }, {
               default: a(() => [
-                z(k(e(l)("panel.save")), 1)
+                T(V(e(l)("panel.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -2487,16 +2549,16 @@ const El = /* @__PURE__ */ ae({
         })
       ]),
       default: a(() => [
-        G("div", bt, [
+        G("div", _t, [
           t(e(B), {
             label: e(l)("panel.title"),
-            error: f("title"),
+            error: b("title"),
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
                 modelValue: i.value,
-                "onUpdate:modelValue": P[0] || (P[0] = (M) => i.value = M),
+                "onUpdate:modelValue": R[0] || (R[0] = (L) => i.value = L),
                 localized: ""
               }, null, 8, ["modelValue"])
             ]),
@@ -2504,13 +2566,13 @@ const El = /* @__PURE__ */ ae({
           }, 8, ["label", "error"]),
           t(e(B), {
             label: e(l)("panel.status-key"),
-            error: f("key"),
+            error: b("key"),
             required: ""
           }, {
             default: a(() => [
               t(e(X), {
                 modelValue: p.value,
-                "onUpdate:modelValue": P[1] || (P[1] = (M) => p.value = M),
+                "onUpdate:modelValue": R[1] || (R[1] = (L) => p.value = L),
                 placeholder: "in-progress"
               }, null, 8, ["modelValue"])
             ]),
@@ -2518,32 +2580,32 @@ const El = /* @__PURE__ */ ae({
           }, 8, ["label", "error"]),
           t(e(B), {
             label: e(l)("panel.status-color"),
-            error: f("color")
+            error: b("color")
           }, {
             default: a(() => [
-              t(e(fe), {
+              t(e(me), {
                 modelValue: O.value,
-                "onUpdate:modelValue": P[2] || (P[2] = (M) => O.value = M),
-                options: U.value
+                "onUpdate:modelValue": R[2] || (R[2] = (L) => O.value = L),
+                options: S.value
               }, null, 8, ["modelValue", "options"])
             ]),
             _: 1
           }, 8, ["label", "error"]),
-          G("div", ht, [
-            t(e(ve), {
-              modelValue: S.value,
-              "onUpdate:modelValue": P[3] || (P[3] = (M) => S.value = M),
+          G("div", wt, [
+            t(e(he), {
+              modelValue: z.value,
+              "onUpdate:modelValue": R[3] || (R[3] = (L) => z.value = L),
               label: e(l)("panel.status-default")
             }, null, 8, ["modelValue", "label"]),
-            t(e(ve), {
-              modelValue: T.value,
-              "onUpdate:modelValue": P[4] || (P[4] = (M) => T.value = M),
+            t(e(he), {
+              modelValue: F.value,
+              "onUpdate:modelValue": R[4] || (R[4] = (L) => F.value = L),
               label: e(l)("panel.status-spam")
             }, null, 8, ["modelValue", "label"]),
-            t(e(ve), {
-              modelValue: b.value,
-              "onUpdate:modelValue": P[5] || (P[5] = (M) => b.value = M),
-              disabled: T.value,
+            t(e(he), {
+              modelValue: f.value,
+              "onUpdate:modelValue": R[5] || (R[5] = (L) => f.value = L),
+              disabled: F.value,
               label: e(l)("panel.status-closed")
             }, null, 8, ["modelValue", "disabled", "label"])
           ])
@@ -2552,67 +2614,67 @@ const El = /* @__PURE__ */ ae({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), gt = /* @__PURE__ */ ie(yt, [["__scopeId", "data-v-b520b53b"]]), xt = { class: "wx-inbox-statuses" }, _t = { class: "wx-inbox-status" }, wt = /* @__PURE__ */ ae({
+}), Vt = /* @__PURE__ */ ue(kt, [["__scopeId", "data-v-b520b53b"]]), $t = { class: "wx-inbox-statuses" }, Ut = { class: "wx-inbox-status" }, St = /* @__PURE__ */ ae({
   __name: "StatusesPage",
   props: {
     base: { default: "/inbox" }
   },
   setup(r) {
-    const s = r, o = oe(), v = re(o), n = xe();
+    const s = r, o = ie(), v = re(o), n = xe();
     de();
-    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);
+    const d = te("webx-inbox"), m = fe(), l = W([]), U = W(!0), p = o.can("inbox.manage"), i = Be(Vt);
+    function O(b) {
+      return ve(b.title, n.active.value, b.key);
     }
-    async function S() {
-      $.value = !0;
+    async function z() {
+      U.value = !0;
       try {
         l.value = await v.statuses();
-      } catch (f) {
-        E.danger(m(f));
+      } catch (b) {
+        P.danger(m(b));
       } finally {
-        $.value = !1;
+        U.value = !1;
       }
     }
-    S();
-    async function T(f) {
-      await i({ status: f }) && await S();
+    z();
+    async function F(b) {
+      await i({ status: b }) && await z();
     }
-    async function b(f) {
-      if (await Ce({
-        title: d("panel.delete-status-title", { status: O(f) }),
+    async function f(b) {
+      if (await ze({
+        title: d("panel.delete-status-title", { status: O(b) }),
         message: d("panel.delete-status-text"),
         confirmText: d("panel.delete"),
         cancelText: d("panel.cancel"),
         tone: "danger"
       }))
         try {
-          await v.removeStatus(f.id), E.success(d("panel.deleted")), await S();
+          await v.removeStatus(b.id), P.success(d("panel.deleted")), await z();
         } catch (w) {
-          E.danger(m(w));
+          P.danger(m(w));
         }
     }
-    function q(f) {
+    function q(b) {
       return p ? [
         { key: "edit", icon: "edit", label: d("panel.settings"), run: () => {
-          T(f);
+          F(b);
         } },
         // 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.
-        ...f.submissions_count === 0 ? [
+        ...b.submissions_count === 0 ? [
           {
             key: "delete",
             icon: "trash",
             label: d("panel.delete"),
             danger: !0,
             run: () => {
-              b(f);
+              f(b);
             }
           }
         ] : []
       ] : [];
     }
-    const c = F(
+    const c = C(
       () => p ? [
         {
           key: "new",
@@ -2620,30 +2682,30 @@ const El = /* @__PURE__ */ ae({
           icon: "plus",
           primary: !0,
           run: () => {
-            T(null);
+            F(null);
           }
         }
       ] : []
     );
-    async function U() {
+    async function S() {
       try {
-        await v.sortStatuses(l.value.map((f) => f.id));
-      } catch (f) {
-        E.danger(m(f, d("panel.reorder-failed"))), await S();
+        await v.sortStatuses(l.value.map((b) => b.id));
+      } catch (b) {
+        P.danger(m(b, d("panel.reorder-failed"))), await z();
       }
     }
-    return (f, I) => (u(), j("div", xt, [
-      t(e(sl), {
+    return (b, I) => (u(), j("div", $t, [
+      t(e(il), {
         title: e(d)("panel.statuses"),
         back: s.base,
         "back-label": e(d)("panel.forms"),
         actions: c.value
       }, {
         default: a(() => [
-          !$.value && l.value.length === 0 ? (u(), _(e(Be), {
+          !U.value && l.value.length === 0 ? (u(), _(e(He), {
             key: 0,
             title: e(d)("panel.no-statuses")
-          }, null, 8, ["title"])) : (u(), _(e(Ze), {
+          }, null, 8, ["title"])) : (u(), _(e(Je), {
             key: 1,
             modelValue: l.value,
             "onUpdate:modelValue": I[0] || (I[0] = (w) => l.value = w),
@@ -2652,15 +2714,15 @@ const El = /* @__PURE__ */ ae({
             "item-label": O,
             disabled: !e(p),
             "aria-label": e(d)("panel.statuses"),
-            onMove: U
+            onMove: S
           }, {
             default: a(({ item: w }) => [
-              G("div", _t, [
-                t(e(Ue), {
+              G("div", Ut, [
+                t(e(Se), {
                   type: w.color
                 }, {
                   default: a(() => [
-                    z(k(O(w)), 1)
+                    T(V(O(w)), 1)
                   ]),
                   _: 2
                 }, 1032, ["type"]),
@@ -2670,17 +2732,17 @@ const El = /* @__PURE__ */ ae({
                   truncate: ""
                 }, {
                   default: a(() => [
-                    G("code", null, k(w.key), 1),
+                    G("code", null, V(w.key), 1),
                     w.is_default ? (u(), j(ee, { key: 0 }, [
-                      z(" · " + k(e(d)("panel.status-default")), 1)
+                      T(" · " + V(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)
+                      T(" · " + V(e(d)("panel.status-spam")), 1)
                     ], 64)) : w.is_closed ? (u(), j(ee, { key: 2 }, [
-                      z(" · " + k(e(d)("panel.status-closed")), 1)
+                      T(" · " + V(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)
+                      T(" · " + V(e(d)("panel.in-use")) + " (" + V(w.submissions_count) + ") ", 1)
                     ], 64)) : H("", !0)
                   ]),
                   _: 2
@@ -2688,7 +2750,7 @@ const El = /* @__PURE__ */ ae({
               ])
             ]),
             actions: a(({ item: w }) => [
-              t(e(Te), {
+              t(e(Fe), {
                 actions: q(w),
                 label: O(w)
               }, null, 8, ["actions", "label"])
@@ -2700,83 +2762,83 @@ const El = /* @__PURE__ */ ae({
       }, 8, ["title", "back", "back-label", "actions"])
     ]));
   }
-}), kt = /* @__PURE__ */ ie(wt, [["__scopeId", "data-v-f94bf140"]]), Vt = { class: "wx-submission" }, $t = {
+}), Ct = /* @__PURE__ */ ue(St, [["__scopeId", "data-v-f94bf140"]]), zt = { class: "wx-submission" }, Tt = {
   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" }, Ft = ["href"], Wt = {
+}, Ft = { class: "wx-submission__main" }, Wt = { class: "wx-submission__value" }, qt = { class: "wx-submission__files" }, At = { class: "wx-submission__by" }, It = { class: "wx-submission__fields" }, Nt = ["href"], Dt = {
   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" }, Dt = /* @__PURE__ */ ae({
+}, Mt = { class: "wx-submission__aside" }, Lt = { class: "wx-submission__fields" }, Ot = { class: "wx-submission__field" }, Pt = { class: "wx-submission__field" }, Et = /* @__PURE__ */ ae({
   __name: "SubmissionPage",
   props: {
     base: { default: "/inbox" }
   },
   setup(r) {
-    const s = r, o = oe(), v = re(o), n = Le(), d = Oe(), m = xe();
+    const s = r, o = ie(), v = re(o), n = Oe(), d = Pe(), m = xe();
     de();
-    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(() => ({
+    const l = te("webx-inbox"), U = te("webx-admin"), p = fe(), i = W(null), O = W([]), z = W([]), F = W(!0), f = C(() => o.can("inbox.update")), q = C(() => Number(n.params.id)), c = C(() => ({
       view: typeof n.query.view == "string" ? n.query.view : void 0,
       search: typeof n.query.search == "string" ? n.query.search : void 0,
       assignee: typeof n.query.assignee == "string" ? n.query.assignee : void 0
-    })), U = F(() => ({ path: s.base, query: { ...n.query } })), f = F(
+    })), S = C(() => ({ path: s.base, query: { ...n.query } })), b = C(
       () => O.value.map((y) => ({ value: y.id, label: w(y) }))
-    ), I = F(
-      () => S.value.map((y) => ({ value: y.id, label: y.name }))
+    ), I = C(
+      () => z.value.map((y) => ({ value: y.id, label: y.name }))
     );
     function w(y) {
-      return pe(y.title, m.active.value, y.key);
+      return ve(y.title, m.active.value, y.key);
     }
-    const P = F(() => l("panel.submission", { id: String(q.value) })), M = F(() => {
+    const R = C(() => l("panel.submission", { id: String(q.value) })), L = C(() => {
       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(() => {
+      return y === void 0 ? "" : ve(y.title ?? {}, m.active.value, y.slug ?? "");
+    }), A = C(() => (i.value?.values ?? []).find((E) => E.type === "email" && (E.value ?? "") !== "")?.value ?? null), $ = C(() => {
       if (A.value === null) return null;
-      const y = encodeURIComponent(`${M.value} — ${P.value}`);
+      const y = encodeURIComponent(`${L.value} — ${R.value}`);
       return `mailto:${A.value}?subject=${y}`;
     });
-    async function g() {
-      T.value = !0;
+    async function x() {
+      F.value = !0;
       try {
         i.value = await v.submission(q.value, c.value);
       } catch (y) {
-        E.danger(p(y)), d.replace(U.value);
+        P.danger(p(y)), d.replace(S.value);
       } finally {
-        T.value = !1;
+        F.value = !1;
       }
     }
     async function Q() {
       try {
-        O.value = await v.statuses(), b.value && (S.value = await v.recipients());
+        O.value = await v.statuses(), f.value && (z.value = await v.recipients());
       } catch (y) {
-        E.danger(p(y));
+        P.danger(p(y));
       }
     }
-    Se(q, () => {
-      g();
+    Ce(q, () => {
+      x();
     }, { immediate: !0 }), Q();
-    async function be(y) {
+    async function ce(y) {
       try {
-        i.value = await v.saveSubmission(q.value, y), E.success(l("panel.saved"));
+        i.value = await v.saveSubmission(q.value, y), P.success(l("panel.saved"));
       } catch (Y) {
-        E.danger(p(Y)), await g();
+        P.danger(p(Y)), await x();
       }
     }
-    function he(y) {
-      typeof y == "number" && be({ status_id: y });
+    function be(y) {
+      typeof y == "number" && ce({ status_id: y });
     }
     function N(y) {
-      be({ assignee_id: typeof y == "number" ? y : null });
+      ce({ assignee_id: typeof y == "number" ? y : null });
     }
-    const K = F(() => {
+    const Z = C(() => {
       const y = [];
-      return C.value && y.push({
+      return $.value && y.push({
         key: "reply",
         label: l("panel.reply"),
         icon: "mail",
         primary: !0,
-        href: C.value,
+        href: $.value,
         target: "_self"
-      }), b.value && i.value !== null && y.push(
+      }), f.value && i.value !== null && y.push(
         {
           key: "unread",
           icon: "eye-off",
@@ -2792,20 +2854,20 @@ const El = /* @__PURE__ */ ae({
           label: l("panel.delete"),
           danger: !0,
           run: () => {
-            x();
+            k();
           }
         }
       ), y;
     });
     async function D() {
       try {
-        await v.massSubmissions({ ids: [q.value], action: "unread" }), d.push(U.value);
+        await v.massSubmissions({ ids: [q.value], action: "unread" }), d.push(S.value);
       } catch (y) {
-        E.danger(p(y));
+        P.danger(p(y));
       }
     }
-    async function x() {
-      if (await Ce({
+    async function k() {
+      if (await ze({
         title: l("panel.delete-submission-title"),
         message: l("panel.delete-submission-text"),
         confirmText: l("panel.delete"),
@@ -2813,16 +2875,16 @@ const El = /* @__PURE__ */ ae({
         tone: "danger"
       }))
         try {
-          await v.removeSubmission(q.value), E.success(l("panel.deleted")), d.push(U.value);
+          await v.removeSubmission(q.value), P.success(l("panel.deleted")), d.push(S.value);
         } catch (Y) {
-          E.danger(p(Y));
+          P.danger(p(Y));
         }
     }
     function h(y) {
       y !== null && d.push({ path: `${s.base}/submissions/${y}`, query: { ...n.query } });
     }
-    function ue(y) {
-      const Y = O.value.find((R) => R.key === y);
+    function ne(y) {
+      const Y = O.value.find((E) => E.key === y);
       return Y === void 0 ? y : w(Y);
     }
     function ye(y) {
@@ -2830,7 +2892,7 @@ const El = /* @__PURE__ */ ae({
         case "created":
           return l("panel.event-created");
         case "status":
-          return l("panel.event-status", { to: ue(y.to ?? "") });
+          return l("panel.event-status", { to: ne(y.to ?? "") });
         case "assignee":
           return y.to === null || y.to === "" ? l("panel.event-unassigned") : l("panel.event-assignee", { to: y.to });
         case "note":
@@ -2841,66 +2903,68 @@ const El = /* @__PURE__ */ ae({
           return y.type;
       }
     }
-    function qe(y) {
+    function _e(y) {
       return `${Math.max(1, Math.round(y / 1024))} KB`;
     }
-    const He = F(() => {
+    const Ge = C(() => {
       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) });
+      typeof y.page == "string" && y.page !== "" && Y.push({ label: l("panel.meta-page"), value: y.page, link: !0 });
+      const E = i.value?.placement;
+      typeof E == "string" && E !== "" && Y.push({ label: l("panel.meta-placement"), value: E }), typeof y.referrer == "string" && y.referrer !== "" && Y.push({ label: l("panel.meta-referrer"), value: y.referrer, link: !0 });
+      for (const [je, Ae] of Object.entries(y.utm ?? {}))
+        Y.push({ label: je, value: String(Ae) });
       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 (y, Y) => (u(), j("div", Vt, [
-      t(e(Ye), {
-        title: P.value,
-        subtitle: M.value,
-        back: U.value,
-        actions: K.value
+    return (y, Y) => (u(), j("div", zt, [
+      t(e(Qe), {
+        title: R.value,
+        subtitle: L.value,
+        back: S.value,
+        actions: Z.value
       }, {
         extra: a(() => [
-          t(e(ke), {
+          t(e(Ve), {
             icon: "chevron-left",
             size: "lg",
             title: e(l)("panel.previous"),
             disabled: !i.value?.previous_id,
-            onClick: Y[0] || (Y[0] = (R) => h(i.value?.previous_id ?? null))
+            onClick: Y[0] || (Y[0] = (E) => h(i.value?.previous_id ?? null))
           }, null, 8, ["title", "disabled"]),
-          t(e(ke), {
+          t(e(Ve), {
             icon: "chevron-right",
             size: "lg",
             title: e(l)("panel.next"),
             disabled: !i.value?.next_id,
-            onClick: Y[1] || (Y[1] = (R) => h(i.value?.next_id ?? null))
+            onClick: Y[1] || (Y[1] = (E) => h(i.value?.next_id ?? null))
           }, null, 8, ["title", "disabled"])
         ]),
         _: 1
       }, 8, ["title", "subtitle", "back", "actions"]),
-      T.value ? (u(), _(e(Fe), {
+      F.value ? (u(), _(e(We), {
         key: 0,
         rows: 6
-      })) : i.value ? (u(), j("div", $t, [
-        G("div", Ut, [
-          t(e(se), {
+      })) : i.value ? (u(), j("div", Tt, [
+        G("div", Ft, [
+          t(e(oe), {
             title: e(l)("panel.answers")
           }, {
             default: a(() => [
-              i.value.values.length === 0 ? (u(), _(e(Be), {
+              i.value.values.length === 0 ? (u(), _(e(He), {
                 key: 0,
                 size: "sm",
                 description: e(l)("panel.no-answers")
-              }, null, 8, ["description"])) : (u(), _(e(tl), {
+              }, null, 8, ["description"])) : (u(), _(e(nl), {
                 key: 1,
                 columns: 1,
                 layout: "vertical"
               }, {
                 default: a(() => [
-                  (u(!0), j(ee, null, we(i.value.values, (R) => (u(), _(e(Ae), {
-                    key: R.id,
-                    label: R.label ?? R.name
+                  (u(!0), j(ee, null, ke(i.value.values, (E) => (u(), _(e(Ie), {
+                    key: E.id,
+                    label: E.label ?? E.name
                   }, {
                     default: a(() => [
-                      G("p", St, k(R.value || "—"), 1)
+                      G("p", Wt, V(E.value || "—"), 1)
                     ]),
                     _: 2
                   }, 1032, ["label"]))), 128))
@@ -2910,22 +2974,22 @@ const El = /* @__PURE__ */ ae({
             ]),
             _: 1
           }, 8, ["title"]),
-          i.value.files.length > 0 ? (u(), _(e(se), {
+          i.value.files.length > 0 ? (u(), _(e(oe), {
             key: 0,
             title: e(l)("panel.attachments")
           }, {
             default: a(() => [
-              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,
+              G("div", qt, [
+                (u(!0), j(ee, null, ke(i.value.files, (E) => (u(), _(e(zl), {
+                  key: E.id,
+                  name: E.name,
+                  type: E.mime ?? void 0,
+                  "download-url": E.url,
                   "download-label": e(l)("panel.download"),
                   size: "sm"
                 }, {
                   meta: a(() => [
-                    z(k(qe(R.size)), 1)
+                    T(V(_e(E.size)), 1)
                   ]),
                   _: 2
                 }, 1032, ["name", "type", "download-url", "download-label"]))), 128))
@@ -2933,24 +2997,24 @@ const El = /* @__PURE__ */ ae({
             ]),
             _: 1
           }, 8, ["title"])) : H("", !0),
-          t(e(se), { class: "wx-submission__more" }, {
+          t(e(oe), { class: "wx-submission__more" }, {
             default: a(() => [
-              t(e(Qe), {
+              t(e(Xe), {
                 variant: "pill",
-                "aria-label": P.value
+                "aria-label": R.value
               }, {
                 default: a(() => [
                   t(e(ge), {
                     value: "notes",
-                    label: e($)("notes.title")
+                    label: e(U)("notes.title")
                   }, {
                     default: a(() => [
-                      t(e(ml), {
+                      t(e(yl), {
                         id: i.value.id,
                         type: "inbox_submission",
                         title: "",
-                        can: b.value,
-                        onChange: g
+                        can: f.value,
+                        onChange: x
                       }, null, 8, ["id", "can"])
                     ]),
                     _: 1
@@ -2960,10 +3024,10 @@ const El = /* @__PURE__ */ ae({
                     label: e(l)("panel.log")
                   }, {
                     default: a(() => [
-                      t(e($l), { size: "sm" }, {
+                      t(e(Tl), { size: "sm" }, {
                         default: a(() => [
-                          (u(!0), j(ee, null, we(i.value.events, (R) => (u(), _(e(Ul), {
-                            key: R.id
+                          (u(!0), j(ee, null, ke(i.value.events, (E) => (u(), _(e(Fl), {
+                            key: E.id
                           }, {
                             default: a(() => [
                               t(e(J), {
@@ -2972,22 +3036,22 @@ const El = /* @__PURE__ */ ae({
                                 class: "wx-submission__event"
                               }, {
                                 default: a(() => [
-                                  z(k(ye(R)), 1)
+                                  T(V(ye(E)), 1)
                                 ]),
                                 _: 2
                               }, 1024),
-                              G("p", zt, [
+                              G("p", At, [
                                 t(e(J), {
                                   size: "sm",
                                   tone: "muted"
                                 }, {
                                   default: a(() => [
-                                    z(k(R.author?.name ?? e(l)("panel.system")), 1)
+                                    T(V(E.author?.name ?? e(l)("panel.system")), 1)
                                   ]),
                                   _: 2
                                 }, 1024),
-                                t(e(Ne), {
-                                  value: R.created_at
+                                t(e(De), {
+                                  value: E.created_at
                                 }, null, 8, ["value"])
                               ])
                             ]),
@@ -3004,63 +3068,63 @@ const El = /* @__PURE__ */ ae({
                     label: e(l)("panel.details")
                   }, {
                     default: a(() => [
-                      G("div", Tt, [
-                        t(e(tl), {
+                      G("div", It, [
+                        t(e(nl), {
                           columns: 1,
                           layout: "vertical",
                           size: "sm"
                         }, {
                           default: a(() => [
-                            t(e(Ae), {
+                            t(e(Ie), {
                               label: e(l)("panel.received")
                             }, {
                               default: a(() => [
-                                t(e(Ne), {
+                                t(e(De), {
                                   value: i.value.created_at,
                                   tone: "default"
                                 }, null, 8, ["value"])
                               ]),
                               _: 1
                             }, 8, ["label"]),
-                            t(e(Ae), {
+                            t(e(Ie), {
                               label: e(l)("panel.meta-source")
                             }, {
                               default: a(() => [
-                                t(e(Ue), {
+                                t(e(Se), {
                                   type: i.value.source === "panel" ? "info" : "default"
                                 }, {
                                   default: a(() => [
-                                    z(k(i.value.source === "panel" ? e(l)("panel.source-panel") : e(l)("panel.source-web")), 1)
+                                    T(V(i.value.source === "panel" ? e(l)("panel.source-panel") : e(l)("panel.source-web")), 1)
                                   ]),
                                   _: 1
                                 }, 8, ["type"])
                               ]),
                               _: 1
                             }, 8, ["label"]),
-                            (u(!0), j(ee, null, we(He.value, (R) => (u(), _(e(Ae), {
-                              key: R.label,
-                              label: R.label
+                            (u(!0), j(ee, null, ke(Ge.value, (E) => (u(), _(e(Ie), {
+                              key: E.label,
+                              label: E.label
                             }, {
                               default: a(() => [
-                                R.link ? (u(), j("a", {
+                                E.link ? (u(), j("a", {
                                   key: 0,
-                                  href: R.value,
+                                  href: E.value,
                                   target: "_blank",
                                   rel: "noreferrer"
-                                }, k(R.value), 9, Ft)) : (u(), j("span", Wt, k(R.value), 1))
+                                }, V(E.value), 9, Nt)) : (u(), j("span", Dt, V(E.value), 1))
                               ]),
                               _: 2
                             }, 1032, ["label"]))), 128))
                           ]),
                           _: 1
                         }),
-                        i.value.notify_error ? (u(), _(e(De), {
+                        i.value.notify_error ? (u(), _(e(Me), {
                           key: 0,
                           type: "warning",
                           closable: !1
                         }, {
                           default: a(() => [
-                            z(k(e(l)("panel.notify-failed")), 1)
+                            T(V(e(l)("panel.notify-failed")), 1)
                           ]),
                           _: 1
                         })) : i.value.notified_at ? (u(), _(e(J), {
@@ -3069,7 +3133,7 @@ const El = /* @__PURE__ */ ae({
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            z(k(e(l)("panel.notified")), 1)
+                            T(V(e(l)("panel.notified")), 1)
                           ]),
                           _: 1
                         })) : (u(), _(e(J), {
@@ -3078,7 +3142,7 @@ const El = /* @__PURE__ */ ae({
                           tone: "muted"
                         }, {
                           default: a(() => [
-                            z(k(e(l)("panel.not-notified")), 1)
+                            T(V(e(l)("panel.not-notified")), 1)
                           ]),
                           _: 1
                         }))
@@ -3093,41 +3157,41 @@ const El = /* @__PURE__ */ ae({
             _: 1
           })
         ]),
-        G("aside", qt, [
-          t(e(se), null, {
+        G("aside", Mt, [
+          t(e(oe), null, {
             default: a(() => [
-              G("div", At, [
-                G("label", It, [
+              G("div", Lt, [
+                G("label", Ot, [
                   t(e(J), {
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: a(() => [
-                      z(k(e(l)("panel.status")), 1)
+                      T(V(e(l)("panel.status")), 1)
                     ]),
                     _: 1
                   }),
-                  t(e(fe), {
+                  t(e(me), {
                     "model-value": i.value.status?.id ?? null,
-                    options: f.value,
-                    disabled: !b.value,
-                    "onUpdate:modelValue": he
+                    options: b.value,
+                    disabled: !f.value,
+                    "onUpdate:modelValue": be
                   }, null, 8, ["model-value", "options", "disabled"])
                 ]),
-                G("label", Nt, [
+                G("label", Pt, [
                   t(e(J), {
                     size: "sm",
                     tone: "muted"
                   }, {
                     default: a(() => [
-                      z(k(e(l)("panel.assignee")), 1)
+                      T(V(e(l)("panel.assignee")), 1)
                     ]),
                     _: 1
                   }),
-                  t(e(fe), {
+                  t(e(me), {
                     "model-value": i.value.assignee?.id ?? null,
                     options: I.value,
-                    disabled: !b.value,
+                    disabled: !f.value,
                     clearable: "",
                     placeholder: e(l)("panel.unassigned"),
                     "onUpdate:modelValue": N
@@ -3141,8 +3205,8 @@ const El = /* @__PURE__ */ ae({
       ])) : H("", !0)
     ]));
   }
-}), Mt = /* @__PURE__ */ ie(Dt, [["__scopeId", "data-v-2163fca6"]]);
-function Rt(r = {}) {
+}), Rt = /* @__PURE__ */ ue(Et, [["__scopeId", "data-v-4ef3ff2d"]]);
+function Kt(r = {}) {
   const s = r.path ?? "/inbox";
   return {
     id: "inbox",
@@ -3151,17 +3215,17 @@ function Rt(r = {}) {
     routes: [
       // The section's own path travels as a prop, so a panel that mounted it somewhere else
       // still links between its screens correctly.
-      { path: s, name: "webx.inbox", component: ft, props: { base: s } },
+      { path: s, name: "webx.inbox", component: xt, props: { base: s } },
       {
         path: `${s}/statuses`,
         name: "webx.inbox.statuses",
-        component: kt,
+        component: Ct,
         props: { base: s }
       },
       {
         path: `${s}/forms/:id(\\d+)`,
         name: "webx.inbox.form",
-        component: lt,
+        component: ot,
         props: { base: s }
       },
       // A submission has an address of its own, not a dialog over the list (§11): it goes in
@@ -3169,24 +3233,24 @@ function Rt(r = {}) {
       {
         path: `${s}/submissions/:id(\\d+)`,
         name: "webx.inbox.submission",
-        component: Mt,
+        component: Rt,
         props: { base: s }
       }
     ]
   };
 }
 export {
-  Cl as FIELD_TYPES,
-  zl as STATUS_COLORS,
-  Ol as WxInboxFieldList,
-  lt as WxInboxFormEditor,
-  ft as WxInboxPage,
-  kt as WxInboxStatusesPage,
-  pt as WxInboxSubmissionList,
-  Mt as WxInboxSubmissionPage,
+  ql as FIELD_TYPES,
+  Al as STATUS_COLORS,
+  Hl as WxInboxFieldList,
+  ot as WxInboxFormEditor,
+  xt as WxInboxPage,
+  Ct as WxInboxStatusesPage,
+  ht as WxInboxSubmissionList,
+  Rt as WxInboxSubmissionPage,
   re as createInboxApi,
-  Rt as inbox,
-  Sl as inboxMessages,
-  ce as option
+  Kt as inbox,
+  Wl as inboxMessages,
+  pe as option
 };
 //# sourceMappingURL=index.js.map