@oneclick.dev/cms-core-modules 0.0.124 → 0.0.125

package/dist/Overview-D_2wozCG.mjs

@@ -0,0 +1,1733 @@
+import { defineComponent as ie, ref as w, computed as de, watch as ge, resolveComponent as i, openBlock as o, createBlock as V, withCtx as s, createVNode as t, createTextVNode as l, toDisplayString as n, createElementBlock as r, unref as c, withModifiers as be, createCommentVNode as k, createElementVNode as e, Fragment as j, renderList as Q, onMounted as me, normalizeClass as xe, onUnmounted as $e } from "vue";
+import { Loader2 as Z, AlertCircle as ee, Plus as _e, Trash2 as Me, Pencil as Ce, ExternalLink as Ae, Search as Se, FileText as ye, ChevronLeft as Re, ChevronRight as Ve, Send as Ue, CheckCheck as Ee, BarChart3 as pe, RefreshCw as Ne, ShieldAlert as Le, Smartphone as ve } from "lucide-vue-next";
+import { useModuleApi as re, useModule as Be, useModulePermissions as Pe, useModuleBreadcrumbs as Ie } from "@oneclick.dev/cms-kit";
+import { t as we } from "./index-RLz1QPrf.mjs";
+function te($, B) {
+  const m = $;
+  return m?.data?.statusMessage || m?.statusMessage || B;
+}
+function L($) {
+  return $ == null || $ === "" ? "Not available" : String($).replaceAll("_", " ").toLowerCase().replace(/^./, (B) => B.toUpperCase());
+}
+function ne($) {
+  return typeof $ == "number" && Number.isFinite($) ? new Intl.NumberFormat().format($) : "Not available";
+}
+function fe($, B) {
+  if (!$) return "Not available";
+  const m = new Date(typeof $ == "number" ? $ * 1e3 : $);
+  return Number.isNaN(m.getTime()) ? "Not available" : m.toLocaleDateString(void 0, { dateStyle: "medium", ...B ? { timeZone: B } : {} });
+}
+const De = {
+  key: 0,
+  role: "status",
+  class: "flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground"
+}, ze = { class: "grid min-w-0 gap-6 md:grid-cols-[minmax(0,1.25fr)_minmax(0,1fr)]" }, He = {
+  key: 0,
+  class: "min-w-0 space-y-4"
+}, Oe = { class: "space-y-2" }, je = { class: "grid grid-cols-2 gap-3" }, qe = { class: "space-y-2" }, Ye = { class: "space-y-2" }, Fe = { class: "space-y-2" }, Qe = {
+  key: 0,
+  class: "space-y-2"
+}, We = { class: "space-y-2" }, Ke = {
+  key: 1,
+  class: "space-y-3 rounded-lg border p-3"
+}, Je = { class: "space-y-2" }, Ge = { class: "space-y-3" }, Xe = { class: "flex items-center justify-between gap-2" }, Ze = { class: "text-xs leading-5 text-muted-foreground" }, et = { class: "flex items-center gap-2" }, tt = { class: "space-y-2" }, st = {
+  key: 0,
+  class: "space-y-2"
+}, at = {
+  key: 1,
+  class: "space-y-2"
+}, lt = {
+  key: 1,
+  class: "min-w-0 space-y-5"
+}, ot = { class: "grid grid-cols-2 gap-5 text-sm" }, nt = { class: "mt-1 font-medium" }, dt = { class: "mt-1 font-medium" }, ut = { class: "mt-1 font-medium" }, it = { class: "mt-1 font-medium" }, rt = {
+  key: 1,
+  class: "rounded-lg border bg-muted/30 p-3 text-sm leading-6 text-muted-foreground"
+}, mt = {
+  href: "https://business.facebook.com/wa/manage/message-templates/",
+  target: "_blank",
+  rel: "noopener noreferrer",
+  class: "flex items-center gap-1.5 text-sm underline underline-offset-4"
+}, pt = { class: "min-w-0 self-start rounded-xl border bg-muted/40 p-4" }, ct = { class: "overflow-hidden rounded-lg border bg-background shadow-sm" }, vt = {
+  key: 0,
+  class: "whitespace-pre-wrap break-words px-4 pt-4 text-sm font-semibold"
+}, ft = {
+  key: 1,
+  class: "whitespace-pre-wrap break-words p-4 text-sm leading-6"
+}, gt = {
+  key: 2,
+  class: "whitespace-pre-wrap break-words px-4 pb-4 text-xs text-muted-foreground"
+}, bt = {
+  key: 3,
+  class: "border-t"
+}, xt = {
+  key: 4,
+  class: "m-3 rounded border border-dashed p-3 text-sm text-muted-foreground"
+}, _t = {
+  key: 1,
+  class: "mt-5 rounded-lg border bg-muted/30 p-3 text-sm leading-6 text-muted-foreground"
+}, yt = /* @__PURE__ */ ie({
+  __name: "TemplateDialog",
+  props: {
+    open: { type: Boolean },
+    template: {},
+    canManage: { type: Boolean }
+  },
+  emits: ["update:open", "saved"],
+  setup($, { emit: B }) {
+    const m = $, M = B, S = re(), p = w(null), h = w(!1), u = w(!1), x = w(!1), T = w(""), f = w(d()), C = de(() => [...new Set(Array.from(f.value.bodyText.matchAll(/\{\{(\d+)\}\}/g), (_) => Number(_[1])))].sort((_, a) => _ - a).slice(0, 20)), A = w({}), y = de(() => !p.value && !x.value && (f.value.buttons?.length || 0) < (f.value.buttons?.some((_) => _.type !== "QUICK_REPLY") ? 2 : 3)), P = de(() => h.value ? [
+      ...f.value.headerText ? [{ type: "HEADER", format: "TEXT", text: f.value.headerText }] : [],
+      { type: "BODY", text: f.value.bodyText || "Your message will appear here." },
+      ...f.value.footerText ? [{ type: "FOOTER", text: f.value.footerText }] : [],
+      ...f.value.buttons?.length ? [{ type: "BUTTONS", buttons: f.value.buttons }] : []
+    ] : p.value?.components || []);
+    function d() {
+      return { name: "", language: "en_US", category: "UTILITY", headerText: "", headerExample: "", bodyText: "", bodyExamples: [], footerText: "", buttons: [] };
+    }
+    function J(_) {
+      return "Example for {{" + _ + "}}";
+    }
+    function W(_) {
+      f.value = JSON.parse(JSON.stringify(_)), f.value.buttons ||= [], A.value = Object.fromEntries((_.bodyExamples || []).map((a, E) => [E + 1, a]));
+    }
+    ge(() => [m.open, m.template?.id], async ([_], a, E) => {
+      let R = !1;
+      if (E(() => {
+        R = !0;
+      }), !!_ && (u.value = !1, T.value = "", p.value = m.template, h.value = !m.template, W(m.template?.draft || d()), !!m.template)) {
+        u.value = !0;
+        try {
+          const I = await S.get(`/templates/${encodeURIComponent(m.template.id)}`, { query: { name: m.template.name } });
+          if (R) return;
+          p.value = I, I.draft && W(I.draft);
+        } catch (I) {
+          R || (T.value = te(I, "The latest template could not be loaded. Reopen it to try again."));
+        } finally {
+          R || (u.value = !1);
+        }
+      }
+    });
+    function K(_, a) {
+      if (p.value || x.value) return;
+      const E = f.value.buttons?.[_]?.text || "";
+      let R = { type: "QUICK_REPLY", text: E };
+      a === "URL" && (R = { type: "URL", text: E, url: "" }), a === "PHONE_NUMBER" && (R = { type: "PHONE_NUMBER", text: E, phoneNumber: "" }), f.value.buttons && (f.value.buttons[_] = R);
+    }
+    function U(_, a) {
+      const E = (f.value.buttons || []).filter((R, I) => I !== _);
+      return a === "QUICK_REPLY" ? E.every((R) => R.type === "QUICK_REPLY") : E.every((R) => R.type !== "QUICK_REPLY" && R.type !== a);
+    }
+    function v() {
+      if (!y.value) return;
+      const _ = f.value.buttons ||= [];
+      _.some((a) => a.type === "URL") ? _.push({ type: "PHONE_NUMBER", text: "", phoneNumber: "" }) : _.some((a) => a.type === "PHONE_NUMBER") ? _.push({ type: "URL", text: "", url: "" }) : _.push({ type: "QUICK_REPLY", text: "" });
+    }
+    async function z() {
+      if (!(x.value || !m.canManage || p.value && !p.value.editable)) {
+        x.value = !0, T.value = "";
+        try {
+          const _ = { ...f.value, bodyExamples: C.value.map((E) => A.value[E] || "") };
+          if (!(p.value ? await S.patch(`/templates/${encodeURIComponent(p.value.id)}`, { body: _ }) : await S.post("/templates", { body: _ })).success) throw new Error("Mutation unsuccessful");
+          we.success("Template submitted to Meta"), M("saved"), M("update:open", !1);
+        } catch (_) {
+          T.value = te(_, "The template could not be submitted. Review the fields and try again.");
+        } finally {
+          x.value = !1;
+        }
+      }
+    }
+    function q(_) {
+      x.value || M("update:open", _);
+    }
+    return (_, a) => {
+      const E = i("ResponsiveModalTitle"), R = i("ResponsiveModalDescription"), I = i("ResponsiveModalHeader"), G = i("AlertTitle"), se = i("AlertDescription"), Y = i("Alert"), H = i("Label"), D = i("Input"), X = i("SelectValue"), ae = i("SelectTrigger"), O = i("SelectItem"), le = i("SelectContent"), oe = i("Select"), ue = i("Textarea"), g = i("Button"), ce = i("ResponsiveModalFooter"), he = i("ResponsiveModalScrollContent"), ke = i("ResponsiveModal");
+      return o(), V(ke, {
+        open: $.open,
+        "onUpdate:open": q
+      }, {
+        default: s(() => [
+          t(he, { class: "sm:max-w-4xl" }, {
+            default: s(() => [
+              t(I, null, {
+                default: s(() => [
+                  t(E, { class: "break-all" }, {
+                    default: s(() => [
+                      l(n(p.value ? p.value.name : "New message template"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  t(R, null, {
+                    default: s(() => [
+                      l(n(h.value ? "Submit a standard text template for Meta approval." : "Review this template and its current approval status."), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              u.value ? (o(), r("div", De, [
+                t(c(Z), { class: "size-4 animate-spin" }),
+                a[9] || (a[9] = l("Loading template…", -1))
+              ])) : (o(), r("form", {
+                key: 1,
+                class: "py-5",
+                onSubmit: be(z, ["prevent"])
+              }, [
+                T.value ? (o(), V(Y, {
+                  key: 0,
+                  variant: "destructive",
+                  class: "mb-5"
+                }, {
+                  default: s(() => [
+                    t(c(ee)),
+                    t(G, null, {
+                      default: s(() => [...a[10] || (a[10] = [
+                        l("Template unavailable", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t(se, null, {
+                      default: s(() => [
+                        l(n(T.value), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : k("", !0),
+                e("div", ze, [
+                  h.value ? (o(), r("div", He, [
+                    e("div", Oe, [
+                      t(H, { for: "wa-template-name" }, {
+                        default: s(() => [...a[11] || (a[11] = [
+                          l("Name", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, {
+                        id: "wa-template-name",
+                        modelValue: f.value.name,
+                        "onUpdate:modelValue": a[0] || (a[0] = (b) => f.value.name = b),
+                        pattern: "[a-z0-9_]+",
+                        maxlength: "512",
+                        placeholder: "appointment_reminder",
+                        disabled: !!p.value || x.value,
+                        required: ""
+                      }, null, 8, ["modelValue", "disabled"]),
+                      a[12] || (a[12] = e("p", { class: "text-xs text-muted-foreground" }, "Lowercase letters, numbers, and underscores. Existing names cannot change.", -1))
+                    ]),
+                    e("div", je, [
+                      e("div", qe, [
+                        t(H, { for: "wa-template-language" }, {
+                          default: s(() => [...a[13] || (a[13] = [
+                            l("Language code", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(D, {
+                          id: "wa-template-language",
+                          modelValue: f.value.language,
+                          "onUpdate:modelValue": a[1] || (a[1] = (b) => f.value.language = b),
+                          placeholder: "en_US",
+                          disabled: !!p.value || x.value,
+                          required: ""
+                        }, null, 8, ["modelValue", "disabled"]),
+                        a[14] || (a[14] = e("p", { class: "text-xs text-muted-foreground" }, "Meta code, e.g. en_US, nl, fr.", -1))
+                      ]),
+                      e("div", Ye, [
+                        t(H, { for: "wa-template-category" }, {
+                          default: s(() => [...a[15] || (a[15] = [
+                            l("Category", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(oe, {
+                          modelValue: f.value.category,
+                          "onUpdate:modelValue": a[2] || (a[2] = (b) => f.value.category = b),
+                          disabled: !!p.value || x.value
+                        }, {
+                          default: s(() => [
+                            t(ae, { id: "wa-template-category" }, {
+                              default: s(() => [
+                                t(X)
+                              ]),
+                              _: 1
+                            }),
+                            t(le, null, {
+                              default: s(() => [
+                                t(O, { value: "UTILITY" }, {
+                                  default: s(() => [...a[16] || (a[16] = [
+                                    l("Utility", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(O, { value: "MARKETING" }, {
+                                  default: s(() => [...a[17] || (a[17] = [
+                                    l("Marketing", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "disabled"])
+                      ])
+                    ]),
+                    e("div", Fe, [
+                      t(H, { for: "wa-template-header" }, {
+                        default: s(() => [...a[18] || (a[18] = [
+                          l("Header ", -1),
+                          e("span", { class: "font-normal text-muted-foreground" }, "(optional)", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, {
+                        id: "wa-template-header",
+                        modelValue: f.value.headerText,
+                        "onUpdate:modelValue": a[3] || (a[3] = (b) => f.value.headerText = b),
+                        maxlength: "60",
+                        disabled: x.value
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    f.value.headerText?.includes("{{1}}") ? (o(), r("div", Qe, [
+                      t(H, { for: "wa-template-header-example" }, {
+                        default: s(() => [...a[19] || (a[19] = [
+                          l("Header variable example", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, {
+                        id: "wa-template-header-example",
+                        modelValue: f.value.headerExample,
+                        "onUpdate:modelValue": a[4] || (a[4] = (b) => f.value.headerExample = b),
+                        placeholder: "Example for {{1}}",
+                        disabled: x.value,
+                        required: ""
+                      }, null, 8, ["modelValue", "disabled"])
+                    ])) : k("", !0),
+                    e("div", We, [
+                      t(H, { for: "wa-template-body" }, {
+                        default: s(() => [...a[20] || (a[20] = [
+                          l("Message", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(ue, {
+                        id: "wa-template-body",
+                        modelValue: f.value.bodyText,
+                        "onUpdate:modelValue": a[5] || (a[5] = (b) => f.value.bodyText = b),
+                        rows: "6",
+                        maxlength: "1024",
+                        placeholder: "Hello {{1}}, your appointment is on {{2}}.",
+                        disabled: x.value,
+                        required: ""
+                      }, null, 8, ["modelValue", "disabled"]),
+                      a[21] || (a[21] = e("p", { class: "text-xs leading-5 text-muted-foreground" }, [
+                        l("Use numbered variables such as "),
+                        e("code", null, "{{1}}"),
+                        l(" and "),
+                        e("code", null, "{{2}}"),
+                        l(", in order. Provide sample values for Meta’s review.")
+                      ], -1))
+                    ]),
+                    C.value.length ? (o(), r("div", Ke, [
+                      (o(!0), r(j, null, Q(C.value, (b) => (o(), r("div", {
+                        key: b,
+                        class: "space-y-2"
+                      }, [
+                        t(H, {
+                          for: `wa-example-${b}`
+                        }, {
+                          default: s(() => [
+                            l(n(J(b)), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["for"]),
+                        t(D, {
+                          id: `wa-example-${b}`,
+                          modelValue: A.value[b],
+                          "onUpdate:modelValue": (N) => A.value[b] = N,
+                          disabled: x.value,
+                          required: ""
+                        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled"])
+                      ]))), 128)),
+                      a[22] || (a[22] = e("p", { class: "text-xs text-muted-foreground" }, "Use fictional examples rather than customer details.", -1))
+                    ])) : k("", !0),
+                    e("div", Je, [
+                      t(H, { for: "wa-template-footer" }, {
+                        default: s(() => [...a[23] || (a[23] = [
+                          l("Footer ", -1),
+                          e("span", { class: "font-normal text-muted-foreground" }, "(optional)", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, {
+                        id: "wa-template-footer",
+                        modelValue: f.value.footerText,
+                        "onUpdate:modelValue": a[6] || (a[6] = (b) => f.value.footerText = b),
+                        maxlength: "60",
+                        disabled: x.value
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    e("div", Ge, [
+                      e("div", Xe, [
+                        a[25] || (a[25] = e("h3", { class: "text-sm font-medium" }, [
+                          l("Buttons "),
+                          e("span", { class: "font-normal text-muted-foreground" }, "(optional)")
+                        ], -1)),
+                        t(g, {
+                          type: "button",
+                          variant: "outline",
+                          size: "sm",
+                          disabled: !y.value,
+                          onClick: v
+                        }, {
+                          default: s(() => [
+                            t(c(_e), { class: "size-3.5" }),
+                            a[24] || (a[24] = l("Add", -1))
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ]),
+                      e("p", Ze, n(p.value ? "Existing button types and positions are preserved for your automations. Create a new template to change the button structure." : "Up to three quick replies, or one website and one phone button."), 1),
+                      (o(!0), r(j, null, Q(f.value.buttons, (b, N) => (o(), r("div", {
+                        key: N,
+                        class: "space-y-3 rounded-lg border p-3"
+                      }, [
+                        e("div", et, [
+                          t(oe, {
+                            "model-value": b.type,
+                            disabled: !!p.value || x.value,
+                            "onUpdate:modelValue": (F) => K(N, F)
+                          }, {
+                            default: s(() => [
+                              t(ae, {
+                                "aria-label": `Button ${N + 1} type`
+                              }, {
+                                default: s(() => [
+                                  t(X)
+                                ]),
+                                _: 1
+                              }, 8, ["aria-label"]),
+                              t(le, null, {
+                                default: s(() => [
+                                  t(O, {
+                                    value: "QUICK_REPLY",
+                                    disabled: !U(N, "QUICK_REPLY")
+                                  }, {
+                                    default: s(() => [...a[26] || (a[26] = [
+                                      l("Quick reply", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["disabled"]),
+                                  t(O, {
+                                    value: "URL",
+                                    disabled: !U(N, "URL")
+                                  }, {
+                                    default: s(() => [...a[27] || (a[27] = [
+                                      l("Website", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["disabled"]),
+                                  t(O, {
+                                    value: "PHONE_NUMBER",
+                                    disabled: !U(N, "PHONE_NUMBER")
+                                  }, {
+                                    default: s(() => [...a[28] || (a[28] = [
+                                      l("Phone number", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["disabled"])
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1032, ["model-value", "disabled", "onUpdate:modelValue"]),
+                          t(g, {
+                            type: "button",
+                            variant: "ghost",
+                            size: "icon",
+                            class: "shrink-0",
+                            "aria-label": `Remove button ${N + 1}`,
+                            disabled: !!p.value || x.value,
+                            onClick: (F) => f.value.buttons?.splice(N, 1)
+                          }, {
+                            default: s(() => [
+                              t(c(Me), { class: "size-4" })
+                            ]),
+                            _: 1
+                          }, 8, ["aria-label", "disabled", "onClick"])
+                        ]),
+                        e("div", tt, [
+                          t(H, {
+                            for: `wa-button-${N}`
+                          }, {
+                            default: s(() => [...a[29] || (a[29] = [
+                              l("Button text", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["for"]),
+                          t(D, {
+                            id: `wa-button-${N}`,
+                            modelValue: b.text,
+                            "onUpdate:modelValue": (F) => b.text = F,
+                            maxlength: "25",
+                            disabled: x.value,
+                            required: ""
+                          }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled"])
+                        ]),
+                        b.type === "URL" ? (o(), r("div", st, [
+                          t(H, {
+                            for: `wa-button-url-${N}`
+                          }, {
+                            default: s(() => [...a[30] || (a[30] = [
+                              l("Website URL", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["for"]),
+                          t(D, {
+                            id: `wa-button-url-${N}`,
+                            modelValue: b.url,
+                            "onUpdate:modelValue": (F) => b.url = F,
+                            type: "url",
+                            placeholder: "https://example.com",
+                            disabled: x.value,
+                            required: ""
+                          }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled"]),
+                          a[31] || (a[31] = e("p", { class: "text-xs text-muted-foreground" }, "Use a fixed HTTPS URL without variables.", -1))
+                        ])) : k("", !0),
+                        b.type === "PHONE_NUMBER" ? (o(), r("div", at, [
+                          t(H, {
+                            for: `wa-button-phone-${N}`
+                          }, {
+                            default: s(() => [...a[32] || (a[32] = [
+                              l("Phone number", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["for"]),
+                          t(D, {
+                            id: `wa-button-phone-${N}`,
+                            modelValue: b.phoneNumber,
+                            "onUpdate:modelValue": (F) => b.phoneNumber = F,
+                            type: "tel",
+                            placeholder: "+32470000000",
+                            disabled: x.value,
+                            required: ""
+                          }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "disabled"])
+                        ])) : k("", !0)
+                      ]))), 128))
+                    ])
+                  ])) : p.value ? (o(), r("div", lt, [
+                    e("dl", ot, [
+                      e("div", null, [
+                        a[33] || (a[33] = e("dt", { class: "text-muted-foreground" }, "Status", -1)),
+                        e("dd", nt, n(c(L)(p.value.status)), 1)
+                      ]),
+                      e("div", null, [
+                        a[34] || (a[34] = e("dt", { class: "text-muted-foreground" }, "Category", -1)),
+                        e("dd", dt, n(c(L)(p.value.category)), 1)
+                      ]),
+                      e("div", null, [
+                        a[35] || (a[35] = e("dt", { class: "text-muted-foreground" }, "Language", -1)),
+                        e("dd", ut, n(p.value.language), 1)
+                      ]),
+                      e("div", null, [
+                        a[36] || (a[36] = e("dt", { class: "text-muted-foreground" }, "Quality", -1)),
+                        e("dd", it, n(c(L)(p.value.quality)), 1)
+                      ])
+                    ]),
+                    p.value.rejectionReason ? (o(), V(Y, {
+                      key: 0,
+                      variant: "destructive"
+                    }, {
+                      default: s(() => [
+                        t(c(ee)),
+                        t(G, null, {
+                          default: s(() => [...a[37] || (a[37] = [
+                            l("Meta review feedback", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(se, null, {
+                          default: s(() => [
+                            l(n(p.value.rejectionReason), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })) : k("", !0),
+                    p.value.editable ? k("", !0) : (o(), r("p", rt, n(p.value.editReason || "This template uses a format that must be managed in Meta."), 1)),
+                    $.canManage && p.value.editable && p.value.draft && !T.value ? (o(), V(g, {
+                      key: 2,
+                      type: "button",
+                      variant: "outline",
+                      onClick: a[7] || (a[7] = (b) => h.value = !0)
+                    }, {
+                      default: s(() => [
+                        t(c(Ce), { class: "size-4" }),
+                        a[38] || (a[38] = l("Edit template", -1))
+                      ]),
+                      _: 1
+                    })) : k("", !0),
+                    e("a", mt, [
+                      a[39] || (a[39] = l("Open Meta template manager", -1)),
+                      t(c(Ae), { class: "size-3.5" })
+                    ])
+                  ])) : k("", !0),
+                  e("aside", pt, [
+                    a[40] || (a[40] = e("h3", { class: "mb-3 text-xs font-medium uppercase tracking-wide text-muted-foreground" }, "Message preview", -1)),
+                    e("div", ct, [
+                      (o(!0), r(j, null, Q(P.value, (b, N) => (o(), r(j, { key: N }, [
+                        b.type === "HEADER" && b.text ? (o(), r("p", vt, n(b.text), 1)) : b.type === "BODY" ? (o(), r("p", ft, n(b.text), 1)) : b.type === "FOOTER" ? (o(), r("p", gt, n(b.text), 1)) : b.type === "BUTTONS" ? (o(), r("div", bt, [
+                          (o(!0), r(j, null, Q(b.buttons, (F, Te) => (o(), r("p", {
+                            key: Te,
+                            class: "break-words border-b px-4 py-3 text-center text-sm last:border-0"
+                          }, n(F.text || "Button text"), 1))), 128))
+                        ])) : (o(), r("div", xt, n(c(L)(b.format || b.type)) + " component · preview unavailable", 1))
+                      ], 64))), 128))
+                    ]),
+                    a[41] || (a[41] = e("p", { class: "mt-3 text-xs leading-5 text-muted-foreground" }, "Preview only. Variables are filled by your sending application.", -1))
+                  ])
+                ]),
+                h.value ? (o(), r("p", _t, n(p.value ? "Edits are sent to Meta and may affect existing Firebase automations. Keep the same variables and their meaning. Create a new template if its parameters need to change." : "Meta decides approval and may update the category. This template becomes usable after approval."), 1)) : k("", !0),
+                t(ce, { class: "mt-5 gap-2" }, {
+                  default: s(() => [
+                    t(g, {
+                      type: "button",
+                      variant: "outline",
+                      disabled: x.value,
+                      onClick: a[8] || (a[8] = (b) => q(!1))
+                    }, {
+                      default: s(() => [
+                        l(n(h.value ? "Cancel" : "Close"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    h.value && $.canManage ? (o(), V(g, {
+                      key: 0,
+                      type: "submit",
+                      disabled: x.value || !f.value.name.trim() || !f.value.bodyText.trim()
+                    }, {
+                      default: s(() => [
+                        x.value ? (o(), V(c(Z), {
+                          key: 0,
+                          class: "size-4 animate-spin"
+                        })) : k("", !0),
+                        l(n(x.value ? "Submitting…" : "Submit to Meta"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])) : k("", !0)
+                  ]),
+                  _: 1
+                })
+              ], 32))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), wt = { class: "min-w-0" }, ht = { class: "flex flex-wrap items-start justify-between gap-4" }, kt = { class: "space-y-2" }, Tt = { class: "space-y-2" }, $t = {
+  key: 0,
+  role: "status",
+  class: "mt-6 flex items-center justify-center gap-2 rounded-xl border py-20 text-sm text-muted-foreground"
+}, Mt = {
+  key: 2,
+  class: "mt-6 rounded-xl border border-dashed px-6 py-16 text-center"
+}, Ct = { class: "mt-3 font-medium" }, At = { class: "mx-auto mt-2 max-w-md text-sm leading-6 text-muted-foreground" }, St = {
+  key: 3,
+  class: "mt-6 overflow-hidden rounded-xl border"
+}, Rt = ["onClick"], Vt = ["title"], Ut = { class: "mt-1 block truncate text-xs text-muted-foreground sm:hidden" }, Et = { class: "mt-1 hidden text-xs text-muted-foreground sm:block md:hidden" }, Nt = {
+  key: 4,
+  class: "mt-4 flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground"
+}, Lt = { class: "flex gap-2" }, Bt = /* @__PURE__ */ ie({
+  __name: "TemplatesPanel",
+  props: {
+    canManage: { type: Boolean }
+  },
+  setup($) {
+    const B = re(), m = w([]), M = w(!1), S = w(""), p = w(""), h = w("ALL"), u = w(""), x = w("ALL"), T = w(null), f = w(null), C = w([]), A = w(!1), y = w(null);
+    async function P(U = T.value) {
+      if (M.value) return !1;
+      M.value = !0, S.value = "";
+      try {
+        const v = {};
+        U && (v.after = U), u.value && (v.search = u.value), x.value !== "ALL" && (v.status = x.value);
+        const z = await B.get("/templates", { query: v });
+        return m.value = z.templates, f.value = z.nextCursor, T.value = U, !0;
+      } catch (v) {
+        return m.value = [], S.value = te(v, "Templates could not be loaded from Meta."), !1;
+      } finally {
+        M.value = !1;
+      }
+    }
+    async function d() {
+      M.value || (u.value = p.value.trim(), x.value = h.value, C.value = [], T.value = null, await P(null));
+    }
+    async function J() {
+      if (!f.value || M.value) return;
+      const U = T.value;
+      await P(f.value) && C.value.push(U);
+    }
+    async function W() {
+      !C.value.length || M.value || await P(C.value[C.value.length - 1]) && C.value.pop();
+    }
+    function K(U) {
+      y.value = U, A.value = !0;
+    }
+    return me(() => P(null)), (U, v) => {
+      const z = i("Button"), q = i("Label"), _ = i("Input"), a = i("SelectValue"), E = i("SelectTrigger"), R = i("SelectItem"), I = i("SelectContent"), G = i("Select"), se = i("AlertTitle"), Y = i("AlertDescription"), H = i("Alert"), D = i("TableHead"), X = i("TableRow"), ae = i("TableHeader"), O = i("TableCell"), le = i("Badge"), oe = i("TableBody"), ue = i("Table");
+      return o(), r("section", wt, [
+        e("div", ht, [
+          v[7] || (v[7] = e("div", null, [
+            e("h2", { class: "text-lg font-semibold" }, "Message templates"),
+            e("p", { class: "mt-1 text-sm leading-6 text-muted-foreground" }, "Templates are shared by all numbers in this business account. Changes are submitted to Meta for review.")
+          ], -1)),
+          $.canManage ? (o(), V(z, {
+            key: 0,
+            class: "shrink-0",
+            onClick: v[0] || (v[0] = (g) => K(null))
+          }, {
+            default: s(() => [
+              t(c(_e), { class: "size-4" }),
+              v[6] || (v[6] = l("New template", -1))
+            ]),
+            _: 1
+          })) : k("", !0)
+        ]),
+        e("form", {
+          class: "mt-5 grid items-end gap-3 sm:grid-cols-[minmax(0,1fr)_11rem_auto]",
+          onSubmit: be(d, ["prevent"])
+        }, [
+          e("div", kt, [
+            t(q, { for: "wa-template-search" }, {
+              default: s(() => [...v[8] || (v[8] = [
+                l("Search templates", -1)
+              ])]),
+              _: 1
+            }),
+            t(_, {
+              id: "wa-template-search",
+              modelValue: p.value,
+              "onUpdate:modelValue": v[1] || (v[1] = (g) => p.value = g),
+              type: "search",
+              placeholder: "Search name or message",
+              disabled: M.value
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          e("div", Tt, [
+            t(q, { for: "wa-template-status" }, {
+              default: s(() => [...v[9] || (v[9] = [
+                l("Status", -1)
+              ])]),
+              _: 1
+            }),
+            t(G, {
+              modelValue: h.value,
+              "onUpdate:modelValue": v[2] || (v[2] = (g) => h.value = g),
+              disabled: M.value
+            }, {
+              default: s(() => [
+                t(E, { id: "wa-template-status" }, {
+                  default: s(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(I, null, {
+                  default: s(() => [
+                    t(R, { value: "ALL" }, {
+                      default: s(() => [...v[10] || (v[10] = [
+                        l("All statuses", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    (o(), r(j, null, Q(["APPROVED", "PENDING", "REJECTED", "PAUSED", "DISABLED", "IN_APPEAL"], (g) => t(R, {
+                      key: g,
+                      value: g
+                    }, {
+                      default: s(() => [
+                        l(n(c(L)(g)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])), 64))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "disabled"])
+          ]),
+          t(z, {
+            type: "submit",
+            variant: "outline",
+            disabled: M.value
+          }, {
+            default: s(() => [
+              t(c(Se), { class: "size-4" }),
+              v[11] || (v[11] = l("Search", -1))
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ], 32),
+        M.value ? (o(), r("div", $t, [
+          t(c(Z), { class: "size-4 animate-spin" }),
+          v[12] || (v[12] = l("Loading templates…", -1))
+        ])) : S.value ? (o(), V(H, {
+          key: 1,
+          variant: "destructive",
+          class: "mt-6"
+        }, {
+          default: s(() => [
+            t(c(ee)),
+            t(se, null, {
+              default: s(() => [...v[13] || (v[13] = [
+                l("Templates unavailable", -1)
+              ])]),
+              _: 1
+            }),
+            t(Y, { class: "space-y-3" }, {
+              default: s(() => [
+                e("p", null, n(S.value), 1),
+                t(z, {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: v[3] || (v[3] = (g) => P())
+                }, {
+                  default: s(() => [...v[14] || (v[14] = [
+                    l("Try again", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : m.value.length ? (o(), r("div", St, [
+          t(ue, { class: "table-fixed" }, {
+            default: s(() => [
+              t(ae, null, {
+                default: s(() => [
+                  t(X, null, {
+                    default: s(() => [
+                      t(D, null, {
+                        default: s(() => [...v[15] || (v[15] = [
+                          l("Template", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, { class: "hidden w-36 sm:table-cell" }, {
+                        default: s(() => [...v[16] || (v[16] = [
+                          l("Category", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, { class: "hidden w-24 md:table-cell" }, {
+                        default: s(() => [...v[17] || (v[17] = [
+                          l("Language", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, { class: "w-28" }, {
+                        default: s(() => [...v[18] || (v[18] = [
+                          l("Status", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(D, { class: "hidden w-32 lg:table-cell" }, {
+                        default: s(() => [...v[19] || (v[19] = [
+                          l("Quality", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              t(oe, null, {
+                default: s(() => [
+                  (o(!0), r(j, null, Q(m.value, (g) => (o(), V(X, {
+                    key: g.id
+                  }, {
+                    default: s(() => [
+                      t(O, null, {
+                        default: s(() => [
+                          e("button", {
+                            type: "button",
+                            class: "w-full rounded text-left outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                            onClick: (ce) => K(g)
+                          }, [
+                            e("span", {
+                              class: "block truncate font-medium underline-offset-4 hover:underline",
+                              title: g.name
+                            }, n(g.name), 9, Vt),
+                            e("span", Ut, n(c(L)(g.category)) + " · " + n(g.language), 1),
+                            e("span", Et, n(g.language), 1)
+                          ], 8, Rt)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      t(O, { class: "hidden sm:table-cell" }, {
+                        default: s(() => [
+                          l(n(c(L)(g.category)), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      t(O, { class: "hidden md:table-cell" }, {
+                        default: s(() => [
+                          l(n(g.language), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      t(O, null, {
+                        default: s(() => [
+                          t(le, {
+                            variant: "outline",
+                            class: xe(["max-w-full whitespace-normal break-words", g.status === "APPROVED" ? "text-emerald-700 dark:text-emerald-300" : g.status === "REJECTED" ? "text-destructive" : ""])
+                          }, {
+                            default: s(() => [
+                              l(n(c(L)(g.status)), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["class"])
+                        ]),
+                        _: 2
+                      }, 1024),
+                      t(O, { class: "hidden lg:table-cell text-muted-foreground" }, {
+                        default: s(() => [
+                          l(n(c(L)(g.quality)), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])) : (o(), r("div", Mt, [
+          t(c(ye), { class: "mx-auto size-7 text-muted-foreground" }),
+          e("h3", Ct, n(u.value || x.value !== "ALL" ? "No matching templates" : "No message templates yet"), 1),
+          e("p", At, n(u.value || x.value !== "ALL" ? "Try a different search or choose another status." : "Create your first text template here, or manage more advanced formats in Meta."), 1)
+        ])),
+        !S.value && (m.value.length || C.value.length) ? (o(), r("div", Nt, [
+          e("p", null, "Page " + n(C.value.length + 1) + " · " + n(m.value.length) + " templates", 1),
+          e("div", Lt, [
+            t(z, {
+              variant: "outline",
+              size: "sm",
+              disabled: !C.value.length || M.value,
+              onClick: W
+            }, {
+              default: s(() => [
+                t(c(Re), { class: "size-4" }),
+                v[20] || (v[20] = l("Previous", -1))
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            t(z, {
+              variant: "outline",
+              size: "sm",
+              disabled: !f.value || M.value,
+              onClick: J
+            }, {
+              default: s(() => [
+                v[21] || (v[21] = l("Next", -1)),
+                t(c(Ve), { class: "size-4" })
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ])) : k("", !0),
+        t(yt, {
+          open: A.value,
+          template: y.value,
+          "can-manage": $.canManage,
+          "onUpdate:open": v[4] || (v[4] = (g) => A.value = g),
+          onSaved: v[5] || (v[5] = (g) => P())
+        }, null, 8, ["open", "template", "can-manage"])
+      ]);
+    };
+  }
+}), Pt = { class: "min-w-0 space-y-6" }, It = { class: "flex flex-wrap items-start justify-between gap-4" }, Dt = { class: "w-40 space-y-2" }, zt = {
+  key: 0,
+  role: "status",
+  class: "flex items-center justify-center gap-2 rounded-xl border py-20 text-sm text-muted-foreground"
+}, Ht = { class: "space-y-4" }, Ot = { class: "mt-1 text-sm text-muted-foreground" }, jt = {
+  key: 0,
+  class: "grid gap-4 sm:grid-cols-2"
+}, qt = { class: "rounded-xl border p-5" }, Yt = { class: "flex items-center justify-between gap-3 text-sm text-muted-foreground" }, Ft = { class: "mt-3 text-3xl font-semibold tracking-tight" }, Qt = { class: "rounded-xl border p-5" }, Wt = { class: "flex items-center justify-between gap-3 text-sm text-muted-foreground" }, Kt = { class: "mt-3 text-3xl font-semibold tracking-tight" }, Jt = {
+  key: 1,
+  class: "rounded-xl border border-dashed p-5"
+}, Gt = { class: "font-medium" }, Xt = { class: "mt-1 text-sm leading-6 text-muted-foreground" }, Zt = {
+  key: 2,
+  class: "text-sm text-muted-foreground"
+}, es = { class: "space-y-4 border-t pt-6" }, ts = { class: "flex flex-wrap items-start justify-between gap-3" }, ss = {
+  key: 0,
+  class: "flex flex-wrap items-center justify-between gap-4 rounded-xl border p-5"
+}, as = {
+  key: 1,
+  class: "rounded-xl border border-dashed p-6"
+}, ls = { class: "mt-1 text-sm leading-6 text-muted-foreground" }, os = {
+  key: 2,
+  class: "rounded-xl border border-dashed p-8 text-center"
+}, ns = { class: "mt-1 text-sm leading-6 text-muted-foreground" }, ds = {
+  key: 3,
+  class: "overflow-hidden rounded-xl border"
+}, us = ["title"], is = { class: "mt-1 text-xs text-muted-foreground" }, rs = {
+  key: 4,
+  class: "text-sm text-muted-foreground"
+}, ms = /* @__PURE__ */ ie({
+  __name: "InsightsPanel",
+  props: {
+    canManage: { type: Boolean }
+  },
+  setup($) {
+    const B = re(), { config: m } = Be(), M = String(c(m)?.defaultDays || "30"), S = w(["7", "30", "90"].includes(M) ? M : "30"), p = w(null), h = w(!1), u = w(""), x = w(!1), T = w(!1), f = w("");
+    let C = 0;
+    async function A() {
+      const P = ++C;
+      h.value = !0, u.value = "";
+      try {
+        const d = await B.get("/insights", { query: { days: Number(S.value) } });
+        P === C && (p.value = d);
+      } catch (d) {
+        P === C && (u.value = te(d, "Insights could not be loaded from Meta."));
+      } finally {
+        P === C && (h.value = !1);
+      }
+    }
+    async function y() {
+      if (!T.value) {
+        T.value = !0, f.value = "";
+        try {
+          await B.post("/insights/enable", { body: { confirm: !0 } }), x.value = !1, we.success("Template insights enabled"), await A();
+        } catch (P) {
+          f.value = te(P, "Template insights could not be enabled.");
+        } finally {
+          T.value = !1;
+        }
+      }
+    }
+    return ge(S, A), me(A), $e(() => {
+      C++;
+    }), (P, d) => {
+      const J = i("Label"), W = i("SelectValue"), K = i("SelectTrigger"), U = i("SelectItem"), v = i("SelectContent"), z = i("Select"), q = i("AlertTitle"), _ = i("Button"), a = i("AlertDescription"), E = i("Alert"), R = i("Badge"), I = i("TableHead"), G = i("TableRow"), se = i("TableHeader"), Y = i("TableCell"), H = i("TableBody"), D = i("Table"), X = i("ResponsiveModalTitle"), ae = i("ResponsiveModalDescription"), O = i("ResponsiveModalHeader"), le = i("ResponsiveModalFooter"), oe = i("ResponsiveModalScrollContent"), ue = i("ResponsiveModal");
+      return o(), r("section", Pt, [
+        e("div", It, [
+          d[8] || (d[8] = e("div", null, [
+            e("h2", { class: "text-lg font-semibold" }, "Messaging insights"),
+            e("p", { class: "mt-1 text-sm leading-6 text-muted-foreground" }, "Aggregated activity reported by Meta. Recent results may take time to appear.")
+          ], -1)),
+          e("div", Dt, [
+            t(J, {
+              for: "wa-insights-period",
+              class: "sr-only"
+            }, {
+              default: s(() => [...d[4] || (d[4] = [
+                l("Insights period", -1)
+              ])]),
+              _: 1
+            }),
+            t(z, {
+              modelValue: S.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (g) => S.value = g)
+            }, {
+              default: s(() => [
+                t(K, { id: "wa-insights-period" }, {
+                  default: s(() => [
+                    t(W)
+                  ]),
+                  _: 1
+                }),
+                t(v, null, {
+                  default: s(() => [
+                    t(U, { value: "7" }, {
+                      default: s(() => [...d[5] || (d[5] = [
+                        l("Last 7 days", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t(U, { value: "30" }, {
+                      default: s(() => [...d[6] || (d[6] = [
+                        l("Last 30 days", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t(U, { value: "90" }, {
+                      default: s(() => [...d[7] || (d[7] = [
+                        l("Last 90 days", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        h.value ? (o(), r("div", zt, [
+          t(c(Z), { class: "size-4 animate-spin" }),
+          d[9] || (d[9] = l("Loading insights…", -1))
+        ])) : u.value ? (o(), V(E, {
+          key: 1,
+          variant: "destructive"
+        }, {
+          default: s(() => [
+            t(c(ee)),
+            t(q, null, {
+              default: s(() => [...d[10] || (d[10] = [
+                l("Insights unavailable", -1)
+              ])]),
+              _: 1
+            }),
+            t(a, { class: "space-y-3" }, {
+              default: s(() => [
+                e("p", null, n(u.value), 1),
+                t(_, {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: A
+                }, {
+                  default: s(() => [...d[11] || (d[11] = [
+                    l("Try again", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : p.value ? (o(), r(j, { key: 2 }, [
+          e("section", Ht, [
+            e("div", null, [
+              d[12] || (d[12] = e("h3", { class: "font-medium" }, "Selected phone number", -1)),
+              e("p", Ot, n(p.value.phoneNumber) + " · " + n(c(fe)(p.value.start, "UTC")) + " – " + n(c(fe)(p.value.end - 1, "UTC")) + " · UTC", 1)
+            ]),
+            p.value.messages.state !== "unavailable" && p.value.messages.data ? (o(), r("div", jt, [
+              e("div", qt, [
+                e("p", Yt, [
+                  d[13] || (d[13] = l("Messages sent", -1)),
+                  t(c(Ue), { class: "size-4" })
+                ]),
+                e("p", Ft, n(c(ne)(p.value.messages.data.sent)), 1)
+              ]),
+              e("div", Qt, [
+                e("p", Wt, [
+                  d[14] || (d[14] = l("Messages delivered", -1)),
+                  t(c(Ee), { class: "size-4" })
+                ]),
+                e("p", Kt, n(c(ne)(p.value.messages.data.delivered)), 1)
+              ])
+            ])) : (o(), r("div", Jt, [
+              e("p", Gt, "Message volume " + n(p.value.messages.state === "empty" ? "has no data" : "unavailable"), 1),
+              e("p", Xt, n(p.value.messages.reason || "Meta has not returned message volume for this phone and period."), 1)
+            ])),
+            p.value.messages.state === "empty" && p.value.messages.data ? (o(), r("p", Zt, n(p.value.messages.reason || "No message activity was reported for this period."), 1)) : k("", !0)
+          ]),
+          e("section", es, [
+            e("div", ts, [
+              d[16] || (d[16] = e("div", null, [
+                e("h3", { class: "font-medium" }, "Template performance"),
+                e("p", { class: "mt-1 text-sm leading-6 text-muted-foreground" }, "Across all phone numbers in this WhatsApp Business account.")
+              ], -1)),
+              t(R, { variant: "outline" }, {
+                default: s(() => [...d[15] || (d[15] = [
+                  l("Account-wide", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            p.value.enabled !== !0 && p.value.canEnable && $.canManage ? (o(), r("div", ss, [
+              d[18] || (d[18] = e("div", { class: "max-w-xl" }, [
+                e("p", { class: "font-medium" }, "Enable template insights"),
+                e("p", { class: "mt-1 text-sm leading-6 text-muted-foreground" }, "Meta requires an account-level opt-in before sharing template performance. This setting cannot be reversed.")
+              ], -1)),
+              t(_, {
+                variant: "outline",
+                onClick: d[1] || (d[1] = (g) => x.value = !0)
+              }, {
+                default: s(() => [...d[17] || (d[17] = [
+                  l("Review and enable", -1)
+                ])]),
+                _: 1
+              })
+            ])) : k("", !0),
+            p.value.templates.state === "unavailable" ? (o(), r("div", as, [
+              t(c(pe), { class: "size-5 text-muted-foreground" }),
+              d[19] || (d[19] = e("h4", { class: "mt-3 font-medium" }, "Template insights unavailable", -1)),
+              e("p", ls, n(p.value.templates.reason || "Meta has not made these metrics available for this account."), 1)
+            ])) : p.value.templates.data?.templates.length ? (o(), r("div", ds, [
+              t(D, null, {
+                default: s(() => [
+                  t(se, null, {
+                    default: s(() => [
+                      t(G, null, {
+                        default: s(() => [
+                          t(I, { class: "min-w-48" }, {
+                            default: s(() => [...d[21] || (d[21] = [
+                              l("Template", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(I, { class: "text-right" }, {
+                            default: s(() => [...d[22] || (d[22] = [
+                              l("Sent", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(I, { class: "text-right" }, {
+                            default: s(() => [...d[23] || (d[23] = [
+                              l("Delivered", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(I, { class: "text-right" }, {
+                            default: s(() => [...d[24] || (d[24] = [
+                              l("Read", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(I, { class: "text-right" }, {
+                            default: s(() => [...d[25] || (d[25] = [
+                              l("Clicks", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  t(H, null, {
+                    default: s(() => [
+                      (o(!0), r(j, null, Q(p.value.templates.data.templates, (g) => (o(), V(G, {
+                        key: g.id
+                      }, {
+                        default: s(() => [
+                          t(Y, null, {
+                            default: s(() => [
+                              e("p", {
+                                class: "max-w-72 truncate font-medium",
+                                title: g.name
+                              }, n(g.name), 9, us),
+                              e("p", is, n(g.language), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(Y, { class: "whitespace-nowrap text-right tabular-nums" }, {
+                            default: s(() => [
+                              l(n(c(ne)(g.sent)), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(Y, { class: "whitespace-nowrap text-right tabular-nums" }, {
+                            default: s(() => [
+                              l(n(c(ne)(g.delivered)), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(Y, { class: "whitespace-nowrap text-right tabular-nums" }, {
+                            default: s(() => [
+                              l(n(c(ne)(g.read)), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(Y, { class: "whitespace-nowrap text-right tabular-nums" }, {
+                            default: s(() => [
+                              l(n(c(ne)(g.clicked)), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])) : (o(), r("div", os, [
+              t(c(pe), { class: "mx-auto size-6 text-muted-foreground" }),
+              d[20] || (d[20] = e("h4", { class: "mt-3 font-medium" }, "No template performance for this period", -1)),
+              e("p", ns, n(p.value.templates.reason || "Metrics will appear when Meta reports activity for your templates."), 1)
+            ])),
+            p.value.templates.data?.truncated ? (o(), r("p", rs, "Meta returned a limited set of templates. These results do not represent every template in the account.")) : k("", !0),
+            d[26] || (d[26] = e("p", { class: "text-xs leading-5 text-muted-foreground" }, "“Not available” means Meta did not return that metric. Availability depends on template type, account eligibility, and Meta’s reporting rules.", -1))
+          ])
+        ], 64)) : k("", !0),
+        t(ue, {
+          open: x.value,
+          "onUpdate:open": d[3] || (d[3] = (g) => !T.value && (x.value = g))
+        }, {
+          default: s(() => [
+            t(oe, { class: "sm:max-w-lg" }, {
+              default: s(() => [
+                t(O, null, {
+                  default: s(() => [
+                    t(X, null, {
+                      default: s(() => [...d[27] || (d[27] = [
+                        l("Enable template insights for this account?", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t(ae, null, {
+                      default: s(() => [...d[28] || (d[28] = [
+                        l("This opts your entire WhatsApp Business account into Meta’s template performance reporting. Meta does not allow template insights to be disabled after activation.", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                f.value ? (o(), V(E, {
+                  key: 0,
+                  variant: "destructive",
+                  class: "mt-5"
+                }, {
+                  default: s(() => [
+                    t(c(ee)),
+                    t(q, null, {
+                      default: s(() => [...d[29] || (d[29] = [
+                        l("Could not enable insights", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    t(a, null, {
+                      default: s(() => [
+                        l(n(f.value), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : k("", !0),
+                t(le, { class: "mt-5 gap-2" }, {
+                  default: s(() => [
+                    t(_, {
+                      variant: "outline",
+                      disabled: T.value,
+                      onClick: d[2] || (d[2] = (g) => x.value = !1)
+                    }, {
+                      default: s(() => [...d[30] || (d[30] = [
+                        l("Cancel", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    t(_, {
+                      disabled: T.value,
+                      onClick: y
+                    }, {
+                      default: s(() => [
+                        T.value ? (o(), V(c(Z), {
+                          key: 0,
+                          class: "size-4 animate-spin"
+                        })) : k("", !0),
+                        d[31] || (d[31] = l("Enable account insights", -1))
+                      ]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ]);
+    };
+  }
+}), ps = { class: "space-y-5" }, cs = {
+  key: 0,
+  role: "status",
+  class: "flex items-center justify-center gap-2 rounded-xl border py-20 text-sm text-muted-foreground"
+}, vs = {
+  key: 2,
+  class: "grid gap-5 md:grid-cols-2"
+}, fs = { class: "min-w-0 rounded-xl border p-5" }, gs = {
+  key: 0,
+  class: "mt-4 space-y-4 text-sm"
+}, bs = { class: "mt-1 font-medium" }, xs = { class: "mt-1 break-words" }, _s = { class: "grid grid-cols-2 gap-4" }, ys = { class: "mt-1" }, ws = { class: "mt-1 break-words" }, hs = { class: "mt-1 break-all font-mono text-xs" }, ks = {
+  key: 1,
+  class: "mt-3 text-sm leading-6 text-muted-foreground"
+}, Ts = { class: "min-w-0 rounded-xl border p-5" }, $s = {
+  key: 0,
+  class: "mt-4 grid grid-cols-2 gap-4 text-sm"
+}, Ms = { class: "col-span-2" }, Cs = { class: "mt-1 break-words font-medium" }, As = { class: "mt-1 break-words" }, Ss = { class: "mt-1 break-words" }, Rs = { class: "mt-1 break-words" }, Vs = { class: "mt-1" }, Us = { class: "col-span-2" }, Es = { class: "mt-1 break-all font-mono text-xs" }, Ns = {
+  key: 1,
+  class: "mt-3 text-sm leading-6 text-muted-foreground"
+}, Ls = { class: "min-w-0 rounded-xl border p-5" }, Bs = { class: "mt-4 text-sm" }, Ps = { class: "mt-1 font-medium" }, Is = {
+  key: 0,
+  class: "mt-4 divide-y border-t text-sm"
+}, Ds = { class: "text-muted-foreground" }, zs = {
+  key: 1,
+  class: "mt-3 text-sm leading-6 text-muted-foreground"
+}, Hs = { class: "min-w-0 rounded-xl border p-5" }, Os = {
+  key: 0,
+  class: "mt-4 space-y-4 text-sm"
+}, js = { class: "mt-1 whitespace-pre-wrap break-words" }, qs = { key: 0 }, Ys = { class: "mt-1 whitespace-pre-wrap break-words" }, Fs = { class: "mt-1" }, Qs = { class: "mt-1 break-words" }, Ws = { class: "mt-1 whitespace-pre-wrap break-words" }, Ks = { key: 1 }, Js = {
+  key: 1,
+  class: "mt-3 text-sm leading-6 text-muted-foreground"
+}, Gs = /* @__PURE__ */ ie({
+  __name: "AccountPanel",
+  setup($) {
+    const B = re(), m = w(null), M = w(!1), S = w("");
+    async function p() {
+      M.value = !0, S.value = "";
+      try {
+        m.value = await B.get("/overview");
+      } catch (h) {
+        S.value = te(h, "Account details could not be loaded from Meta.");
+      } finally {
+        M.value = !1;
+      }
+    }
+    return me(p), (h, u) => {
+      const x = i("AlertTitle"), T = i("Button"), f = i("AlertDescription"), C = i("Alert");
+      return o(), r("section", ps, [
+        u[25] || (u[25] = e("div", null, [
+          e("h2", { class: "text-lg font-semibold" }, "Account and phone number"),
+          e("p", { class: "mt-1 text-sm leading-6 text-muted-foreground" }, "Current business information, quality, and sending availability reported by Meta.")
+        ], -1)),
+        M.value ? (o(), r("div", cs, [
+          t(c(Z), { class: "size-4 animate-spin" }),
+          u[0] || (u[0] = l("Loading account details…", -1))
+        ])) : S.value ? (o(), V(C, {
+          key: 1,
+          variant: "destructive"
+        }, {
+          default: s(() => [
+            t(c(ee)),
+            t(x, null, {
+              default: s(() => [...u[1] || (u[1] = [
+                l("Account unavailable", -1)
+              ])]),
+              _: 1
+            }),
+            t(f, { class: "space-y-3" }, {
+              default: s(() => [
+                e("p", null, n(S.value), 1),
+                t(T, {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: p
+                }, {
+                  default: s(() => [...u[2] || (u[2] = [
+                    l("Try again", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : m.value ? (o(), r("div", vs, [
+          e("section", fs, [
+            u[8] || (u[8] = e("h3", { class: "font-semibold" }, "Selected phone number", -1)),
+            m.value.phone.data ? (o(), r("dl", gs, [
+              e("div", null, [
+                u[3] || (u[3] = e("dt", { class: "text-muted-foreground" }, "Phone number", -1)),
+                e("dd", bs, n(m.value.phone.data.displayPhoneNumber || "Not available"), 1)
+              ]),
+              e("div", null, [
+                u[4] || (u[4] = e("dt", { class: "text-muted-foreground" }, "Verified name", -1)),
+                e("dd", xs, n(m.value.phone.data.verifiedName || "Not available"), 1)
+              ]),
+              e("div", _s, [
+                e("div", null, [
+                  u[5] || (u[5] = e("dt", { class: "text-muted-foreground" }, "Quality rating", -1)),
+                  e("dd", ys, n(c(L)(m.value.phone.data.qualityRating)), 1)
+                ]),
+                e("div", null, [
+                  u[6] || (u[6] = e("dt", { class: "text-muted-foreground" }, "Verification", -1)),
+                  e("dd", ws, n(c(L)(m.value.phone.data.verificationStatus)), 1)
+                ])
+              ]),
+              e("div", null, [
+                u[7] || (u[7] = e("dt", { class: "text-muted-foreground" }, "Phone number ID", -1)),
+                e("dd", hs, n(m.value.phone.data.id), 1)
+              ])
+            ])) : (o(), r("p", ks, n(m.value.phone.reason || "Phone details are not available."), 1))
+          ]),
+          e("section", Ts, [
+            u[15] || (u[15] = e("h3", { class: "font-semibold" }, "Business account", -1)),
+            m.value.account.data ? (o(), r("dl", $s, [
+              e("div", Ms, [
+                u[9] || (u[9] = e("dt", { class: "text-muted-foreground" }, "Name", -1)),
+                e("dd", Cs, n(m.value.account.data.name || "Not available"), 1)
+              ]),
+              e("div", null, [
+                u[10] || (u[10] = e("dt", { class: "text-muted-foreground" }, "Account status", -1)),
+                e("dd", As, n(c(L)(m.value.account.data.status)), 1)
+              ]),
+              e("div", null, [
+                u[11] || (u[11] = e("dt", { class: "text-muted-foreground" }, "Review status", -1)),
+                e("dd", Ss, n(c(L)(m.value.account.data.reviewStatus)), 1)
+              ]),
+              e("div", null, [
+                u[12] || (u[12] = e("dt", { class: "text-muted-foreground" }, "Business verification", -1)),
+                e("dd", Rs, n(c(L)(m.value.account.data.verificationStatus)), 1)
+              ]),
+              e("div", null, [
+                u[13] || (u[13] = e("dt", { class: "text-muted-foreground" }, "Currency", -1)),
+                e("dd", Vs, n(m.value.account.data.currency || "Not available"), 1)
+              ]),
+              e("div", Us, [
+                u[14] || (u[14] = e("dt", { class: "text-muted-foreground" }, "Account ID", -1)),
+                e("dd", Es, n(m.value.account.data.id), 1)
+              ])
+            ])) : (o(), r("p", Ns, n(m.value.account.reason || "Business account details are not available."), 1))
+          ]),
+          e("section", Ls, [
+            u[17] || (u[17] = e("h3", { class: "font-semibold" }, "Sending health", -1)),
+            m.value.health.data ? (o(), r(j, { key: 0 }, [
+              e("dl", Bs, [
+                u[16] || (u[16] = e("dt", { class: "text-muted-foreground" }, "Can send messages", -1)),
+                e("dd", Ps, n(c(L)(m.value.health.data.canSendMessage)), 1)
+              ]),
+              m.value.health.data.entities.length ? (o(), r("ul", Is, [
+                (o(!0), r(j, null, Q(m.value.health.data.entities, (A, y) => (o(), r("li", {
+                  key: `${A.id}-${y}`,
+                  class: "flex flex-wrap justify-between gap-2 py-3"
+                }, [
+                  e("span", Ds, n(c(L)(A.type)), 1),
+                  e("span", null, n(c(L)(A.canSendMessage)), 1)
+                ]))), 128))
+              ])) : k("", !0)
+            ], 64)) : (o(), r("p", zs, n(m.value.health.reason || "Meta has not returned sending health for this account."), 1))
+          ]),
+          e("section", Hs, [
+            u[24] || (u[24] = e("h3", { class: "font-semibold" }, "Business profile", -1)),
+            m.value.profile.data ? (o(), r("dl", Os, [
+              e("div", null, [
+                u[18] || (u[18] = e("dt", { class: "text-muted-foreground" }, "About", -1)),
+                e("dd", js, n(m.value.profile.data.about || "Not provided"), 1)
+              ]),
+              m.value.profile.data.description ? (o(), r("div", qs, [
+                u[19] || (u[19] = e("dt", { class: "text-muted-foreground" }, "Description", -1)),
+                e("dd", Ys, n(m.value.profile.data.description), 1)
+              ])) : k("", !0),
+              e("div", null, [
+                u[20] || (u[20] = e("dt", { class: "text-muted-foreground" }, "Industry", -1)),
+                e("dd", Fs, n(c(L)(m.value.profile.data.vertical)), 1)
+              ]),
+              e("div", null, [
+                u[21] || (u[21] = e("dt", { class: "text-muted-foreground" }, "Email", -1)),
+                e("dd", Qs, n(m.value.profile.data.email || "Not provided"), 1)
+              ]),
+              e("div", null, [
+                u[22] || (u[22] = e("dt", { class: "text-muted-foreground" }, "Address", -1)),
+                e("dd", Ws, n(m.value.profile.data.address || "Not provided"), 1)
+              ]),
+              m.value.profile.data.websites.length ? (o(), r("div", Ks, [
+                u[23] || (u[23] = e("dt", { class: "text-muted-foreground" }, "Websites", -1)),
+                (o(!0), r(j, null, Q(m.value.profile.data.websites, (A) => (o(), r("dd", {
+                  key: A,
+                  class: "mt-1 break-all"
+                }, n(A), 1))), 128))
+              ])) : k("", !0)
+            ])) : (o(), r("p", Js, n(m.value.profile.reason || "The business profile is not available."), 1))
+          ])
+        ])) : k("", !0)
+      ]);
+    };
+  }
+}), Xs = { class: "mx-auto flex w-full min-w-0 max-w-7xl flex-1 flex-col px-4 py-6 sm:px-6 sm:py-10 lg:px-8" }, Zs = { class: "flex flex-wrap items-start justify-between gap-4" }, ea = { class: "flex flex-wrap items-center gap-3" }, ta = {
+  key: 0,
+  class: "mt-1 text-sm font-medium"
+}, sa = { class: "ml-2 font-normal text-muted-foreground" }, aa = {
+  key: 0,
+  class: "mt-8 rounded-xl border border-dashed p-8 text-center"
+}, la = {
+  key: 2,
+  role: "status",
+  class: "flex items-center justify-center gap-2 py-24 text-sm text-muted-foreground"
+}, oa = {
+  key: 3,
+  class: "mt-8 rounded-xl border border-dashed p-8 text-center sm:p-12"
+}, ra = /* @__PURE__ */ ie({
+  __name: "Overview",
+  setup($) {
+    const B = re(), { hasPermission: m } = Pe();
+    Ie(() => []);
+    const M = de(() => m("view-whatsapp")), S = de(() => m("manage-whatsapp-templates")), p = de(() => m("manage-whatsapp-insights")), h = w(null), u = w(!1), x = w(""), T = w("templates"), f = w(0);
+    async function C() {
+      if (M.value) {
+        u.value = !0, x.value = "";
+        try {
+          h.value = await B.get("/connection"), f.value++;
+        } catch (A) {
+          x.value = te(A, "The WhatsApp connection could not be loaded.");
+        } finally {
+          u.value = !1;
+        }
+      }
+    }
+    return me(C), (A, y) => {
+      const P = i("Badge"), d = i("Button"), J = i("AlertTitle"), W = i("AlertDescription"), K = i("Alert"), U = i("TabsTrigger"), v = i("TabsList"), z = i("TabsContent"), q = i("Tabs");
+      return o(), r("main", Xs, [
+        e("header", Zs, [
+          e("div", null, [
+            e("div", ea, [
+              y[2] || (y[2] = e("h1", { class: "text-2xl font-semibold tracking-tight sm:text-3xl" }, "WhatsApp Business", -1)),
+              h.value?.connected ? (o(), V(P, {
+                key: 0,
+                variant: "outline",
+                class: "gap-1.5"
+              }, {
+                default: s(() => [...y[1] || (y[1] = [
+                  e("span", { class: "size-1.5 rounded-full bg-emerald-500" }, null, -1),
+                  l(" Connected ", -1)
+                ])]),
+                _: 1
+              })) : k("", !0)
+            ]),
+            y[3] || (y[3] = e("p", { class: "mt-2 text-sm leading-6 text-muted-foreground" }, " Manage your message templates and follow their performance. ", -1)),
+            h.value?.connected ? (o(), r("p", ta, [
+              l(n(h.value.verifiedName || "Connected business") + " ", 1),
+              e("span", sa, n(h.value.displayPhoneNumber), 1)
+            ])) : k("", !0)
+          ]),
+          M.value ? (o(), V(d, {
+            key: 0,
+            variant: "outline",
+            size: "sm",
+            disabled: u.value,
+            onClick: C
+          }, {
+            default: s(() => [
+              t(c(Ne), {
+                class: xe(["size-4", { "animate-spin": u.value }])
+              }, null, 8, ["class"]),
+              y[4] || (y[4] = l(" Refresh ", -1))
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : k("", !0)
+        ]),
+        M.value ? x.value ? (o(), V(K, {
+          key: 1,
+          variant: "destructive",
+          class: "mt-8"
+        }, {
+          default: s(() => [
+            t(c(ee)),
+            t(J, null, {
+              default: s(() => [...y[7] || (y[7] = [
+                l("Connection unavailable", -1)
+              ])]),
+              _: 1
+            }),
+            t(W, null, {
+              default: s(() => [
+                l(n(x.value), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : u.value && !h.value ? (o(), r("div", la, [
+          t(c(Z), { class: "size-4 animate-spin" }),
+          y[8] || (y[8] = l(" Loading your connection… ", -1))
+        ])) : h.value && !h.value.connected ? (o(), r("section", oa, [
+          t(c(ve), { class: "mx-auto size-7 text-muted-foreground" }),
+          y[9] || (y[9] = e("h2", { class: "mt-4 font-semibold" }, "Select your WhatsApp integration", -1)),
+          y[10] || (y[10] = e("p", { class: "mx-auto mt-2 max-w-lg text-sm leading-6 text-muted-foreground" }, " Add a WhatsApp Business account in your Studio project integrations, then select it in this module’s settings. A Studio administrator can set this up for you. ", -1))
+        ])) : h.value?.connected ? (o(), V(q, {
+          key: 4,
+          modelValue: T.value,
+          "onUpdate:modelValue": y[0] || (y[0] = (_) => T.value = _),
+          class: "mt-7 min-w-0"
+        }, {
+          default: s(() => [
+            t(v, { class: "mb-5 grid h-auto w-full grid-cols-3 sm:w-auto sm:self-start" }, {
+              default: s(() => [
+                t(U, {
+                  value: "templates",
+                  class: "gap-2 px-2 py-2 sm:px-4"
+                }, {
+                  default: s(() => [
+                    t(c(ye), { class: "hidden size-4 sm:block" }),
+                    y[11] || (y[11] = l("Templates", -1))
+                  ]),
+                  _: 1
+                }),
+                t(U, {
+                  value: "insights",
+                  class: "gap-2 px-2 py-2 sm:px-4"
+                }, {
+                  default: s(() => [
+                    t(c(pe), { class: "hidden size-4 sm:block" }),
+                    y[12] || (y[12] = l("Insights", -1))
+                  ]),
+                  _: 1
+                }),
+                t(U, {
+                  value: "account",
+                  class: "gap-2 px-2 py-2 sm:px-4"
+                }, {
+                  default: s(() => [
+                    t(c(ve), { class: "hidden size-4 sm:block" }),
+                    y[13] || (y[13] = l("Account", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            t(z, { value: "templates" }, {
+              default: s(() => [
+                h.value.connected && T.value === "templates" ? (o(), V(Bt, {
+                  key: f.value,
+                  "can-manage": S.value
+                }, null, 8, ["can-manage"])) : k("", !0)
+              ]),
+              _: 1
+            }),
+            t(z, { value: "insights" }, {
+              default: s(() => [
+                h.value.connected && T.value === "insights" ? (o(), V(ms, {
+                  key: f.value,
+                  "can-manage": p.value
+                }, null, 8, ["can-manage"])) : k("", !0)
+              ]),
+              _: 1
+            }),
+            t(z, { value: "account" }, {
+              default: s(() => [
+                h.value.connected && T.value === "account" ? (o(), V(Gs, { key: f.value })) : k("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])) : k("", !0) : (o(), r("section", aa, [
+          t(c(Le), { class: "mx-auto size-6 text-muted-foreground" }),
+          y[5] || (y[5] = e("h2", { class: "mt-3 font-medium" }, "You cannot view this WhatsApp account", -1)),
+          y[6] || (y[6] = e("p", { class: "mt-2 text-sm text-muted-foreground" }, "Ask a Studio administrator for the View WhatsApp permission.", -1))
+        ]))
+      ]);
+    };
+  }
+});
+export {
+  ra as default
+};