@quanticjs/notification-ui 8.0.0

package/dist/index.cjs

@@ -0,0 +1,4627 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ApiKeyManager: () => ApiKeyManager,
+  ApplicationRegistryPanel: () => ApplicationRegistryPanel,
+  BroadcastComposer: () => BroadcastComposer,
+  BroadcastList: () => BroadcastList,
+  BroadcastProgress: () => BroadcastProgress,
+  CatalogEditor: () => CatalogEditor,
+  DeliveryAnalyticsPage: () => DeliveryAnalyticsPage,
+  DeliveryLogExplorer: () => DeliveryLogExplorer,
+  DeliveryLogViewer: () => DeliveryLogViewer,
+  DlqConsole: () => DlqConsole,
+  FallbackReportPanel: () => FallbackReportPanel,
+  FrequencyCapTable: () => FrequencyCapTable,
+  FunnelStats: () => FunnelStats,
+  MissingTranslationsPanel: () => MissingTranslationsPanel,
+  NotificationBell: () => NotificationBell,
+  NotificationInbox: () => NotificationInbox,
+  NotificationPreferences: () => NotificationPreferences,
+  NotificationProvider: () => NotificationProvider,
+  NotificationRealtimeProvider: () => NotificationRealtimeProvider,
+  OperationsOverview: () => OperationsOverview,
+  QuietHoursForm: () => QuietHoursForm,
+  RecipientAdminPanel: () => RecipientAdminPanel,
+  SegmentBuilder: () => SegmentBuilder,
+  SegmentList: () => SegmentList,
+  SuppressionManager: () => SuppressionManager,
+  TemplateEditor: () => TemplateEditor,
+  TemplateList: () => TemplateList,
+  TemplatePreviewPane: () => TemplatePreviewPane,
+  TemplateStatusBadge: () => TemplateStatusBadge,
+  TemplateVersionHistory: () => TemplateVersionHistory,
+  TenantConfigForm: () => TenantConfigForm,
+  TrackingConfigForm: () => TrackingConfigForm,
+  TrendChart: () => TrendChart,
+  TypeTable: () => TypeTable,
+  WebhookEndpointManager: () => WebhookEndpointManager,
+  useBroadcasts: () => useBroadcasts,
+  useDeliveryAnalytics: () => useDeliveryAnalytics,
+  useDeliveryTypes: () => useDeliveryTypes,
+  useFunnelStats: () => useFunnelStats,
+  useNotificationConfig: () => useNotificationConfig,
+  useNotificationFeed: () => useNotificationFeed,
+  useRealtimeContext: () => useRealtimeContext,
+  useUnreadCount: () => useUnreadCount
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/notification-provider.tsx
+var import_react2 = require("react");
+
+// src/notification-realtime-provider.tsx
+var import_react = require("react");
+var import_react_query = require("@tanstack/react-query");
+var import_socket = require("socket.io-client");
+var import_jsx_runtime = require("react/jsx-runtime");
+var RealtimeContext = (0, import_react.createContext)({ socket: null, status: "disabled" });
+function NotificationRealtimeProvider({
+  serverUrl = "",
+  disabled = false,
+  appId,
+  children
+}) {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const [socket, setSocket] = (0, import_react.useState)(null);
+  const [status, setStatus] = (0, import_react.useState)(disabled ? "disabled" : "disconnected");
+  const invalidateTimers = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react.useEffect)(() => {
+    if (disabled) {
+      setStatus("disabled");
+      return;
+    }
+    const debounceInvalidate = (key) => {
+      const cacheKey = JSON.stringify(key);
+      if (invalidateTimers.current.has(cacheKey)) return;
+      void queryClient.invalidateQueries({ queryKey: key });
+      const timer = setTimeout(() => invalidateTimers.current.delete(cacheKey), 200);
+      invalidateTimers.current.set(cacheKey, timer);
+    };
+    const s = (0, import_socket.io)(`${serverUrl}/realtime`, {
+      withCredentials: true,
+      transports: ["websocket"],
+      reconnectionDelay: 1e3,
+      reconnectionDelayMax: 3e4,
+      randomizationFactor: 0.5
+    });
+    setSocket(s);
+    s.on("connect", () => {
+      setStatus("connected");
+      void queryClient.invalidateQueries({ queryKey: ["notifications"] });
+    });
+    s.on("notification:new", (payload) => {
+      const eventAppId = payload?.appId ?? null;
+      if (appId && eventAppId && eventAppId !== appId) return;
+      debounceInvalidate(["notifications"]);
+      debounceInvalidate(["notifications", "unread-count"]);
+    });
+    s.on("unread-count:changed", () => {
+      debounceInvalidate(["notifications", "unread-count"]);
+    });
+    s.io.on("reconnect_attempt", () => setStatus("reconnecting"));
+    s.on("disconnect", (reason) => {
+      if (reason === "io server disconnect") {
+        s.io.opts.reconnection = false;
+        setStatus("disabled");
+        return;
+      }
+      setStatus("disconnected");
+    });
+    s.on("connect_error", () => setStatus("disconnected"));
+    const timers = invalidateTimers.current;
+    return () => {
+      for (const t of timers.values()) clearTimeout(t);
+      timers.clear();
+      s.disconnect();
+      setSocket(null);
+      setStatus("disconnected");
+    };
+  }, [disabled, serverUrl, appId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RealtimeContext.Provider, { value: { socket, status }, children });
+}
+function useRealtimeContext() {
+  return (0, import_react.useContext)(RealtimeContext);
+}
+
+// src/notification-provider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_CONFIG = {
+  appId: void 0,
+  basePath: "/notifications",
+  pollIntervalMs: 6e4
+};
+var NotificationConfigContext = (0, import_react2.createContext)(DEFAULT_CONFIG);
+function useNotificationConfig() {
+  return (0, import_react2.useContext)(NotificationConfigContext);
+}
+function NotificationProvider({
+  appId,
+  basePath = "/notifications",
+  pollIntervalMs = 6e4,
+  serverUrl,
+  disabled,
+  children
+}) {
+  const config = (0, import_react2.useMemo)(
+    () => ({ appId, basePath, pollIntervalMs }),
+    [appId, basePath, pollIntervalMs]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NotificationConfigContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NotificationRealtimeProvider, { appId, serverUrl, disabled, children }) });
+}
+
+// src/notification-preferences.tsx
+var import_react3 = require("react");
+var import_react_query2 = require("@quanticjs/react-query");
+var import_react_ui = require("@quanticjs/react-ui");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function deriveLabel(type) {
+  const stripped = type.replace(/^wfl_/, "").replace(/_/g, " ");
+  return stripped.charAt(0).toUpperCase() + stripped.slice(1);
+}
+function toRows(prefs) {
+  const byType = /* @__PURE__ */ new Map();
+  for (const pref of prefs) {
+    const row = byType.get(pref.type) ?? {
+      type: pref.type,
+      inappEnabled: true,
+      emailEnabled: true,
+      digest: "none"
+    };
+    if (pref.channel === "inapp") {
+      row.inappEnabled = pref.enabled;
+    } else {
+      row.emailEnabled = pref.enabled;
+      row.digest = pref.digest;
+    }
+    byType.set(pref.type, row);
+  }
+  return [...byType.values()];
+}
+function toEntries(rows) {
+  return rows.flatMap((row) => [
+    { channel: "inapp", type: row.type, enabled: row.inappEnabled },
+    { channel: "email", type: row.type, enabled: row.emailEnabled, digest: row.digest }
+  ]);
+}
+function NotificationPreferences({
+  basePath = "/notifications",
+  typeLabels,
+  className
+}) {
+  const toast = (0, import_react_ui.useToast)();
+  const { data, isLoading, isError, refetch } = (0, import_react_query2.useApiQuery)(
+    ["notifications", "preferences"],
+    (client) => client.get(`${basePath}/preferences`)
+  );
+  const serverRows = (0, import_react3.useMemo)(() => data ? toRows(data) : [], [data]);
+  const [rows, setRows] = (0, import_react3.useState)(serverRows);
+  (0, import_react3.useEffect)(() => setRows(serverRows), [serverRows]);
+  const mutation = (0, import_react_query2.useApiMutation)((client, entries) => client.put(`${basePath}/preferences`, { entries }), {
+    invalidates: [["notifications", "preferences"]],
+    onSuccess: () => {
+      toast.success("Notification preferences saved");
+    },
+    onError: (error) => {
+      toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      });
+    }
+  });
+  const update = (type, patch) => {
+    setRows((prev) => prev.map((row) => row.type === type ? { ...row, ...patch } : row));
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "status", "aria-label": "Loading notification preferences", className: (0, import_react_ui.cn)("space-y-2", className), children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "h-10 animate-pulse rounded-md bg-muted" }, i)) });
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: (0, import_react_ui.cn)("rounded-md border border-border p-6 text-center", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm text-muted-foreground", children: "Failed to load notification preferences." }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => refetch(),
+          className: "mt-3 rounded-md bg-primary px-4 py-2 text-sm text-primary-foreground",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: (0, import_react_ui.cn)("rounded-md border border-border p-6 text-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm text-muted-foreground", children: "No notification preferences available." }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: (0, import_react_ui.cn)("space-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Notification" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "In-app" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Email digest" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tbody", { children: rows.map((row) => {
+        const label = typeLabels?.[row.type] ?? deriveLabel(row.type);
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: "py-3 pe-4", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": `${label} in-app notifications`,
+              checked: row.inappEnabled,
+              onChange: (e) => update(row.type, { inappEnabled: e.target.checked })
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": `${label} email notifications`,
+              checked: row.emailEnabled,
+              onChange: (e) => update(row.type, { emailEnabled: e.target.checked })
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            "select",
+            {
+              "aria-label": `${label} email digest`,
+              value: row.digest,
+              disabled: !row.emailEnabled,
+              onChange: (e) => update(row.type, { digest: e.target.value }),
+              className: "rounded-md border border-border bg-background px-2 py-1",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "none", children: "Immediately" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "hourly", children: "Hourly digest" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "daily", children: "Daily digest" })
+              ]
+            }
+          ) })
+        ] }, row.type);
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: () => mutation.mutate(toEntries(rows)),
+        disabled: mutation.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm text-primary-foreground disabled:opacity-50",
+        children: mutation.isPending ? "Saving\u2026" : "Save preferences"
+      }
+    )
+  ] });
+}
+
+// src/use-unread-count.ts
+var import_react_query3 = require("@quanticjs/react-query");
+function useUnreadCount(options = {}) {
+  const config = useNotificationConfig();
+  const basePath = options.basePath ?? config.basePath;
+  const pollIntervalMs = options.pollIntervalMs ?? config.pollIntervalMs;
+  const appId = options.appId ?? config.appId;
+  const { status } = useRealtimeContext();
+  const socketUp = status === "connected";
+  const key = appId ? ["notifications", "unread-count", appId] : ["notifications", "unread-count"];
+  const url = appId ? `${basePath}/unread-count?appId=${encodeURIComponent(appId)}` : `${basePath}/unread-count`;
+  return (0, import_react_query3.useApiQuery)(key, (client) => client.get(url), {
+    refetchInterval: socketUp ? false : pollIntervalMs,
+    staleTime: socketUp ? Infinity : pollIntervalMs / 2
+  });
+}
+
+// src/use-notification-feed.ts
+var import_react4 = require("react");
+var import_react_query4 = require("@quanticjs/react-query");
+var import_react_ui2 = require("@quanticjs/react-ui");
+function useNotificationFeed(options = {}) {
+  const config = useNotificationConfig();
+  const basePath = options.basePath ?? config.basePath;
+  const pollIntervalMs = options.pollIntervalMs ?? config.pollIntervalMs;
+  const appId = options.appId ?? config.appId;
+  const limit = options.limit ?? 50;
+  const { socket, status } = useRealtimeContext();
+  const socketUp = status === "connected";
+  const toast = (0, import_react_ui2.useToast)();
+  const appParam = appId ? `&appId=${encodeURIComponent(appId)}` : "";
+  const readAllPath = appId ? `${basePath}/read-all?appId=${encodeURIComponent(appId)}` : `${basePath}/read-all`;
+  const query = (0, import_react_query4.useApiQuery)(
+    ["notifications", { limit, appId }],
+    (client) => client.get(`${basePath}?page=1&pageSize=${limit}${appParam}`),
+    {
+      refetchInterval: socketUp ? false : pollIntervalMs,
+      staleTime: socketUp ? Infinity : pollIntervalMs / 2
+    }
+  );
+  (0, import_react4.useEffect)(() => {
+    if (!socket) return;
+    const onConnect = () => {
+      const newest = query.data?.items?.[0]?.createdAt ?? (/* @__PURE__ */ new Date(0)).toISOString();
+      socket.emit("backfill:request", { since: newest });
+    };
+    socket.on("connect", onConnect);
+    return () => {
+      socket.off("connect", onConnect);
+    };
+  }, [socket, query.data]);
+  const markRead = (0, import_react_query4.useApiMutation)(
+    (client, id) => client.post(`${basePath}/${id}/read`, {}),
+    {
+      invalidates: [["notifications"], ["notifications", "unread-count"]],
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  const markAllRead = (0, import_react_query4.useApiMutation)(
+    (client) => client.post(readAllPath, {}),
+    {
+      invalidates: [["notifications"], ["notifications", "unread-count"]],
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  return { ...query, markRead, markAllRead };
+}
+
+// src/notification-bell.tsx
+var import_react_ui3 = require("@quanticjs/react-ui");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function NotificationBell({
+  basePath,
+  pollIntervalMs,
+  appId,
+  onClick,
+  className
+}) {
+  const { data } = useUnreadCount({ basePath, pollIntervalMs, appId });
+  const count = data?.count ?? 0;
+  const label = count === 0 ? "No unread notifications" : `${count} unread notifications`;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": "Notifications",
+      className: (0, import_react_ui3.cn)(
+        "relative inline-flex h-10 w-10 items-center justify-center rounded-full text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "svg",
+          {
+            "aria-hidden": "true",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.8",
+            className: "h-5 w-5",
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M15 17h5l-1.4-1.4A2 2 0 0118 14.2V11a6 6 0 10-12 0v3.2a2 2 0 01-.6 1.4L4 17h5m6 0a3 3 0 11-6 0m6 0H9"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { role: "status", "aria-label": label, className: "sr-only", children: label }),
+        count > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "absolute -end-0.5 -top-0.5 inline-flex min-w-5 items-center justify-center rounded-full bg-destructive px-1.5 text-xs font-semibold text-destructive-foreground",
+            children: count > 99 ? "99+" : count
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/notification-inbox.tsx
+var import_react_ui4 = require("@quanticjs/react-ui");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function NotificationInbox({
+  basePath,
+  pollIntervalMs,
+  appId,
+  className
+}) {
+  const { data, isLoading, isError, refetch, markRead, markAllRead } = useNotificationFeed({
+    basePath,
+    pollIntervalMs,
+    appId
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading notifications",
+        className: (0, import_react_ui4.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Loading notifications" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { "aria-hidden": "true", className: "h-12 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_react_ui4.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load notifications" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const items = data?.items ?? [];
+  if (items.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_react_ui4.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No notifications yet" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { "aria-label": "Notifications", className: (0, import_react_ui4.cn)("flex flex-col", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "flex items-center justify-between border-b border-border px-4 py-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: "Notifications" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => markAllRead.mutate(),
+          disabled: markAllRead.isPending,
+          className: "text-sm text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: "Mark all read"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { className: "divide-y divide-border", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InboxRow, { item, onMarkRead: () => markRead.mutate(item.id) }, item.id)) })
+  ] });
+}
+function InboxRow({
+  item,
+  onMarkRead
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: onMarkRead,
+      "aria-label": `${item.title}${item.isRead ? "" : " (unread)"}`,
+      className: (0, import_react_ui4.cn)(
+        "flex w-full flex-col items-start gap-0.5 px-4 py-3 text-start hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+        item.isRead ? "text-muted-foreground" : "text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          !item.isRead && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", className: "h-2 w-2 rounded-full bg-primary" }),
+          item.title
+        ] }),
+        item.body && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs text-muted-foreground", children: item.body })
+      ]
+    }
+  ) });
+}
+
+// src/delivery-analytics-page.tsx
+var import_react5 = require("react");
+var import_react_ui8 = require("@quanticjs/react-ui");
+
+// src/use-delivery-analytics.ts
+var import_react_query5 = require("@quanticjs/react-query");
+function toQuery(filters) {
+  const params = new URLSearchParams();
+  params.set("from", filters.from);
+  params.set("to", filters.to);
+  if (filters.channel) params.set("channel", filters.channel);
+  if (filters.type) params.set("type", filters.type);
+  if (filters.organizationId) params.set("organizationId", filters.organizationId);
+  return params.toString();
+}
+function useDeliveryAnalytics({
+  basePath = "/analytics/notifications",
+  ...filters
+}) {
+  return (0, import_react_query5.useApiQuery)(
+    ["delivery-analytics", "summary", filters],
+    (client) => client.get(`${basePath}/summary?${toQuery(filters)}`)
+  );
+}
+
+// src/use-funnel-stats.ts
+var import_react_query6 = require("@quanticjs/react-query");
+function useFunnelStats({
+  basePath = "/analytics/notifications",
+  ...filters
+}) {
+  return (0, import_react_query6.useApiQuery)(
+    ["delivery-analytics", "funnel", filters],
+    (client) => client.get(`${basePath}/funnel?${toQuery(filters)}`)
+  );
+}
+
+// src/use-delivery-types.ts
+var import_react_query7 = require("@quanticjs/react-query");
+function useDeliveryTypes({
+  basePath = "/analytics/notifications",
+  ...filters
+}) {
+  const params = new URLSearchParams();
+  params.set("from", filters.from);
+  params.set("to", filters.to);
+  if (filters.organizationId) params.set("organizationId", filters.organizationId);
+  return (0, import_react_query7.useApiQuery)(
+    ["delivery-analytics", "types", filters],
+    (client) => client.get(`${basePath}/types?${params.toString()}`)
+  );
+}
+
+// src/funnel-stats.tsx
+var import_react_ui5 = require("@quanticjs/react-ui");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var pct = (n) => `${(n * 100).toFixed(1)}%`;
+function FunnelStats({ funnel, className }) {
+  const cards = [
+    { label: "Sends", value: String(funnel.sends) },
+    { label: "Delivered", value: String(funnel.delivered) },
+    { label: "Opened", value: String(funnel.opened) },
+    { label: "Clicked", value: String(funnel.clicked) },
+    { label: "Open rate", value: pct(funnel.openRate) },
+    { label: "Click rate", value: pct(funnel.clickRate) },
+    { label: "Bounce rate", value: pct(funnel.bounceRate) },
+    { label: "Delivery rate", value: pct(funnel.deliveryRate) }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: (0, import_react_ui5.cn)("grid grid-cols-2 gap-3 sm:grid-cols-4", className), "aria-label": "Delivery funnel", children: cards.map((c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "li",
+    {
+      className: "flex flex-col gap-1 rounded-lg border border-border bg-card p-4",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: c.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-2xl font-semibold text-foreground", children: c.value })
+      ]
+    },
+    c.label
+  )) });
+}
+
+// src/trend-chart.tsx
+var import_react_ui6 = require("@quanticjs/react-ui");
+var import_recharts = require("recharts");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function TrendChart({ data, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: (0, import_react_ui6.cn)("h-72 w-full", className), role: "img", "aria-label": "Delivery trend over time", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_recharts.LineChart, { data, margin: { top: 8, right: 16, bottom: 8, left: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "hsl(var(--border))" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.XAxis, { dataKey: "day", stroke: "hsl(var(--muted-foreground))", fontSize: 12 }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.YAxis, { stroke: "hsl(var(--muted-foreground))", fontSize: 12, allowDecimals: false }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.Tooltip, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.Line, { type: "monotone", dataKey: "sends", stroke: "hsl(var(--primary))", dot: false }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.Line, { type: "monotone", dataKey: "delivered", stroke: "hsl(var(--chart-2, var(--primary)))", dot: false }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.Line, { type: "monotone", dataKey: "opened", stroke: "hsl(var(--chart-3, var(--primary)))", dot: false }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_recharts.Line, { type: "monotone", dataKey: "clicked", stroke: "hsl(var(--chart-4, var(--primary)))", dot: false })
+  ] }) }) });
+}
+
+// src/type-table.tsx
+var import_react_ui7 = require("@quanticjs/react-ui");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var pct2 = (n) => `${(n * 100).toFixed(1)}%`;
+function TypeTable({ rows, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { className: (0, import_react_ui7.cn)("w-full border-collapse text-sm", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("caption", { className: "sr-only", children: "Delivery breakdown by notification type" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Sends" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Delivered" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Open rate" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { scope: "col", className: "py-2 font-medium", children: "Click rate" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tbody", { children: rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("tr", { className: "border-b border-border/50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "py-2 pe-4 font-medium text-foreground", children: r.type }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "py-2 pe-4 text-foreground", children: r.sends }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "py-2 pe-4 text-foreground", children: r.delivered }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "py-2 pe-4 text-foreground", children: pct2(r.openRate) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { className: "py-2 text-foreground", children: pct2(r.clickRate) })
+    ] }, r.type)) })
+  ] });
+}
+
+// src/delivery-analytics-page.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var DEFAULT_FROM = "2026-06-01";
+var DEFAULT_TO = "2026-06-30";
+var CHANNELS = ["", "email", "inapp", "push", "sms"];
+function DeliveryAnalyticsPage({
+  basePath = "/analytics/notifications",
+  organizationId,
+  className
+}) {
+  const [channel, setChannel] = (0, import_react5.useState)("");
+  const [from, setFrom] = (0, import_react5.useState)(DEFAULT_FROM);
+  const [to, setTo] = (0, import_react5.useState)(DEFAULT_TO);
+  const filters = { from, to, channel: channel || void 0, organizationId, basePath };
+  const summary = useDeliveryAnalytics(filters);
+  const funnel = useFunnelStats(filters);
+  const types = useDeliveryTypes({ from, to, organizationId, basePath });
+  const isLoading = summary.isLoading || funnel.isLoading || types.isLoading;
+  const isError = summary.isError || funnel.isError || types.isError;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("main", { className: (0, import_react_ui8.cn)("flex flex-col gap-6 p-4 sm:p-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "text-xl font-semibold text-foreground", children: "Delivery Analytics" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm text-muted-foreground", children: "Cross-channel send, open, and click performance." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-wrap items-end gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium text-foreground", children: "Channel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "select",
+          {
+            value: channel,
+            onChange: (e) => setChannel(e.target.value),
+            className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
+            children: CHANNELS.map((c) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: c, children: c === "" ? "All channels" : c }, c || "all"))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium text-foreground", children: "From" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "input",
+          {
+            type: "date",
+            value: from,
+            onChange: (e) => setFrom(e.target.value),
+            className: "rounded border border-border bg-background px-2 py-1.5 text-foreground"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-medium text-foreground", children: "To" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "input",
+          {
+            type: "date",
+            value: to,
+            onChange: (e) => setTo(e.target.value),
+            className: "rounded border border-border bg-background px-2 py-1.5 text-foreground"
+          }
+        )
+      ] })
+    ] }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { role: "status", "aria-label": "Loading delivery analytics", className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sr-only", children: "Loading delivery analytics" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "aria-hidden": "true", className: "h-24 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "aria-hidden": "true", className: "h-72 animate-pulse rounded bg-muted" })
+    ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load delivery analytics" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void summary.refetch();
+            void funnel.refetch();
+            void types.refetch();
+          },
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] }) : (summary.data?.length ?? 0) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "rounded border border-border p-6 text-center text-sm text-muted-foreground", children: "No delivery data for the selected range" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      funnel.data ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FunnelStats, { funnel: funnel.data }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { "aria-label": "Delivery trend", className: "rounded-lg border border-border p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: "Trend" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TrendChart, { data: summary.data ?? [] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { "aria-label": "Delivery by type", className: "rounded-lg border border-border p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: "By type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TypeTable, { rows: types.data ?? [] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/template-status-badge.tsx
+var import_react_ui9 = require("@quanticjs/react-ui");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var STATUS_STYLES = {
+  draft: "bg-muted text-muted-foreground",
+  published: "bg-primary text-primary-foreground",
+  archived: "bg-secondary text-secondary-foreground"
+};
+function TemplateStatusBadge({
+  status,
+  className
+}) {
+  const style = STATUS_STYLES[status] ?? "bg-muted text-muted-foreground";
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "span",
+    {
+      className: (0, import_react_ui9.cn)(
+        "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize",
+        style,
+        className
+      ),
+      children: status
+    }
+  );
+}
+
+// src/template-list.tsx
+var import_react_ui10 = require("@quanticjs/react-ui");
+var import_react_query8 = require("@quanticjs/react-query");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function TemplateList({ basePath = "/api/templates", className }) {
+  const { data, isLoading, isError, refetch } = (0, import_react_query8.useApiQuery)(
+    ["templates", basePath],
+    (client) => client.get(basePath)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading templates",
+        className: (0, import_react_ui10.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Loading templates" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { "aria-hidden": "true", className: "h-12 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: (0, import_react_ui10.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load templates" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const items = data ?? [];
+  if (items.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_react_ui10.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No templates found" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("section", { "aria-label": "Templates", className: (0, import_react_ui10.cn)("flex flex-col", className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Template" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Locales" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Versions" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tbody", { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "py-3 pe-4 font-medium text-foreground", children: item.templateId }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TemplateStatusBadge, { status: item.latestStatus }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: item.locales.join(", ") }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: item.versionCount })
+    ] }, item.templateId)) })
+  ] }) });
+}
+
+// src/template-editor.tsx
+var import_react6 = require("react");
+var import_react_ui11 = require("@quanticjs/react-ui");
+var import_react_query9 = require("@quanticjs/react-query");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var FIELD_DEFS = [
+  { key: "subject", label: "Subject", multiline: false },
+  { key: "heading", label: "Heading", multiline: false },
+  { key: "body", label: "Body", multiline: true },
+  { key: "cta", label: "CTA label", multiline: false },
+  { key: "html", label: "HTML", multiline: true }
+];
+function bracesBalanced(value) {
+  const open = (value.match(/\{\{/g) ?? []).length;
+  const close = (value.match(/\}\}/g) ?? []).length;
+  return open === close;
+}
+function TemplateEditor({
+  templateId,
+  versionId,
+  initialFields,
+  initialStatus = "draft",
+  basePath = "/api/templates",
+  className
+}) {
+  const toast = (0, import_react_ui11.useToast)();
+  const [fields, setFields] = (0, import_react6.useState)({
+    subject: initialFields?.subject ?? "",
+    heading: initialFields?.heading ?? "",
+    body: initialFields?.body ?? "",
+    cta: initialFields?.cta ?? "",
+    html: initialFields?.html ?? ""
+  });
+  const [errors, setErrors] = (0, import_react6.useState)({});
+  const [status, setStatus] = (0, import_react6.useState)(initialStatus);
+  const [activeVersionId, setActiveVersionId] = (0, import_react6.useState)(versionId);
+  const save = (0, import_react_query9.useApiMutation)(
+    (client, payload) => client.put(`${basePath}/${templateId}`, payload),
+    {
+      invalidates: [["templates"]],
+      onSuccess: (result) => {
+        setStatus(result.status);
+        setActiveVersionId(result.id);
+        toast.success("Draft saved");
+      },
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  const publish = (0, import_react_query9.useApiMutation)(
+    (client, vid) => client.post(`${basePath}/${templateId}/versions/${vid}/publish`, {}),
+    {
+      invalidates: [["templates"]],
+      onSuccess: () => {
+        setStatus("published");
+        toast.success("Version published");
+      },
+      onError: (error) => toast.error(
+        error.isConflict ? "Version already published" : error.isServerError ? "Something went wrong" : error.title,
+        { description: `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})` }
+      )
+    }
+  );
+  const validate = () => {
+    const next = {};
+    for (const { key } of FIELD_DEFS) {
+      if (!bracesBalanced(fields[key])) {
+        next[key] = "Unbalanced Handlebars braces \u2014 every {{ needs a matching }}";
+      }
+    }
+    setErrors(next);
+    return Object.keys(next).length === 0;
+  };
+  const onSubmit = (event) => {
+    event.preventDefault();
+    if (!validate()) return;
+    save.mutate(fields);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { onSubmit, className: (0, import_react_ui11.cn)("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("h2", { className: "text-sm font-semibold text-foreground", children: [
+        "Edit template: ",
+        templateId
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TemplateStatusBadge, { status })
+    ] }),
+    FIELD_DEFS.map(({ key, label, multiline }) => {
+      const fieldId = `template-${key}`;
+      const errorId = `${fieldId}-error`;
+      const error = errors[key];
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: fieldId, className: "text-sm font-medium text-foreground", children: label }),
+        multiline ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "textarea",
+          {
+            id: fieldId,
+            value: fields[key],
+            rows: 4,
+            "aria-invalid": error ? "true" : void 0,
+            "aria-describedby": error ? errorId : void 0,
+            onChange: (e) => setFields((prev) => ({ ...prev, [key]: e.target.value })),
+            className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "input",
+          {
+            id: fieldId,
+            type: "text",
+            value: fields[key],
+            "aria-invalid": error ? "true" : void 0,
+            "aria-describedby": error ? errorId : void 0,
+            onChange: (e) => setFields((prev) => ({ ...prev, [key]: e.target.value })),
+            className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        ),
+        error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { id: errorId, className: "text-xs text-destructive", children: error })
+      ] }, key);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "button",
+        {
+          type: "submit",
+          disabled: save.isPending,
+          className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: save.isPending ? "Saving\u2026" : "Save draft"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "button",
+        {
+          type: "button",
+          disabled: !activeVersionId || publish.isPending,
+          onClick: () => activeVersionId && publish.mutate(activeVersionId),
+          className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: publish.isPending ? "Publishing\u2026" : "Publish"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/template-preview-pane.tsx
+var import_react7 = require("react");
+var import_react_ui12 = require("@quanticjs/react-ui");
+var import_react_query10 = require("@quanticjs/react-query");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function TemplatePreviewPane({
+  templateId,
+  versionId,
+  vars = {},
+  basePath = "/api/templates",
+  className
+}) {
+  const preview = (0, import_react_query10.useApiMutation)(
+    (client, payload) => client.post(`${basePath}/${templateId}/preview`, payload)
+  );
+  const { mutate, data, isPending, isError } = preview;
+  (0, import_react7.useEffect)(() => {
+    mutate({ versionId, vars });
+  }, [templateId, versionId]);
+  if (isPending) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading preview",
+        className: (0, import_react_ui12.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Loading preview" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "aria-hidden": "true", className: "h-6 w-1/2 animate-pulse rounded bg-muted" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "aria-hidden": "true", className: "h-40 animate-pulse rounded bg-muted" })
+        ]
+      }
+    );
+  }
+  if (isError || !data) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_react_ui12.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load preview" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => mutate({ versionId, vars }),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("section", { "aria-label": "Template preview", className: (0, import_react_ui12.cn)("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: data.subject }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "iframe",
+      {
+        title: "Email preview",
+        sandbox: "",
+        srcDoc: data.html,
+        className: "h-96 w-full rounded-md border border-border bg-background"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "text-xs font-medium text-muted-foreground", children: "Plain text" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("pre", { className: "overflow-auto whitespace-pre-wrap rounded-md border border-border bg-muted p-3 text-xs text-foreground", children: data.text })
+    ] })
+  ] });
+}
+
+// src/template-version-history.tsx
+var import_react_ui13 = require("@quanticjs/react-ui");
+var import_react_query11 = require("@quanticjs/react-query");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function TemplateVersionHistory({
+  templateId,
+  basePath = "/api/templates",
+  className,
+  canRollback = true
+}) {
+  const toast = (0, import_react_ui13.useToast)();
+  const versionsKey = ["templates", templateId, "versions"];
+  const { data, isLoading, isError, refetch } = (0, import_react_query11.useApiQuery)(
+    versionsKey,
+    (client) => client.get(`${basePath}/${templateId}/versions`)
+  );
+  const rollback = (0, import_react_query11.useApiMutation)(
+    (client, id) => client.post(`${basePath}/${templateId}/versions/${id}/rollback`, {}),
+    {
+      invalidates: [[...versionsKey], ["templates"]],
+      onSuccess: () => toast.success("Version rolled back"),
+      onError: (error) => toast.error(
+        error.isConflict ? "Version cannot be rolled back" : error.isServerError ? "Something went wrong" : error.title,
+        { description: `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})` }
+      )
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading versions",
+        className: (0, import_react_ui13.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Loading versions" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: (0, import_react_ui13.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load versions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const versions = data ?? [];
+  if (versions.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: (0, import_react_ui13.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No versions" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("section", { "aria-label": "Version history", className: (0, import_react_ui13.cn)("flex flex-col", className), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Version" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Author" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Date" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sr-only", children: "Actions" }) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: versions.map((version) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("td", { className: "py-3 pe-4 font-medium text-foreground", children: [
+        "v",
+        version.versionNumber
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TemplateStatusBadge, { status: version.status }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: version.createdBy }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: version.createdAt }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "px-4 py-3 text-end", children: canRollback && version.status === "archived" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "button",
+        {
+          type: "button",
+          disabled: rollback.isPending,
+          onClick: () => rollback.mutate(version.id),
+          className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: "Roll back"
+        }
+      ) })
+    ] }, version.id)) })
+  ] }) });
+}
+
+// src/delivery-log-viewer.tsx
+var import_react8 = require("react");
+var import_react_ui14 = require("@quanticjs/react-ui");
+var import_react_query12 = require("@quanticjs/react-query");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var LIMIT = 20;
+function DeliveryLogViewer({
+  templateId,
+  basePath = "/api/templates",
+  className
+}) {
+  const [page, setPage] = (0, import_react8.useState)(1);
+  const { data, isLoading, isError, refetch } = (0, import_react_query12.useApiQuery)(
+    ["templates", templateId, "delivery-logs", page],
+    (client) => client.get(`${basePath}/${templateId}/delivery-logs?page=${page}&limit=${LIMIT}`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading delivery logs",
+        className: (0, import_react_ui14.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Loading delivery logs" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: (0, import_react_ui14.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load delivery logs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const rows = data?.items ?? [];
+  const totalPages = data?.totalPages ?? 1;
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: (0, import_react_ui14.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No delivery logs" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { "aria-label": "Delivery logs", className: (0, import_react_ui14.cn)("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Recipient" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Attempts" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Last error" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: "py-3 pe-4 text-foreground", children: row.recipientEmail }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TemplateStatusBadge, { status: row.status }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.attempts }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.lastError ?? "\u2014" })
+      ] }, row.id)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("nav", { "aria-label": "Delivery log pagination", className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setPage((p) => Math.max(1, p - 1)),
+          disabled: page <= 1,
+          className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+          disabled: page >= totalPages,
+          className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/use-broadcasts.ts
+var import_react_query13 = require("@quanticjs/react-query");
+var LIMIT2 = 20;
+function useBroadcasts({ page = 1, status, basePath = "/api" } = {}) {
+  const statusParam = status ? `&status=${encodeURIComponent(status)}` : "";
+  return (0, import_react_query13.useApiQuery)(
+    ["broadcasts", { page, status }],
+    (client) => client.get(`${basePath}/v1/broadcasts?page=${page}&limit=${LIMIT2}${statusParam}`)
+  );
+}
+
+// src/broadcast-list.tsx
+var import_react9 = require("react");
+var import_react_ui15 = require("@quanticjs/react-ui");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function statusVariant(status) {
+  switch (status) {
+    case "completed":
+      return "success";
+    case "completed_with_errors":
+      return "warning";
+    case "failed":
+      return "destructive";
+    case "cancelled":
+      return "neutral";
+    case "in_progress":
+    case "running":
+    case "pending":
+      return "info";
+    default:
+      return "neutral";
+  }
+}
+function BroadcastList({
+  basePath = "/api",
+  status,
+  onSelect,
+  className
+}) {
+  const [page, setPage] = (0, import_react9.useState)(1);
+  const { data, isLoading, isError, refetch } = useBroadcasts({ page, status, basePath });
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading broadcasts",
+        className: (0, import_react_ui15.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "Loading broadcasts" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: (0, import_react_ui15.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load broadcasts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const rows = data?.items ?? [];
+  const totalPages = data?.totalPages ?? 1;
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: (0, import_react_ui15.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No broadcasts" });
+  }
+  const renderTemplateCell = (row) => onSelect ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSelect(row.id),
+      className: "rounded text-start font-medium text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+      children: row.templateId
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-foreground", children: row.templateId });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("section", { "aria-label": "Broadcasts", className: (0, import_react_ui15.cn)("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Template" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Channels" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Sent / Failed / Skipped" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "py-3 pe-4", children: renderTemplateCell(row) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_ui15.StatusBadge, { variant: statusVariant(row.status), children: row.status }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.channels.length > 0 ? row.channels.join(", ") : "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("td", { className: "px-4 py-3 text-muted-foreground", children: [
+          row.sentCount,
+          " / ",
+          row.failedCount,
+          " / ",
+          row.skippedCount
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.createdBy }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui15.formatDateTime)(row.createdAt) })
+      ] }, row.id)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("nav", { "aria-label": "Broadcast pagination", className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setPage((p) => Math.max(1, p - 1)),
+          disabled: page <= 1,
+          className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+          disabled: page >= totalPages,
+          className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/broadcast-progress.tsx
+var import_react_ui16 = require("@quanticjs/react-ui");
+var import_react_query14 = require("@quanticjs/react-query");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var TERMINAL_STATUSES = ["completed", "completed_with_errors", "failed", "cancelled"];
+function isTerminalStatus(status) {
+  return status !== void 0 && TERMINAL_STATUSES.includes(status);
+}
+function statusVariant2(status) {
+  switch (status) {
+    case "completed":
+      return "success";
+    case "completed_with_errors":
+      return "warning";
+    case "failed":
+      return "destructive";
+    case "cancelled":
+      return "neutral";
+    default:
+      return "info";
+  }
+}
+function BroadcastProgress({
+  broadcastId,
+  basePath = "/api",
+  onCancelled,
+  className
+}) {
+  const toast = (0, import_react_ui16.useToast)();
+  const { data, isLoading, isError, refetch } = (0, import_react_query14.useApiQuery)(
+    ["broadcasts", broadcastId],
+    (client) => client.get(`${basePath}/v1/broadcasts/${broadcastId}`),
+    {
+      refetchInterval: (query) => isTerminalStatus(query.state.data?.status) ? false : 5e3
+    }
+  );
+  const cancel = (0, import_react_query14.useApiMutation)(
+    (client) => client.delete(`${basePath}/v1/broadcasts/${broadcastId}`),
+    {
+      invalidates: [["broadcasts"]],
+      onSuccess: () => {
+        toast.success("Broadcast cancelled");
+        onCancelled?.();
+      },
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading broadcast",
+        className: (0, import_react_ui16.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: "Loading broadcast" }),
+          [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: (0, import_react_ui16.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load broadcast" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  if (!data) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: (0, import_react_ui16.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No broadcast" });
+  }
+  const total = data.totalRecipients;
+  const processed = data.sentCount + data.failedCount + data.skippedCount;
+  const pct3 = total > 0 ? Math.min(100, Math.round(processed / total * 100)) : 0;
+  const terminal = isTerminalStatus(data.status);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("section", { "aria-label": "Broadcast progress", className: (0, import_react_ui16.cn)("flex flex-col gap-4 p-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("h2", { className: "text-sm font-semibold text-foreground", children: [
+        "Broadcast ",
+        data.templateId
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_ui16.StatusBadge, { variant: statusVariant2(data.status), appearance: "solid", children: data.status })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "div",
+      {
+        role: "progressbar",
+        "aria-valuenow": pct3,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": "Broadcast completion",
+        className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-full rounded-full bg-primary", style: { width: `${pct3}%` } })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      processed,
+      " of ",
+      total,
+      " processed (",
+      pct3,
+      "%)"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("dl", { className: "grid grid-cols-2 gap-3 text-sm sm:grid-cols-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { className: "text-xs text-muted-foreground", children: "Sent" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { className: "text-foreground", children: data.sentCount })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { className: "text-xs text-muted-foreground", children: "Failed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { className: "text-foreground", children: data.failedCount })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { className: "text-xs text-muted-foreground", children: "Skipped" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { className: "text-foreground", children: data.skippedCount })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { className: "text-xs text-muted-foreground", children: "Total" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { className: "text-foreground", children: total })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "button",
+      {
+        type: "button",
+        disabled: terminal || cancel.isPending,
+        onClick: () => cancel.mutate(),
+        className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: cancel.isPending ? "Cancelling\u2026" : "Cancel"
+      }
+    ) })
+  ] });
+}
+
+// src/broadcast-composer.tsx
+var import_react10 = require("react");
+var import_react_ui17 = require("@quanticjs/react-ui");
+var import_react_query15 = require("@quanticjs/react-query");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var CHANNELS2 = ["inapp", "email", "push", "sms", "webhook", "slack", "teams"];
+function normalizeList(data) {
+  if (!data) return [];
+  if (Array.isArray(data)) return data;
+  return data.items ?? [];
+}
+function parseRecipients(raw) {
+  return raw.split(/[\n,]/).map((r) => r.trim()).filter((r) => r.length > 0);
+}
+function BroadcastComposer({
+  basePath = "/api",
+  onCreated,
+  className
+}) {
+  const toast = (0, import_react_ui17.useToast)();
+  const [idempotencyKey] = (0, import_react10.useState)(() => crypto.randomUUID());
+  const [templateId, setTemplateId] = (0, import_react10.useState)("");
+  const [channels, setChannels] = (0, import_react10.useState)([]);
+  const [audienceMode, setAudienceMode] = (0, import_react10.useState)("segment");
+  const [segmentId, setSegmentId] = (0, import_react10.useState)("");
+  const [recipientsRaw, setRecipientsRaw] = (0, import_react10.useState)("");
+  const [type, setType] = (0, import_react10.useState)("");
+  const [errors, setErrors] = (0, import_react10.useState)({});
+  const templatesQuery = (0, import_react_query15.useApiQuery)(
+    ["templates"],
+    (client) => client.get(`${basePath}/templates`)
+  );
+  const segmentsQuery = (0, import_react_query15.useApiQuery)(
+    ["segments"],
+    (client) => client.get(`${basePath}/v1/segments`)
+  );
+  const create = (0, import_react_query15.useApiMutation)(
+    (client, payload) => client.post(`${basePath}/v1/broadcasts`, payload),
+    {
+      invalidates: [["broadcasts"]],
+      onSuccess: (result) => {
+        toast.success("Broadcast created");
+        onCreated?.(result.id);
+      },
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  const isLoading = templatesQuery.isLoading || segmentsQuery.isLoading;
+  const isError = templatesQuery.isError || segmentsQuery.isError;
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading broadcast composer",
+        className: (0, import_react_ui17.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "Loading broadcast composer" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: (0, import_react_ui17.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load broadcast composer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void templatesQuery.refetch();
+            void segmentsQuery.refetch();
+          },
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const templates = normalizeList(templatesQuery.data);
+  const segments = normalizeList(segmentsQuery.data);
+  const toggleChannel = (channel) => {
+    setChannels(
+      (prev) => prev.includes(channel) ? prev.filter((c) => c !== channel) : [...prev, channel]
+    );
+  };
+  const validate = (recipientIds) => {
+    const next = {};
+    if (!templateId) next.templateId = "Select a template";
+    if (channels.length === 0) next.channels = "Select at least one channel";
+    if (audienceMode === "segment" && !segmentId) {
+      next.audience = "Select a segment";
+    }
+    if (audienceMode === "recipients" && recipientIds.length === 0) {
+      next.audience = "Add at least one recipient id";
+    }
+    setErrors(next);
+    return Object.keys(next).length === 0;
+  };
+  const onSubmit = (event) => {
+    event.preventDefault();
+    const recipientIds = parseRecipients(recipientsRaw);
+    if (!validate(recipientIds)) return;
+    create.mutate({
+      templateId,
+      channels,
+      type: type.trim() ? type.trim() : null,
+      segmentId: audienceMode === "segment" ? segmentId : null,
+      recipientIds: audienceMode === "recipients" ? recipientIds : null,
+      idempotencyKey
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("form", { onSubmit, className: (0, import_react_ui17.cn)("flex flex-col gap-4 p-4", className), noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: "New broadcast" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { htmlFor: "composer-template", className: "text-sm font-medium text-foreground", children: "Template" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        "select",
+        {
+          id: "composer-template",
+          value: templateId,
+          "aria-invalid": errors.templateId ? "true" : void 0,
+          "aria-describedby": errors.templateId ? "composer-template-error" : void 0,
+          onChange: (e) => setTemplateId(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "", children: "Select a template\u2026" }),
+            templates.map((t) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: t.id, children: t.name ?? t.id }, t.id))
+          ]
+        }
+      ),
+      errors.templateId && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { id: "composer-template-error", className: "text-xs text-destructive", children: errors.templateId })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "fieldset",
+      {
+        className: "flex flex-col gap-2",
+        "aria-invalid": errors.channels ? "true" : void 0,
+        "aria-describedby": errors.channels ? "composer-channels-error" : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("legend", { className: "text-sm font-medium text-foreground", children: "Channels" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-wrap gap-3", children: CHANNELS2.map((channel) => {
+            const checkboxId = `composer-channel-${channel}`;
+            return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              "label",
+              {
+                htmlFor: checkboxId,
+                className: "flex items-center gap-2 text-sm text-foreground",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                    "input",
+                    {
+                      id: checkboxId,
+                      type: "checkbox",
+                      checked: channels.includes(channel),
+                      onChange: () => toggleChannel(channel),
+                      className: "rounded border-border focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+                    }
+                  ),
+                  channel
+                ]
+              },
+              channel
+            );
+          }) }),
+          errors.channels && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { id: "composer-channels-error", className: "text-xs text-destructive", children: errors.channels })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("fieldset", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("legend", { className: "text-sm font-medium text-foreground", children: "Audience" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          "label",
+          {
+            htmlFor: "composer-audience-segment",
+            className: "flex items-center gap-2 text-sm text-foreground",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                "input",
+                {
+                  id: "composer-audience-segment",
+                  type: "radio",
+                  name: "composer-audience",
+                  checked: audienceMode === "segment",
+                  onChange: () => setAudienceMode("segment"),
+                  className: "border-border focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+                }
+              ),
+              "Segment"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          "label",
+          {
+            htmlFor: "composer-audience-recipients",
+            className: "flex items-center gap-2 text-sm text-foreground",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                "input",
+                {
+                  id: "composer-audience-recipients",
+                  type: "radio",
+                  name: "composer-audience",
+                  checked: audienceMode === "recipients",
+                  onChange: () => setAudienceMode("recipients"),
+                  className: "border-border focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+                }
+              ),
+              "Recipients"
+            ]
+          }
+        )
+      ] }),
+      audienceMode === "segment" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        "select",
+        {
+          id: "composer-segment",
+          "aria-label": "Segment",
+          value: segmentId,
+          "aria-invalid": errors.audience ? "true" : void 0,
+          "aria-describedby": errors.audience ? "composer-audience-error" : void 0,
+          onChange: (e) => setSegmentId(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "", children: "Select a segment\u2026" }),
+            segments.map((s) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: s.id, children: s.name }, s.id))
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "textarea",
+        {
+          id: "composer-recipients",
+          "aria-label": "Recipient ids",
+          value: recipientsRaw,
+          rows: 4,
+          placeholder: "Recipient ids separated by commas or new lines",
+          "aria-invalid": errors.audience ? "true" : void 0,
+          "aria-describedby": errors.audience ? "composer-audience-error" : void 0,
+          onChange: (e) => setRecipientsRaw(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      errors.audience && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { id: "composer-audience-error", className: "text-xs text-destructive", children: errors.audience })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("label", { htmlFor: "composer-type", className: "text-sm font-medium text-foreground", children: "Type (optional)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "input",
+        {
+          id: "composer-type",
+          type: "text",
+          value: type,
+          onChange: (e) => setType(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: create.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: create.isPending ? "Creating\u2026" : "Create broadcast"
+      }
+    ) })
+  ] });
+}
+
+// src/segment-list.tsx
+var import_react_ui18 = require("@quanticjs/react-ui");
+var import_react_query16 = require("@quanticjs/react-query");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function normalize(data) {
+  if (Array.isArray(data)) return data;
+  return data?.items ?? [];
+}
+function typeVariant(type) {
+  switch (type) {
+    case "dynamic":
+      return "info";
+    case "static":
+      return "neutral";
+    default:
+      return "neutral";
+  }
+}
+function SegmentList({
+  basePath = "/api",
+  onSelect,
+  onCreate,
+  className
+}) {
+  const { data, isLoading, isError, refetch } = (0, import_react_query16.useApiQuery)(
+    ["segments"],
+    (client) => client.get(`${basePath}/v1/segments`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading segments",
+        className: (0, import_react_ui18.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Loading segments" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: (0, import_react_ui18.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load segments" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const rows = normalize(data);
+  const header = onCreate ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("header", { className: "flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onCreate(),
+      className: "rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+      children: "New segment"
+    }
+  ) }) : null;
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { "aria-label": "Segments", className: (0, import_react_ui18.cn)("flex flex-col gap-3", className), children: [
+      header,
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No segments" })
+    ] });
+  }
+  const renderNameCell = (row) => onSelect ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSelect(row.id),
+      className: "rounded text-start font-medium text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+      children: row.name
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-foreground", children: row.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { "aria-label": "Segments", className: (0, import_react_ui18.cn)("flex flex-col gap-3", className), children: [
+    header,
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Recipients" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "py-3 pe-4", children: renderNameCell(row) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_ui18.StatusBadge, { variant: typeVariant(row.type), appearance: "dot", children: row.type }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.description ?? "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.recipientIds?.length ?? "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui18.formatDateTime)(row.createdAt) })
+      ] }, row.id)) })
+    ] })
+  ] });
+}
+
+// src/segment-builder.tsx
+var import_react11 = require("react");
+var import_react_ui19 = require("@quanticjs/react-ui");
+var import_react_query17 = require("@quanticjs/react-query");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function parseRecipientIds(value) {
+  return value.split(/[\n,]/).map((id) => id.trim()).filter((id) => id.length > 0);
+}
+function SegmentBuilder({
+  basePath = "/api",
+  segmentId,
+  initial,
+  onSaved,
+  onDeleted,
+  className
+}) {
+  const toast = (0, import_react_ui19.useToast)();
+  const [name, setName] = (0, import_react11.useState)(initial?.name ?? "");
+  const [type, setType] = (0, import_react11.useState)(initial?.type ?? "static");
+  const [description, setDescription] = (0, import_react11.useState)(initial?.description ?? "");
+  const [recipientText, setRecipientText] = (0, import_react11.useState)((initial?.recipientIds ?? []).join("\n"));
+  const [errors, setErrors] = (0, import_react11.useState)({});
+  const isEdit = Boolean(segmentId);
+  const onMutationError = (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+    description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+  });
+  const save = (0, import_react_query17.useApiMutation)(
+    (client, payload) => segmentId ? client.patch(`${basePath}/v1/segments/${segmentId}`, payload) : client.post(`${basePath}/v1/segments`, payload),
+    {
+      invalidates: [["segments"]],
+      onSuccess: (result) => {
+        toast.success(isEdit ? "Segment updated" : "Segment created");
+        onSaved?.(result.id);
+      },
+      onError: onMutationError
+    }
+  );
+  const remove = (0, import_react_query17.useApiMutation)(
+    (client) => client.delete(`${basePath}/v1/segments/${segmentId}`),
+    {
+      invalidates: [["segments"]],
+      onSuccess: () => {
+        toast.success("Segment deleted");
+        onDeleted?.();
+      },
+      onError: onMutationError
+    }
+  );
+  const validate = (recipientIds) => {
+    const next = {};
+    if (name.trim().length === 0) {
+      next.name = "Name is required";
+    }
+    if (type === "static" && recipientIds.length === 0) {
+      next.recipientIds = "A static segment needs at least one recipient id";
+    }
+    setErrors(next);
+    return Object.keys(next).length === 0;
+  };
+  const onSubmit = (event) => {
+    event.preventDefault();
+    const recipientIds = parseRecipientIds(recipientText);
+    if (!validate(recipientIds)) return;
+    save.mutate({ name: name.trim(), type, description: description.trim(), recipientIds });
+  };
+  const onDelete = () => {
+    if (!segmentId) return;
+    if (!window.confirm("Delete this segment? This cannot be undone.")) return;
+    remove.mutate();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("form", { onSubmit, className: (0, import_react_ui19.cn)("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("header", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: isEdit ? `Edit segment: ${segmentId}` : "New segment" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { htmlFor: "segment-name", className: "text-sm font-medium text-foreground", children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "input",
+        {
+          id: "segment-name",
+          type: "text",
+          value: name,
+          "aria-invalid": errors.name ? "true" : void 0,
+          "aria-describedby": errors.name ? "segment-name-error" : void 0,
+          onChange: (e) => setName(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      errors.name && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { id: "segment-name-error", className: "text-xs text-destructive", children: errors.name })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { htmlFor: "segment-type", className: "text-sm font-medium text-foreground", children: "Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        "select",
+        {
+          id: "segment-type",
+          value: type,
+          onChange: (e) => setType(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "static", children: "static" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "dynamic", children: "dynamic" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { htmlFor: "segment-description", className: "text-sm font-medium text-foreground", children: "Description" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "textarea",
+        {
+          id: "segment-description",
+          value: description,
+          rows: 3,
+          onChange: (e) => setDescription(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    type === "static" && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { htmlFor: "segment-recipients", className: "text-sm font-medium text-foreground", children: "Recipient ids" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "textarea",
+        {
+          id: "segment-recipients",
+          value: recipientText,
+          rows: 4,
+          placeholder: "Comma or newline separated",
+          "aria-invalid": errors.recipientIds ? "true" : void 0,
+          "aria-describedby": errors.recipientIds ? "segment-recipients-error" : void 0,
+          onChange: (e) => setRecipientText(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      errors.recipientIds && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { id: "segment-recipients-error", className: "text-xs text-destructive", children: errors.recipientIds })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "button",
+        {
+          type: "submit",
+          disabled: save.isPending,
+          className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: save.isPending ? "Saving\u2026" : isEdit ? "Save changes" : "Create segment"
+        }
+      ),
+      isEdit && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "button",
+        {
+          type: "button",
+          disabled: remove.isPending,
+          onClick: onDelete,
+          className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+          children: remove.isPending ? "Deleting\u2026" : "Delete"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/suppression-manager.tsx
+var import_react12 = require("react");
+var import_react_ui20 = require("@quanticjs/react-ui");
+var import_react_query18 = require("@quanticjs/react-query");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var LIMIT3 = 20;
+var CHANNELS3 = ["inapp", "email", "push", "sms"];
+function SuppressionManager({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui20.useToast)();
+  const [page, setPage] = (0, import_react12.useState)(1);
+  const [channel, setChannel] = (0, import_react12.useState)("email");
+  const [address, setAddress] = (0, import_react12.useState)("");
+  const [reason, setReason] = (0, import_react12.useState)("");
+  const { data, isLoading, isError, refetch } = (0, import_react_query18.useApiQuery)(
+    ["suppression", page],
+    (client) => client.get(`${basePath}/v1/admin/suppression?page=${page}&limit=${LIMIT3}`)
+  );
+  const onMutationError = (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+    description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+  });
+  const add = (0, import_react_query18.useApiMutation)(
+    (client, payload) => client.post(`${basePath}/v1/admin/suppression`, payload),
+    {
+      invalidates: [["suppression"]],
+      onSuccess: () => {
+        toast.success("Suppression added");
+        setAddress("");
+        setReason("");
+        void refetch();
+      },
+      onError: onMutationError
+    }
+  );
+  const remove = (0, import_react_query18.useApiMutation)(
+    (client, id) => client.delete(`${basePath}/v1/admin/suppression/${id}`),
+    {
+      invalidates: [["suppression"]],
+      onSuccess: () => {
+        toast.success("Suppression removed");
+        void refetch();
+      },
+      onError: onMutationError
+    }
+  );
+  const onAdd = (event) => {
+    event.preventDefault();
+    add.mutate({ channel, address: address.trim(), reason: reason.trim() });
+  };
+  const addForm = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: onAdd, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: "suppression-channel", className: "text-sm font-medium text-foreground", children: "Channel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "select",
+        {
+          id: "suppression-channel",
+          value: channel,
+          onChange: (e) => setChannel(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: CHANNELS3.map((c) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: c, children: c }, c))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: "suppression-address", className: "text-sm font-medium text-foreground", children: "Address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "input",
+        {
+          id: "suppression-address",
+          type: "text",
+          value: address,
+          onChange: (e) => setAddress(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { htmlFor: "suppression-reason", className: "text-sm font-medium text-foreground", children: "Reason" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "input",
+        {
+          id: "suppression-reason",
+          type: "text",
+          value: reason,
+          onChange: (e) => setReason(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: add.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: add.isPending ? "Adding\u2026" : "Add suppression"
+      }
+    )
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { role: "status", "aria-label": "Loading suppressions", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Loading suppressions" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load suppressions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  } else {
+    const rows = data?.items ?? [];
+    const totalPages = data?.totalPages ?? 1;
+    if (rows.length === 0) {
+      body = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No suppressions" });
+    } else {
+      body = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Channel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Address" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Reason" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: "Actions" }) })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "border-b border-border", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "py-3 pe-4 text-foreground", children: row.channel }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.address }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.reason }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui20.formatDateTime)(row.createdAt) }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              "button",
+              {
+                type: "button",
+                disabled: remove.isPending,
+                onClick: () => remove.mutate(row.id),
+                className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                children: "Remove"
+              }
+            ) })
+          ] }, row.id)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("nav", { "aria-label": "Suppression pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.max(1, p - 1)),
+              disabled: page <= 1,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+              disabled: page >= totalPages,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Next"
+            }
+          )
+        ] })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("section", { "aria-label": "Suppression list", className: (0, import_react_ui20.cn)("flex flex-col gap-4", className), children: [
+    addForm,
+    body
+  ] });
+}
+
+// src/dlq-console.tsx
+var import_react13 = require("react");
+var import_react_ui21 = require("@quanticjs/react-ui");
+var import_react_query19 = require("@quanticjs/react-query");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var LIMIT4 = 20;
+var STATUS_FILTERS = ["queued", "replayed", "discarded"];
+function buildErrorDescription(error) {
+  return error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`;
+}
+function statusVariant3(status) {
+  switch (status) {
+    case "replayed":
+      return "success";
+    case "discarded":
+      return "neutral";
+    case "queued":
+      return "warning";
+    default:
+      return "neutral";
+  }
+}
+function DlqMessageDetailRow({ id, basePath }) {
+  const { data, isLoading, isError, refetch } = (0, import_react_query19.useApiQuery)(
+    ["dlq", "detail", id],
+    (client) => client.get(`${basePath}/admin/dlq/${id}`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { role: "status", "aria-label": "Loading message detail", className: "flex flex-col gap-2 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "Loading message detail" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { "aria-hidden": "true", className: "h-16 animate-pulse rounded bg-muted" })
+    ] });
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col items-start gap-3 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load message detail" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-2 p-3 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "text-muted-foreground", children: [
+      "Error: ",
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-foreground", children: data?.errorMessage ?? "\u2014" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("pre", { className: "max-h-64 overflow-auto rounded bg-muted p-3 text-xs text-foreground", children: JSON.stringify(data?.payload ?? {}, null, 2) })
+  ] });
+}
+function DlqConsole({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui21.useToast)();
+  const [page, setPage] = (0, import_react13.useState)(1);
+  const [statusFilter, setStatusFilter] = (0, import_react13.useState)("");
+  const [expandedId, setExpandedId] = (0, import_react13.useState)(null);
+  const statusQuery = statusFilter ? `&status=${statusFilter}` : "";
+  const { data, isLoading, isError, refetch } = (0, import_react_query19.useApiQuery)(
+    ["dlq", page, statusFilter],
+    (client) => client.get(`${basePath}/admin/dlq?page=${page}&limit=${LIMIT4}${statusQuery}`)
+  );
+  const replay = (0, import_react_query19.useApiMutation)(
+    (client, id) => client.post(`${basePath}/admin/dlq/${id}/replay`, {}),
+    {
+      invalidates: [["dlq"]],
+      onSuccess: () => {
+        toast.success("Message queued for replay");
+        void refetch();
+      },
+      onError: (error) => {
+        if (error.isConflict) {
+          toast.error("Message already replayed", {
+            description: `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+          });
+          void refetch();
+          return;
+        }
+        toast.error(error.isServerError ? "Something went wrong" : error.title, {
+          description: buildErrorDescription(error)
+        });
+      }
+    }
+  );
+  const discard = (0, import_react_query19.useApiMutation)(
+    (client, id) => client.delete(`${basePath}/admin/dlq/${id}`),
+    {
+      invalidates: [["dlq"]],
+      onSuccess: () => {
+        toast.success("Message discarded");
+        void refetch();
+      },
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: buildErrorDescription(error)
+      })
+    }
+  );
+  const filterControl = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { htmlFor: "dlq-status", className: "text-sm font-medium text-foreground", children: "Status" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      "select",
+      {
+        id: "dlq-status",
+        value: statusFilter,
+        onChange: (e) => {
+          setStatusFilter(e.target.value);
+          setPage(1);
+        },
+        className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "", children: "All" }),
+          STATUS_FILTERS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: s, children: s }, s))
+        ]
+      }
+    )
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading dead-letter messages",
+        className: "flex flex-col gap-2 p-4",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "Loading dead-letter messages" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  } else if (isError) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load dead-letter messages" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  } else {
+    const rows = data?.items ?? [];
+    const totalPages = data?.totalPages ?? 1;
+    if (rows.length === 0) {
+      body = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No dead-letter messages" });
+    } else {
+      body = /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Request" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Failure reason" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Attempts" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "First seen" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "Actions" }) })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tbody", { children: rows.map((row) => {
+            const isExpanded = expandedId === row.id;
+            return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react13.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("tr", { className: "border-b border-border", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "py-3 pe-4", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-expanded": isExpanded,
+                    onClick: () => setExpandedId(isExpanded ? null : row.id),
+                    className: "rounded text-start font-medium text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+                    children: row.requestId ?? row.id
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.failureReason }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_ui21.StatusBadge, { variant: statusVariant3(row.status), appearance: "dot", children: row.status }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.attemptCount }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui21.formatDateTime)(row.firstSeenAt) }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: replay.isPending,
+                      onClick: () => replay.mutate(row.id),
+                      className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                      children: "Replay"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: discard.isPending,
+                      onClick: () => discard.mutate(row.id),
+                      className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                      children: "Discard"
+                    }
+                  )
+                ] }) })
+              ] }),
+              isExpanded && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("tr", { className: "border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", { colSpan: 6, className: "bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DlqMessageDetailRow, { id: row.id, basePath }) }) })
+            ] }, row.id);
+          }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("nav", { "aria-label": "Dead-letter pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.max(1, p - 1)),
+              disabled: page <= 1,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+              disabled: page >= totalPages,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Next"
+            }
+          )
+        ] })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("section", { "aria-label": "Dead-letter queue", className: (0, import_react_ui21.cn)("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: "Dead-letter queue" }),
+      filterControl
+    ] }),
+    body
+  ] });
+}
+
+// src/catalog-editor.tsx
+var import_react14 = require("react");
+var import_react_ui22 = require("@quanticjs/react-ui");
+var import_react_query20 = require("@quanticjs/react-query");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function normalize2(data) {
+  if (!data) return [];
+  if (Array.isArray(data)) return data;
+  if ("entries" in data && Array.isArray(data.entries)) {
+    return data.entries ?? [];
+  }
+  return Object.values(data).filter(
+    (entry) => typeof entry === "object" && entry !== null && "key" in entry && "locale" in entry && "value" in entry
+  );
+}
+function CatalogEditor({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui22.useToast)();
+  const [filter, setFilter] = (0, import_react14.useState)("");
+  const [editingId, setEditingId] = (0, import_react14.useState)(null);
+  const [editValue, setEditValue] = (0, import_react14.useState)("");
+  const [newKey, setNewKey] = (0, import_react14.useState)("");
+  const [newLocale, setNewLocale] = (0, import_react14.useState)("");
+  const [newValue, setNewValue] = (0, import_react14.useState)("");
+  const { data, isLoading, isError, refetch } = (0, import_react_query20.useApiQuery)(["i18n-catalog"], (client) => client.get(`${basePath}/i18n/catalog/export`));
+  const onMutationError = (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+    description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+  });
+  const upsert = (0, import_react_query20.useApiMutation)(
+    (client, payload) => client.put(`${basePath}/i18n/catalog/entries/${encodeURIComponent(payload.key)}`, {
+      locale: payload.locale,
+      value: payload.value
+    }),
+    {
+      invalidates: [["i18n-catalog"]],
+      onSuccess: () => {
+        toast.success("Entry saved");
+        setEditingId(null);
+        void refetch();
+      },
+      onError: onMutationError
+    }
+  );
+  const add = (0, import_react_query20.useApiMutation)(
+    (client, payload) => client.put(`${basePath}/i18n/catalog/entries/${encodeURIComponent(payload.key)}`, {
+      locale: payload.locale,
+      value: payload.value
+    }),
+    {
+      invalidates: [["i18n-catalog"]],
+      onSuccess: () => {
+        toast.success("Entry added");
+        setNewKey("");
+        setNewLocale("");
+        setNewValue("");
+        void refetch();
+      },
+      onError: onMutationError
+    }
+  );
+  const remove = (0, import_react_query20.useApiMutation)(
+    (client, payload) => client.delete(
+      `${basePath}/i18n/catalog/entries/${encodeURIComponent(payload.key)}?locale=${encodeURIComponent(payload.locale)}`
+    ),
+    {
+      invalidates: [["i18n-catalog"]],
+      onSuccess: () => {
+        toast.success("Entry removed");
+        void refetch();
+      },
+      onError: onMutationError
+    }
+  );
+  const entries = (0, import_react14.useMemo)(() => normalize2(data), [data]);
+  const filtered = (0, import_react14.useMemo)(() => {
+    const q = filter.trim().toLowerCase();
+    if (!q) return entries;
+    return entries.filter((e) => e.key.toLowerCase().includes(q));
+  }, [entries, filter]);
+  const onAdd = (event) => {
+    event.preventDefault();
+    add.mutate({ key: newKey.trim(), locale: newLocale.trim(), value: newValue });
+  };
+  const startEdit = (entry) => {
+    setEditingId(`${entry.key}:${entry.locale}`);
+    setEditValue(entry.value);
+  };
+  const addForm = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", { onSubmit: onAdd, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "catalog-new-key", className: "text-sm font-medium text-foreground", children: "Key" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "input",
+        {
+          id: "catalog-new-key",
+          type: "text",
+          value: newKey,
+          onChange: (e) => setNewKey(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "catalog-new-locale", className: "text-sm font-medium text-foreground", children: "Locale" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "input",
+        {
+          id: "catalog-new-locale",
+          type: "text",
+          value: newLocale,
+          onChange: (e) => setNewLocale(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "catalog-new-value", className: "text-sm font-medium text-foreground", children: "Value" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "input",
+        {
+          id: "catalog-new-value",
+          type: "text",
+          value: newValue,
+          onChange: (e) => setNewValue(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: add.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: add.isPending ? "Adding\u2026" : "Add entry"
+      }
+    )
+  ] });
+  const filterInput = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: "catalog-filter", className: "text-sm font-medium text-foreground", children: "Filter by key" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "input",
+      {
+        id: "catalog-filter",
+        type: "text",
+        value: filter,
+        onChange: (e) => setFilter(e.target.value),
+        className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+      }
+    )
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { role: "status", "aria-label": "Loading catalog", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sr-only", children: "Loading catalog" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load catalog" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  } else if (filtered.length === 0) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: entries.length === 0 ? "No catalog entries" : "No entries match your filter" });
+  } else {
+    body = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Key" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Locale" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Value" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sr-only", children: "Actions" }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tbody", { children: filtered.map((entry) => {
+        const rowId = `${entry.key}:${entry.locale}`;
+        const isEditing = editingId === rowId;
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { className: "py-3 pe-4 font-mono text-foreground", children: entry.key }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { className: "px-4 py-3 text-foreground", children: entry.locale }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { className: "px-4 py-3 text-foreground", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            "input",
+            {
+              type: "text",
+              "aria-label": `Value for ${entry.key} (${entry.locale})`,
+              value: editValue,
+              onChange: (e) => setEditValue(e.target.value),
+              className: "w-full rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+            }
+          ) : entry.value }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex items-center gap-2", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "button",
+              {
+                type: "button",
+                disabled: upsert.isPending,
+                onClick: () => upsert.mutate({
+                  key: entry.key,
+                  locale: entry.locale,
+                  value: editValue
+                }),
+                className: "rounded-md bg-primary px-3 py-1 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                children: "Save"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setEditingId(null),
+                className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+                children: "Cancel"
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => startEdit(entry),
+                className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+                children: "Edit"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+              "button",
+              {
+                type: "button",
+                disabled: remove.isPending,
+                onClick: () => remove.mutate({ key: entry.key, locale: entry.locale }),
+                className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                children: "Delete"
+              }
+            )
+          ] }) }) })
+        ] }, rowId);
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { "aria-label": "Catalog editor", className: (0, import_react_ui22.cn)("flex flex-col gap-4", className), children: [
+    addForm,
+    filterInput,
+    body
+  ] });
+}
+
+// src/missing-translations-panel.tsx
+var import_react_ui23 = require("@quanticjs/react-ui");
+var import_react_query21 = require("@quanticjs/react-query");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function normalize3(data) {
+  if (Array.isArray(data)) return data;
+  return data?.missing ?? [];
+}
+function MissingTranslationsPanel({
+  basePath = "/api",
+  className
+}) {
+  const { data, isLoading, isError, refetch } = (0, import_react_query21.useApiQuery)(
+    ["i18n-missing"],
+    (client) => client.get(`${basePath}/i18n/catalog/missing`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading missing translations",
+        className: (0, import_react_ui23.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "sr-only", children: "Loading missing translations" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: (0, import_react_ui23.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load missing translations" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const rows = normalize3(data);
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: (0, import_react_ui23.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No missing translations" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("section", { "aria-label": "Missing translations", className: (0, import_react_ui23.cn)("flex flex-col gap-3", className), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Key" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Locale" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Type" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tbody", { children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.key }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.locale }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.type ?? "\u2014" })
+    ] }, `${row.key}:${row.locale}:${i}`)) })
+  ] }) });
+}
+
+// src/fallback-report-panel.tsx
+var import_react_ui24 = require("@quanticjs/react-ui");
+var import_react_query22 = require("@quanticjs/react-query");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function normalize4(data) {
+  if (Array.isArray(data)) return data;
+  return data?.entries ?? [];
+}
+function FallbackReportPanel({ basePath = "/api", className }) {
+  const { data, isLoading, isError, refetch } = (0, import_react_query22.useApiQuery)(
+    ["i18n-fallback-report"],
+    (client) => client.get(`${basePath}/i18n/catalog/fallback-report`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading fallback report",
+        className: (0, import_react_ui24.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Loading fallback report" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: (0, import_react_ui24.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load fallback report" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const rows = normalize4(data);
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: (0, import_react_ui24.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No fallbacks reported" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { "aria-label": "Fallback report", className: (0, import_react_ui24.cn)("flex flex-col gap-3", className), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Key" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Requested" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Resolved" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Chain" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tbody", { children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.key }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.requestedLocale }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.resolvedLocale }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.steps && row.steps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ol", { className: "flex flex-wrap items-center gap-1", children: row.steps.map((step, si) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("li", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs text-foreground", children: step }),
+        si < (row.steps?.length ?? 0) - 1 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2192" })
+      ] }, `${step}:${si}`)) }) : "\u2014" })
+    ] }, `${row.key}:${row.requestedLocale}:${i}`)) })
+  ] }) });
+}
+
+// src/recipient-admin-panel.tsx
+var import_react15 = require("react");
+var import_react_ui25 = require("@quanticjs/react-ui");
+var import_react_query23 = require("@quanticjs/react-query");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var LIMIT5 = 20;
+function RecipientAdminPanel({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui25.useToast)();
+  const [page, setPage] = (0, import_react15.useState)(1);
+  const [search, setSearch] = (0, import_react15.useState)("");
+  const [query, setQuery] = (0, import_react15.useState)("");
+  const { data, isLoading, isError, refetch } = (0, import_react_query23.useApiQuery)(
+    ["recipients", page, query],
+    (client) => client.get(
+      `${basePath}/v1/admin/recipients?page=${page}&limit=${LIMIT5}&search=${encodeURIComponent(query)}`
+    )
+  );
+  const onMutationError = (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+    description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+  });
+  const exportData = (0, import_react_query23.useApiMutation)(
+    (client, userId) => client.post(`${basePath}/v1/admin/recipients/${userId}/export`, {}),
+    {
+      onSuccess: () => toast.success("Export ready"),
+      onError: onMutationError
+    }
+  );
+  const erase = (0, import_react_query23.useApiMutation)(
+    (client, userId) => client.delete(`${basePath}/v1/admin/recipients/${userId}/erase`),
+    {
+      invalidates: [["recipients"]],
+      onSuccess: () => {
+        toast.success("Recipient erased");
+        void refetch();
+      },
+      onError: onMutationError
+    }
+  );
+  const onSearch = (event) => {
+    event.preventDefault();
+    setPage(1);
+    setQuery(search.trim());
+  };
+  const onErase = (userId) => {
+    if (window.confirm("Erase all data for this recipient? This cannot be undone.")) {
+      erase.mutate(userId);
+    }
+  };
+  const consents = (row) => {
+    const active = [];
+    if (row.consentEmail) active.push("email");
+    if (row.consentPush) active.push("push");
+    if (row.consentSms) active.push("sms");
+    return active.length > 0 ? active.join(", ") : "none";
+  };
+  const searchForm = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("form", { onSubmit: onSearch, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { htmlFor: "recipient-search", className: "text-sm font-medium text-foreground", children: "Search recipients" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "input",
+        {
+          id: "recipient-search",
+          type: "text",
+          value: search,
+          onChange: (e) => setSearch(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      "button",
+      {
+        type: "submit",
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+        children: "Search"
+      }
+    )
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { role: "status", "aria-label": "Loading recipients", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Loading recipients" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load recipients" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  } else {
+    const rows = data?.items ?? [];
+    const totalPages = data?.totalPages ?? 1;
+    if (rows.length === 0) {
+      body = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No recipients" });
+    } else {
+      body = /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "User" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Phone" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Consents" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Actions" }) })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("tr", { className: "border-b border-border", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.userId }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.email ?? "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.phone ?? "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: consents(row) }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui25.formatDateTime)(row.createdAt) }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: exportData.isPending,
+                  onClick: () => exportData.mutate(row.userId),
+                  className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                  children: "Export"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: erase.isPending,
+                  onClick: () => onErase(row.userId),
+                  className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                  children: "Erase"
+                }
+              )
+            ] }) })
+          ] }, row.userId)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("nav", { "aria-label": "Recipient pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.max(1, p - 1)),
+              disabled: page <= 1,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+              disabled: page >= totalPages,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Next"
+            }
+          )
+        ] })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("section", { "aria-label": "Recipient administration", className: (0, import_react_ui25.cn)("flex flex-col gap-4", className), children: [
+    searchForm,
+    body
+  ] });
+}
+
+// src/webhook-endpoint-manager.tsx
+var import_react16 = require("react");
+var import_react_ui26 = require("@quanticjs/react-ui");
+var import_react_query24 = require("@quanticjs/react-query");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var EVENT_TYPES = [
+  "notification.sent",
+  "notification.delivered",
+  "notification.failed",
+  "notification.bounced"
+];
+function normalizeEndpoints(data) {
+  if (Array.isArray(data)) return data;
+  return data?.items ?? [];
+}
+function normalizeDeliveries(data) {
+  if (Array.isArray(data)) return data;
+  return data?.items ?? [];
+}
+function toastError(toast, error) {
+  toast.error(error.isServerError ? "Something went wrong" : error.title, {
+    description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+  });
+}
+function WebhookDeliveries({ endpointId, basePath }) {
+  const { data, isLoading, isError, refetch } = (0, import_react_query24.useApiQuery)(
+    ["webhook-deliveries", endpointId],
+    (client) => client.get(`${basePath}/webhook-endpoints/${endpointId}/deliveries`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { role: "status", "aria-label": "Loading deliveries", className: "flex flex-col gap-2 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Loading deliveries" }),
+      [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { "aria-hidden": "true", className: "h-8 animate-pulse rounded bg-muted" }, i))
+    ] });
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-start gap-2 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load deliveries" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const rows = normalizeDeliveries(data);
+  if (rows.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "p-3 text-center text-sm text-muted-foreground", children: "No deliveries" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Delivery" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "py-2 pe-4 font-mono text-foreground", children: row.id }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "px-4 py-2 text-muted-foreground", children: row.status }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "px-4 py-2 text-muted-foreground", children: (0, import_react_ui26.formatDateTime)(row.createdAt) })
+    ] }, row.id)) })
+  ] });
+}
+function WebhookEndpointManager({
+  basePath = "/api",
+  className
+}) {
+  const toast = (0, import_react_ui26.useToast)();
+  const [url, setUrl] = (0, import_react16.useState)("");
+  const [events, setEvents] = (0, import_react16.useState)([]);
+  const [active, setActive] = (0, import_react16.useState)(true);
+  const [urlError, setUrlError] = (0, import_react16.useState)();
+  const [expandedId, setExpandedId] = (0, import_react16.useState)(null);
+  const { data, isLoading, isError, refetch } = (0, import_react_query24.useApiQuery)(["webhook-endpoints"], (client) => client.get(`${basePath}/webhook-endpoints`));
+  const create = (0, import_react_query24.useApiMutation)(
+    (client, payload) => client.post(`${basePath}/webhook-endpoints`, payload),
+    {
+      invalidates: [["webhook-endpoints"]],
+      onSuccess: () => {
+        toast.success("Endpoint created");
+        setUrl("");
+        setEvents([]);
+        setActive(true);
+        void refetch();
+      },
+      onError: (error) => toastError(toast, error)
+    }
+  );
+  const toggle = (0, import_react_query24.useApiMutation)(
+    (client, payload) => client.patch(`${basePath}/webhook-endpoints/${payload.id}`, { active: payload.active }),
+    {
+      invalidates: [["webhook-endpoints"]],
+      onSuccess: () => {
+        toast.success("Endpoint updated");
+        void refetch();
+      },
+      onError: (error) => toastError(toast, error)
+    }
+  );
+  const remove = (0, import_react_query24.useApiMutation)(
+    (client, id) => client.delete(`${basePath}/webhook-endpoints/${id}`),
+    {
+      invalidates: [["webhook-endpoints"]],
+      onSuccess: () => {
+        toast.success("Endpoint deleted");
+        void refetch();
+      },
+      onError: (error) => toastError(toast, error)
+    }
+  );
+  const toggleEvent = (event) => {
+    setEvents(
+      (prev) => prev.includes(event) ? prev.filter((e) => e !== event) : [...prev, event]
+    );
+  };
+  const onCreate = (event) => {
+    event.preventDefault();
+    const trimmed = url.trim();
+    if (!trimmed) {
+      setUrlError("URL is required");
+      return;
+    }
+    if (!trimmed.startsWith("http")) {
+      setUrlError("URL must start with http");
+      return;
+    }
+    setUrlError(void 0);
+    create.mutate({ url: trimmed, events, active });
+  };
+  const onDelete = (id) => {
+    if (window.confirm("Delete this webhook endpoint?")) {
+      remove.mutate(id);
+    }
+  };
+  const createForm = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("form", { onSubmit: onCreate, className: "flex flex-col gap-3", noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { htmlFor: "webhook-url", className: "text-sm font-medium text-foreground", children: "Endpoint URL" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "input",
+        {
+          id: "webhook-url",
+          type: "text",
+          value: url,
+          "aria-invalid": urlError ? "true" : void 0,
+          "aria-describedby": urlError ? "webhook-url-error" : void 0,
+          onChange: (e) => setUrl(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      urlError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { id: "webhook-url-error", className: "text-xs text-destructive", children: urlError })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("fieldset", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("legend", { className: "text-sm font-medium text-foreground", children: "Events" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-wrap gap-3", children: EVENT_TYPES.map((evt) => {
+        const id = `webhook-event-${evt}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "label",
+          {
+            htmlFor: id,
+            className: "flex items-center gap-2 text-sm text-foreground",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                "input",
+                {
+                  id,
+                  type: "checkbox",
+                  checked: events.includes(evt),
+                  onChange: () => toggleEvent(evt),
+                  className: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+                }
+              ),
+              evt
+            ]
+          },
+          evt
+        );
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { htmlFor: "webhook-active", className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "input",
+        {
+          id: "webhook-active",
+          type: "checkbox",
+          checked: active,
+          onChange: (e) => setActive(e.target.checked),
+          className: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      "Active"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: create.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: create.isPending ? "Creating\u2026" : "Create endpoint"
+      }
+    ) })
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { role: "status", "aria-label": "Loading webhook endpoints", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Loading webhook endpoints" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load webhook endpoints" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  } else {
+    const rows = normalizeEndpoints(data);
+    if (rows.length === 0) {
+      body = /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No webhook endpoints" });
+    } else {
+      body = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "URL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Events" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Active" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tbody", { children: rows.map((row) => {
+          const isExpanded = expandedId === row.id;
+          return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react16.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.url }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.events.length > 0 ? row.events.join(", ") : "\u2014" }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_ui26.StatusBadge, { variant: row.active ? "success" : "neutral", appearance: "dot", children: row.active ? "active" : "inactive" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui26.formatDateTime)(row.createdAt) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: toggle.isPending,
+                    onClick: () => toggle.mutate({ id: row.id, active: !row.active }),
+                    className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                    children: row.active ? "Disable" : "Enable"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setExpandedId(isExpanded ? null : row.id),
+                    "aria-expanded": isExpanded,
+                    className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+                    children: "Deliveries"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: remove.isPending,
+                    onClick: () => onDelete(row.id),
+                    className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+                    children: "Delete"
+                  }
+                )
+              ] }) })
+            ] }),
+            isExpanded && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("tr", { className: "border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("td", { colSpan: 5, className: "bg-muted px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WebhookDeliveries, { endpointId: row.id, basePath }) }) })
+          ] }, row.id);
+        }) })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("section", { "aria-label": "Webhook endpoints", className: (0, import_react_ui26.cn)("flex flex-col gap-4", className), children: [
+    createForm,
+    body
+  ] });
+}
+
+// src/operations-overview.tsx
+var import_react_ui27 = require("@quanticjs/react-ui");
+var import_react_query25 = require("@quanticjs/react-query");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function OperationsOverview({ basePath = "/api", className }) {
+  const { data, isLoading, isError, refetch } = (0, import_react_query25.useApiQuery)(
+    ["operations-overview"],
+    (client) => client.get(`${basePath}/v1/admin/overview`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading operations overview",
+        className: (0, import_react_ui27.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Loading operations overview" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { "aria-hidden": "true", className: "h-20 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: (0, import_react_ui27.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load operations overview" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  if (!data) {
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: (0, import_react_ui27.cn)("p-6 text-center text-sm text-muted-foreground", className), children: "No overview data" });
+  }
+  const windowHours = data.windowHours;
+  const channels = data.channels ?? [];
+  const dlqPending = data.dlqPending;
+  const cards = [
+    { label: `Sends (${windowHours}h)`, value: data.totalSends },
+    { label: `Delivered (${windowHours}h)`, value: data.totalDelivered },
+    { label: `Failed (${windowHours}h)`, value: data.totalFailed }
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { "aria-label": "Operations overview", className: (0, import_react_ui27.cn)("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "rounded-md border border-border bg-card p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xs font-medium text-muted-foreground", children: card.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mt-1 text-2xl font-semibold text-foreground", children: card.value })
+    ] }, card.label)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-wrap items-center gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm text-muted-foreground", children: "DLQ pending" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_ui27.StatusBadge, { variant: dlqPending > 0 ? "destructive" : "success", children: dlqPending })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm text-muted-foreground", children: "Broadcasts in flight" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium text-foreground", children: data.broadcastsInFlight })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm text-muted-foreground", children: "Queue" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_ui27.StatusBadge, { variant: data.queueHealthy ? "success" : "destructive", children: data.queueHealthy ? "Healthy" : "Unhealthy" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Channel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Sends" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Delivered" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Failed" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("tbody", { children: channels.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("tr", { className: "border-b border-border", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { colSpan: 4, className: "py-3 text-center text-muted-foreground", children: "No channel activity" }) }) : channels.map((row) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "py-3 pe-4 text-foreground", children: row.channel }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.sends }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.delivered }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.failed })
+      ] }, row.channel)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      "Generated ",
+      (0, import_react_ui27.formatDateTime)(data.generatedAt)
+    ] })
+  ] });
+}
+
+// src/delivery-log-explorer.tsx
+var import_react17 = require("react");
+var import_react_ui28 = require("@quanticjs/react-ui");
+var import_react_query26 = require("@quanticjs/react-query");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var LIMIT6 = 20;
+var EMPTY_FILTERS = {
+  channel: "",
+  status: "",
+  recipient: "",
+  userId: "",
+  from: "",
+  to: ""
+};
+function channelVariant(channel) {
+  switch (channel) {
+    case "email":
+      return "neutral";
+    case "sms":
+      return "warning";
+    default:
+      return "neutral";
+  }
+}
+function DeliveryLogExplorer({ basePath = "/api", className }) {
+  const [page, setPage] = (0, import_react17.useState)(1);
+  const [draft, setDraft] = (0, import_react17.useState)(EMPTY_FILTERS);
+  const [applied, setApplied] = (0, import_react17.useState)(EMPTY_FILTERS);
+  const queryString = (() => {
+    const params = new URLSearchParams();
+    params.set("page", String(page));
+    params.set("limit", String(LIMIT6));
+    if (applied.channel) params.set("channel", applied.channel);
+    if (applied.status) params.set("status", applied.status);
+    if (applied.userId) params.set("userId", applied.userId);
+    if (applied.recipient) params.set("recipient", applied.recipient);
+    if (applied.from) params.set("from", applied.from);
+    if (applied.to) params.set("to", applied.to);
+    return params.toString();
+  })();
+  const { data, isLoading, isError, refetch } = (0, import_react_query26.useApiQuery)(
+    ["delivery-logs", page, applied],
+    (client) => client.get(`${basePath}/v1/admin/delivery-logs?${queryString}`)
+  );
+  const onApply = (event) => {
+    event.preventDefault();
+    setPage(1);
+    setApplied({
+      channel: draft.channel,
+      status: draft.status.trim(),
+      recipient: draft.recipient.trim(),
+      userId: draft.userId.trim(),
+      from: draft.from,
+      to: draft.to
+    });
+  };
+  const setField = (key, value) => setDraft((prev) => ({ ...prev, [key]: value }));
+  const filterForm = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("form", { onSubmit: onApply, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "dle-channel", className: "text-sm font-medium text-foreground", children: "Channel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        "select",
+        {
+          id: "dle-channel",
+          value: draft.channel,
+          onChange: (e) => setField("channel", e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "", children: "All" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "email", children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "sms", children: "SMS" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "dle-status", className: "text-sm font-medium text-foreground", children: "Status" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "input",
+        {
+          id: "dle-status",
+          type: "text",
+          value: draft.status,
+          onChange: (e) => setField("status", e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "dle-recipient", className: "text-sm font-medium text-foreground", children: "Recipient" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "input",
+        {
+          id: "dle-recipient",
+          type: "text",
+          value: draft.recipient,
+          onChange: (e) => setField("recipient", e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "dle-user", className: "text-sm font-medium text-foreground", children: "User ID" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "input",
+        {
+          id: "dle-user",
+          type: "text",
+          value: draft.userId,
+          onChange: (e) => setField("userId", e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "dle-from", className: "text-sm font-medium text-foreground", children: "From" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "input",
+        {
+          id: "dle-from",
+          type: "date",
+          value: draft.from,
+          onChange: (e) => setField("from", e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "dle-to", className: "text-sm font-medium text-foreground", children: "To" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "input",
+        {
+          id: "dle-to",
+          type: "date",
+          value: draft.to,
+          onChange: (e) => setField("to", e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      "button",
+      {
+        type: "submit",
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+        children: "Apply"
+      }
+    )
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { role: "status", "aria-label": "Loading delivery logs", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Loading delivery logs" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load delivery logs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  } else {
+    const rows = data?.items ?? [];
+    const totalPages = data?.totalPages ?? 1;
+    if (rows.length === 0) {
+      body = /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No delivery logs" });
+    } else {
+      body = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Channel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Recipient" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "User" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Provider" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Attempts" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("tr", { className: "border-b border-border", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "py-3 pe-4", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_ui28.StatusBadge, { variant: channelVariant(row.channel), appearance: "dot", children: row.channel }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.recipient ?? "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "px-4 py-3 font-mono text-foreground", children: row.userId }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "px-4 py-3 text-foreground", children: row.status }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.provider ?? "\u2014" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.attempts }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui28.formatDateTime)(row.createdAt) })
+          ] }, row.id)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("nav", { "aria-label": "Delivery log pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.max(1, p - 1)),
+              disabled: page <= 1,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Previous"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPage((p) => Math.min(totalPages, p + 1)),
+              disabled: page >= totalPages,
+              className: "rounded-md border border-border px-3 py-1 text-sm text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Next"
+            }
+          )
+        ] })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("section", { "aria-label": "Delivery log explorer", className: (0, import_react_ui28.cn)("flex flex-col gap-4", className), children: [
+    filterForm,
+    body
+  ] });
+}
+
+// src/quiet-hours-form.tsx
+var import_react18 = require("react");
+var import_react_ui29 = require("@quanticjs/react-ui");
+var import_react_query27 = require("@quanticjs/react-query");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var DEFAULTS = {
+  enabled: false,
+  start: "22:00",
+  end: "08:00",
+  timezone: "UTC"
+};
+function normalize5(raw) {
+  const obj = raw ?? {};
+  return {
+    enabled: typeof obj.enabled === "boolean" ? obj.enabled : DEFAULTS.enabled,
+    start: typeof obj.start === "string" ? obj.start : typeof obj.startHour === "string" ? obj.startHour : DEFAULTS.start,
+    end: typeof obj.end === "string" ? obj.end : typeof obj.endHour === "string" ? obj.endHour : DEFAULTS.end,
+    timezone: typeof obj.timezone === "string" ? obj.timezone : DEFAULTS.timezone
+  };
+}
+function QuietHoursForm({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui29.useToast)();
+  const url = `${basePath}/notifications/config/quiet-hours`;
+  const { data, isLoading, isError, refetch } = (0, import_react_query27.useApiQuery)(
+    ["quiet-hours"],
+    (client) => client.get(url)
+  );
+  const [form, setForm] = (0, import_react18.useState)(DEFAULTS);
+  (0, import_react18.useEffect)(() => {
+    if (data !== void 0) {
+      setForm(normalize5(data));
+    }
+  }, [data]);
+  const save = (0, import_react_query27.useApiMutation)((client, payload) => client.put(url, payload), {
+    invalidates: [["quiet-hours"]],
+    onSuccess: () => toast.success("Quiet hours saved"),
+    onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+      description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+    })
+  });
+  const onSubmit = (event) => {
+    event.preventDefault();
+    save.mutate(form);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading quiet hours",
+        className: (0, import_react_ui29.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Loading quiet hours" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: (0, import_react_ui29.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load quiet hours" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("form", { onSubmit, className: (0, import_react_ui29.cn)("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: "Quiet hours" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: form.enabled,
+          onChange: (e) => setForm((prev) => ({ ...prev, enabled: e.target.checked })),
+          className: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      "Enable quiet hours"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-wrap gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { htmlFor: "qh-start", className: "text-sm font-medium text-foreground", children: "Start" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "input",
+          {
+            id: "qh-start",
+            type: "time",
+            value: form.start,
+            onChange: (e) => setForm((prev) => ({ ...prev, start: e.target.value })),
+            className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { htmlFor: "qh-end", className: "text-sm font-medium text-foreground", children: "End" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "input",
+          {
+            id: "qh-end",
+            type: "time",
+            value: form.end,
+            onChange: (e) => setForm((prev) => ({ ...prev, end: e.target.value })),
+            className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { htmlFor: "qh-tz", className: "text-sm font-medium text-foreground", children: "Timezone" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          "input",
+          {
+            id: "qh-tz",
+            type: "text",
+            value: form.timezone,
+            onChange: (e) => setForm((prev) => ({ ...prev, timezone: e.target.value })),
+            className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: save.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: save.isPending ? "Saving\u2026" : "Save"
+      }
+    ) })
+  ] });
+}
+
+// src/frequency-cap-table.tsx
+var import_react19 = require("react");
+var import_react_ui30 = require("@quanticjs/react-ui");
+var import_react_query28 = require("@quanticjs/react-query");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function normalize6(raw) {
+  const list = Array.isArray(raw) ? raw : Array.isArray(raw?.caps) ? raw.caps : [];
+  return list.map((entry) => {
+    const obj = entry ?? {};
+    const max = typeof obj.maxPerDay === "number" ? obj.maxPerDay : typeof obj.limit === "number" ? obj.limit : typeof obj.perDay === "number" ? obj.perDay : 0;
+    return { type: typeof obj.type === "string" ? obj.type : "", maxPerDay: max };
+  });
+}
+function FrequencyCapTable({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui30.useToast)();
+  const url = `${basePath}/notifications/config/frequency-cap`;
+  const { data, isLoading, isError, refetch } = (0, import_react_query28.useApiQuery)(
+    ["frequency-cap"],
+    (client) => client.get(url)
+  );
+  const [caps, setCaps] = (0, import_react19.useState)([]);
+  const [newType, setNewType] = (0, import_react19.useState)("");
+  const [newMax, setNewMax] = (0, import_react19.useState)(0);
+  (0, import_react19.useEffect)(() => {
+    if (data !== void 0) {
+      setCaps(normalize6(data));
+    }
+  }, [data]);
+  const save = (0, import_react_query28.useApiMutation)(
+    (client, payload) => client.put(url, payload),
+    {
+      invalidates: [["frequency-cap"]],
+      onSuccess: () => toast.success("Frequency caps saved"),
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  const updateRow = (index, value) => setCaps((prev) => prev.map((cap, i) => i === index ? { ...cap, maxPerDay: value } : cap));
+  const removeRow = (index) => setCaps((prev) => prev.filter((_, i) => i !== index));
+  const addRow = (event) => {
+    event.preventDefault();
+    const type = newType.trim();
+    if (!type) return;
+    setCaps((prev) => [...prev, { type, maxPerDay: newMax }]);
+    setNewType("");
+    setNewMax(0);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading frequency caps",
+        className: (0, import_react_ui30.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Loading frequency caps" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: (0, import_react_ui30.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load frequency caps" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("section", { "aria-label": "Frequency caps", className: (0, import_react_ui30.cn)("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: "Frequency caps" }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Max per day" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Actions" }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("tbody", { children: caps.map((cap, index) => {
+        const inputId = `cap-${index}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "py-3 pe-4 text-foreground", children: cap.type }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("td", { className: "px-4 py-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("label", { htmlFor: inputId, className: "sr-only", children: [
+              "Max per day for ",
+              cap.type
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              "input",
+              {
+                id: inputId,
+                type: "number",
+                min: 0,
+                value: cap.maxPerDay,
+                onChange: (e) => updateRow(index, Number(e.target.value)),
+                className: "w-24 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => removeRow(index),
+              className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+              children: "Remove"
+            }
+          ) })
+        ] }, `${cap.type}-${index}`);
+      }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("form", { onSubmit: addRow, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("label", { htmlFor: "cap-new-type", className: "text-sm font-medium text-foreground", children: "New type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          "input",
+          {
+            id: "cap-new-type",
+            type: "text",
+            value: newType,
+            onChange: (e) => setNewType(e.target.value),
+            className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("label", { htmlFor: "cap-new-max", className: "text-sm font-medium text-foreground", children: "Max per day" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          "input",
+          {
+            id: "cap-new-max",
+            type: "number",
+            min: 0,
+            value: newMax,
+            onChange: (e) => setNewMax(Number(e.target.value)),
+            className: "w-24 rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        "button",
+        {
+          type: "submit",
+          className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "button",
+      {
+        type: "button",
+        disabled: save.isPending,
+        onClick: () => save.mutate({ caps }),
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: save.isPending ? "Saving\u2026" : "Save"
+      }
+    ) })
+  ] });
+}
+
+// src/tenant-config-form.tsx
+var import_react20 = require("react");
+var import_react_ui31 = require("@quanticjs/react-ui");
+var import_react_query29 = require("@quanticjs/react-query");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function normalize7(raw) {
+  const obj = raw ?? {};
+  const toList = (value) => Array.isArray(value) ? value.filter((v) => typeof v === "string") : [];
+  return {
+    notificationTypes: toList(obj.notificationTypes),
+    immediateEmailTypes: toList(obj.immediateEmailTypes)
+  };
+}
+function TagEditor({ id, label, values, onAdd, onRemove }) {
+  const [draft, setDraft] = (0, import_react20.useState)("");
+  const add = (event) => {
+    event.preventDefault();
+    const value = draft.trim();
+    if (!value) return;
+    onAdd(value);
+    setDraft("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { className: "flex flex-wrap gap-2", children: values.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { className: "text-sm text-muted-foreground", children: "None" }) : values.map((value) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      "li",
+      {
+        className: "flex items-center gap-1 rounded-md border border-border bg-card px-2 py-1 text-sm text-foreground",
+        children: [
+          value,
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${value}`,
+              onClick: () => onRemove(value),
+              className: "rounded text-muted-foreground hover:text-destructive focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+              children: "\xD7"
+            }
+          )
+        ]
+      },
+      value
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("form", { onSubmit: add, className: "flex items-end gap-2", noValidate: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("label", { htmlFor: id, className: "sr-only", children: [
+          "Add to ",
+          label
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          "input",
+          {
+            id,
+            type: "text",
+            value: draft,
+            onChange: (e) => setDraft(e.target.value),
+            className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        "button",
+        {
+          type: "submit",
+          className: "rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Add"
+        }
+      )
+    ] })
+  ] });
+}
+function TenantConfigForm({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui31.useToast)();
+  const url = `${basePath}/admin/notification-config`;
+  const { data, isLoading, isError, refetch } = (0, import_react_query29.useApiQuery)(
+    ["tenant-config"],
+    (client) => client.get(url)
+  );
+  const [config, setConfig] = (0, import_react20.useState)({
+    notificationTypes: [],
+    immediateEmailTypes: []
+  });
+  const [subsetError, setSubsetError] = (0, import_react20.useState)(void 0);
+  (0, import_react20.useEffect)(() => {
+    if (data !== void 0) {
+      setConfig(normalize7(data));
+    }
+  }, [data]);
+  const save = (0, import_react_query29.useApiMutation)(
+    (client, payload) => client.put(url, payload),
+    {
+      invalidates: [["tenant-config"]],
+      onSuccess: () => toast.success("Configuration saved"),
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  const addType = (value) => setConfig(
+    (prev) => prev.notificationTypes.includes(value) ? prev : { ...prev, notificationTypes: [...prev.notificationTypes, value] }
+  );
+  const removeType = (value) => setConfig((prev) => ({
+    ...prev,
+    notificationTypes: prev.notificationTypes.filter((t) => t !== value)
+  }));
+  const addImmediate = (value) => setConfig(
+    (prev) => prev.immediateEmailTypes.includes(value) ? prev : { ...prev, immediateEmailTypes: [...prev.immediateEmailTypes, value] }
+  );
+  const removeImmediate = (value) => setConfig((prev) => ({
+    ...prev,
+    immediateEmailTypes: prev.immediateEmailTypes.filter((t) => t !== value)
+  }));
+  const onSubmit = (event) => {
+    event.preventDefault();
+    const invalid = config.immediateEmailTypes.filter((t) => !config.notificationTypes.includes(t));
+    if (invalid.length > 0) {
+      setSubsetError(
+        `Immediate email types must be a subset of notification types. Not allowed: ${invalid.join(", ")}`
+      );
+      return;
+    }
+    setSubsetError(void 0);
+    save.mutate(config);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading tenant configuration",
+        className: (0, import_react_ui31.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Loading tenant configuration" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_react_ui31.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load tenant configuration" }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const errorId = "tenant-config-subset-error";
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    "form",
+    {
+      onSubmit,
+      className: (0, import_react_ui31.cn)("flex flex-col gap-5", className),
+      noValidate: true,
+      "aria-invalid": subsetError ? "true" : void 0,
+      "aria-describedby": subsetError ? errorId : void 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: "Notification configuration" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          TagEditor,
+          {
+            id: "tc-notification-types",
+            label: "Notification types",
+            values: config.notificationTypes,
+            onAdd: addType,
+            onRemove: removeType
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          TagEditor,
+          {
+            id: "tc-immediate-email-types",
+            label: "Immediate email types",
+            values: config.immediateEmailTypes,
+            onAdd: addImmediate,
+            onRemove: removeImmediate
+          }
+        ),
+        subsetError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { id: errorId, className: "text-xs text-destructive", children: subsetError }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          "button",
+          {
+            type: "submit",
+            disabled: save.isPending,
+            className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+            children: save.isPending ? "Saving\u2026" : "Save"
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/tracking-config-form.tsx
+var import_react21 = require("react");
+var import_react_ui32 = require("@quanticjs/react-ui");
+var import_react_query30 = require("@quanticjs/react-query");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function normalize8(raw) {
+  const obj = raw ?? {};
+  const bool = (...keys) => {
+    for (const key of keys) {
+      if (typeof obj[key] === "boolean") return obj[key];
+    }
+    return false;
+  };
+  return {
+    openTrackingEnabled: bool("openTrackingEnabled", "opensEnabled"),
+    clickTrackingEnabled: bool("clickTrackingEnabled", "clicksEnabled")
+  };
+}
+function TrackingConfigForm({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui32.useToast)();
+  const url = `${basePath}/analytics/notifications/tracking-config`;
+  const { data, isLoading, isError, refetch } = (0, import_react_query30.useApiQuery)(
+    ["tracking-config"],
+    (client) => client.get(url)
+  );
+  const [form, setForm] = (0, import_react21.useState)({
+    openTrackingEnabled: false,
+    clickTrackingEnabled: false
+  });
+  (0, import_react21.useEffect)(() => {
+    if (data !== void 0) {
+      setForm(normalize8(data));
+    }
+  }, [data]);
+  const save = (0, import_react_query30.useApiMutation)(
+    (client, payload) => client.post(url, payload),
+    {
+      invalidates: [["tracking-config"]],
+      onSuccess: () => toast.success("Tracking configuration saved"),
+      onError: (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+        description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+      })
+    }
+  );
+  const onSubmit = (event) => {
+    event.preventDefault();
+    save.mutate(form);
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading tracking configuration",
+        className: (0, import_react_ui32.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Loading tracking configuration" }),
+          [0, 1].map((i) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: (0, import_react_ui32.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load tracking configuration" }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("form", { onSubmit, className: (0, import_react_ui32.cn)("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "text-sm font-semibold text-foreground", children: "Tracking configuration" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: form.openTrackingEnabled,
+          onChange: (e) => setForm((prev) => ({ ...prev, openTrackingEnabled: e.target.checked })),
+          className: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      "Open tracking"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: form.clickTrackingEnabled,
+          onChange: (e) => setForm((prev) => ({ ...prev, clickTrackingEnabled: e.target.checked })),
+          className: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      ),
+      "Click tracking"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: save.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: save.isPending ? "Saving\u2026" : "Save"
+      }
+    ) })
+  ] });
+}
+
+// src/api-key-manager.tsx
+var import_react22 = require("react");
+var import_react_ui33 = require("@quanticjs/react-ui");
+var import_react_query31 = require("@quanticjs/react-query");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function normalize9(raw) {
+  const list = Array.isArray(raw) ? raw : Array.isArray(raw?.items) ? raw.items : [];
+  return list;
+}
+function ApiKeyManager({ basePath = "/api", className }) {
+  const toast = (0, import_react_ui33.useToast)();
+  const url = `${basePath}/v1/admin/api-keys`;
+  const { data, isLoading, isError, refetch } = (0, import_react_query31.useApiQuery)(
+    ["api-keys"],
+    (client) => client.get(url)
+  );
+  const [name, setName] = (0, import_react22.useState)("");
+  const [applicationKey, setApplicationKey] = (0, import_react22.useState)("");
+  const onMutationError = (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+    description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+  });
+  const create = (0, import_react_query31.useApiMutation)(
+    (client, vars) => client.post(url, {
+      name: vars.name,
+      ...vars.applicationKey ? { applicationKey: vars.applicationKey } : {}
+    }),
+    {
+      invalidates: [["api-keys"]],
+      onSuccess: (result) => {
+        const secret = result?.key ?? result?.secret;
+        if (secret) {
+          toast.success("API key created \u2014 copy it now", {
+            description: `This secret is shown only once: ${secret}`
+          });
+        } else {
+          toast.success("API key created");
+        }
+        setName("");
+        setApplicationKey("");
+      },
+      onError: onMutationError
+    }
+  );
+  const revoke = (0, import_react_query31.useApiMutation)((client, id) => client.delete(`${url}/${id}`), {
+    invalidates: [["api-keys"]],
+    onSuccess: () => {
+      toast.success("API key revoked");
+      void refetch();
+    },
+    onError: onMutationError
+  });
+  const onCreate = (event) => {
+    event.preventDefault();
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    create.mutate({ name: trimmed, applicationKey: applicationKey.trim() || void 0 });
+  };
+  const onRevoke = (id) => {
+    if (window.confirm("Revoke this API key? Applications using it will lose access.")) {
+      revoke.mutate(id);
+    }
+  };
+  const createForm = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("form", { onSubmit: onCreate, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: "api-key-name", className: "text-sm font-medium text-foreground", children: "New key name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "input",
+        {
+          id: "api-key-name",
+          type: "text",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: "api-key-app", className: "text-sm font-medium text-foreground", children: "Application (optional)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "input",
+        {
+          id: "api-key-app",
+          type: "text",
+          value: applicationKey,
+          onChange: (e) => setApplicationKey(e.target.value),
+          placeholder: "delivery-hub",
+          className: "rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: create.isPending,
+        className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: create.isPending ? "Creating\u2026" : "Create key"
+      }
+    )
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { role: "status", "aria-label": "Loading API keys", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "Loading API keys" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load API keys" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  } else {
+    const rows = normalize9(data);
+    if (rows.length === 0) {
+      body = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No API keys" });
+    } else {
+      body = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Prefix" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Application" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Last used" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("tbody", { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "py-3 pe-4 text-foreground", children: row.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "px-4 py-3 font-mono text-muted-foreground", children: row.prefix ?? "\u2014" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "px-4 py-3 font-mono text-muted-foreground", children: row.applicationKey ?? "\u2014" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_ui33.StatusBadge, { variant: row.revoked ? "destructive" : "success", children: row.revoked ? "Revoked" : "Active" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: (0, import_react_ui33.formatDateTime)(row.createdAt) }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "px-4 py-3 text-muted-foreground", children: row.lastUsedAt ? (0, import_react_ui33.formatDateTime)(row.lastUsedAt) : "\u2014" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("td", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            "button",
+            {
+              type: "button",
+              disabled: revoke.isPending || row.revoked,
+              onClick: () => onRevoke(row.id),
+              className: "rounded-md border border-border px-3 py-1 text-sm font-medium text-destructive hover:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+              children: "Revoke"
+            }
+          ) })
+        ] }, row.id)) })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("section", { "aria-label": "API key management", className: (0, import_react_ui33.cn)("flex flex-col gap-4", className), children: [
+    createForm,
+    body
+  ] });
+}
+
+// src/application-registry-panel.tsx
+var import_react23 = require("react");
+var import_react_ui34 = require("@quanticjs/react-ui");
+var import_react_query32 = require("@quanticjs/react-query");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function normalize10(raw) {
+  const list = Array.isArray(raw) ? raw : Array.isArray(raw?.items) ? raw.items : [];
+  return list;
+}
+function ApplicationRegistryPanel({
+  basePath = "/api",
+  className
+}) {
+  const toast = (0, import_react_ui34.useToast)();
+  const url = `${basePath}/admin/applications`;
+  const { data, isLoading, isError, refetch } = (0, import_react_query32.useApiQuery)(
+    ["applications"],
+    (client) => client.get(url)
+  );
+  const [key, setKey] = (0, import_react23.useState)("");
+  const [displayName, setDisplayName] = (0, import_react23.useState)("");
+  const [description, setDescription] = (0, import_react23.useState)("");
+  const onMutationError = (error) => toast.error(error.isServerError ? "Something went wrong" : error.title, {
+    description: error.isServerError ? `Please try again. (ref: ${error.correlationId ?? "unknown"})` : `${error.detail ?? ""} (ref: ${error.correlationId ?? "unknown"})`
+  });
+  const register = (0, import_react_query32.useApiMutation)((client, body) => client.post(url, body), {
+    invalidates: [["applications"]],
+    onSuccess: () => {
+      toast.success("Application registered");
+      setKey("");
+      setDisplayName("");
+      setDescription("");
+    },
+    onError: onMutationError
+  });
+  const setStatus = (0, import_react_query32.useApiMutation)((client, body) => client.patch(`${url}/${body.key}`, { status: body.status }), {
+    invalidates: [["applications"]],
+    onSuccess: () => {
+      toast.success("Application updated");
+      void refetch();
+    },
+    onError: onMutationError
+  });
+  const onRegister = (event) => {
+    event.preventDefault();
+    const k = key.trim();
+    const name = displayName.trim();
+    if (!k || !name) return;
+    register.mutate({ key: k, displayName: name, description: description.trim() || void 0 });
+  };
+  const registerForm = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("form", { onSubmit: onRegister, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("label", { htmlFor: "application-key", className: "text-sm font-medium text-foreground", children: "Key (slug)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "input",
+        {
+          id: "application-key",
+          type: "text",
+          value: key,
+          onChange: (e) => setKey(e.target.value),
+          placeholder: "delivery-hub",
+          className: "rounded border border-border bg-background px-3 py-1.5 text-sm text-foreground"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("label", { htmlFor: "application-name", className: "text-sm font-medium text-foreground", children: "Display name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "input",
+        {
+          id: "application-name",
+          type: "text",
+          value: displayName,
+          onChange: (e) => setDisplayName(e.target.value),
+          placeholder: "DeliveryHub",
+          className: "rounded border border-border bg-background px-3 py-1.5 text-sm text-foreground"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("label", { htmlFor: "application-description", className: "text-sm font-medium text-foreground", children: "Description (optional)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "input",
+        {
+          id: "application-description",
+          type: "text",
+          value: description,
+          onChange: (e) => setDescription(e.target.value),
+          className: "rounded border border-border bg-background px-3 py-1.5 text-sm text-foreground"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "button",
+      {
+        type: "submit",
+        disabled: register.isPending,
+        className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+        children: "Register"
+      }
+    )
+  ] });
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading applications",
+        className: (0, import_react_ui34.cn)("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "sr-only", children: "Loading applications" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: (0, import_react_ui34.cn)("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm text-foreground", children: "Failed to load applications" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => void refetch(),
+          className: "rounded bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  const apps = normalize10(data);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("section", { "aria-label": "Applications", className: (0, import_react_ui34.cn)("flex flex-col gap-4 p-4", className), children: [
+    registerForm,
+    apps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "p-6 text-center text-sm text-muted-foreground", children: "No applications registered" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "py-2 font-medium", children: "Key" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "py-2 font-medium", children: "Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "py-2 font-medium", children: "Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "py-2 font-medium", children: "Created" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("th", { className: "py-2 font-medium", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("tbody", { children: apps.map((app) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "py-2 font-mono text-foreground", children: app.key }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "py-2 text-foreground", children: app.displayName }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "py-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_ui34.StatusBadge, { variant: app.status === "active" ? "success" : "neutral", children: app.status }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "py-2 text-muted-foreground", children: (0, import_react_ui34.formatDateTime)(app.createdAt) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("td", { className: "py-2", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          "button",
+          {
+            type: "button",
+            disabled: setStatus.isPending,
+            onClick: () => setStatus.mutate({
+              key: app.key,
+              status: app.status === "active" ? "disabled" : "active"
+            }),
+            className: "text-primary hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring disabled:opacity-50",
+            children: app.status === "active" ? "Disable" : "Enable"
+          }
+        ) })
+      ] }, app.id)) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApiKeyManager,
+  ApplicationRegistryPanel,
+  BroadcastComposer,
+  BroadcastList,
+  BroadcastProgress,
+  CatalogEditor,
+  DeliveryAnalyticsPage,
+  DeliveryLogExplorer,
+  DeliveryLogViewer,
+  DlqConsole,
+  FallbackReportPanel,
+  FrequencyCapTable,
+  FunnelStats,
+  MissingTranslationsPanel,
+  NotificationBell,
+  NotificationInbox,
+  NotificationPreferences,
+  NotificationProvider,
+  NotificationRealtimeProvider,
+  OperationsOverview,
+  QuietHoursForm,
+  RecipientAdminPanel,
+  SegmentBuilder,
+  SegmentList,
+  SuppressionManager,
+  TemplateEditor,
+  TemplateList,
+  TemplatePreviewPane,
+  TemplateStatusBadge,
+  TemplateVersionHistory,
+  TenantConfigForm,
+  TrackingConfigForm,
+  TrendChart,
+  TypeTable,
+  WebhookEndpointManager,
+  useBroadcasts,
+  useDeliveryAnalytics,
+  useDeliveryTypes,
+  useFunnelStats,
+  useNotificationConfig,
+  useNotificationFeed,
+  useRealtimeContext,
+  useUnreadCount
+});
+//# sourceMappingURL=index.cjs.map