@quanticjs/notification-ui 8.0.0

package/dist/index.js

@@ -0,0 +1,4571 @@
+// src/notification-provider.tsx
+import { createContext as createContext2, useContext as useContext2, useMemo } from "react";
+
+// src/notification-realtime-provider.tsx
+import { createContext, useContext, useEffect, useRef, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { io } from "socket.io-client";
+import { jsx } from "react/jsx-runtime";
+var RealtimeContext = createContext({ socket: null, status: "disabled" });
+function NotificationRealtimeProvider({
+  serverUrl = "",
+  disabled = false,
+  appId,
+  children
+}) {
+  const queryClient = useQueryClient();
+  const [socket, setSocket] = useState(null);
+  const [status, setStatus] = useState(disabled ? "disabled" : "disconnected");
+  const invalidateTimers = useRef(/* @__PURE__ */ new Map());
+  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 = 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__ */ jsx(RealtimeContext.Provider, { value: { socket, status }, children });
+}
+function useRealtimeContext() {
+  return useContext(RealtimeContext);
+}
+
+// src/notification-provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DEFAULT_CONFIG = {
+  appId: void 0,
+  basePath: "/notifications",
+  pollIntervalMs: 6e4
+};
+var NotificationConfigContext = createContext2(DEFAULT_CONFIG);
+function useNotificationConfig() {
+  return useContext2(NotificationConfigContext);
+}
+function NotificationProvider({
+  appId,
+  basePath = "/notifications",
+  pollIntervalMs = 6e4,
+  serverUrl,
+  disabled,
+  children
+}) {
+  const config = useMemo(
+    () => ({ appId, basePath, pollIntervalMs }),
+    [appId, basePath, pollIntervalMs]
+  );
+  return /* @__PURE__ */ jsx2(NotificationConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx2(NotificationRealtimeProvider, { appId, serverUrl, disabled, children }) });
+}
+
+// src/notification-preferences.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { useApiQuery, useApiMutation } from "@quanticjs/react-query";
+import { useToast, cn } from "@quanticjs/react-ui";
+import { jsx as jsx3, jsxs } from "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 = useToast();
+  const { data, isLoading, isError, refetch } = useApiQuery(
+    ["notifications", "preferences"],
+    (client) => client.get(`${basePath}/preferences`)
+  );
+  const serverRows = useMemo2(() => data ? toRows(data) : [], [data]);
+  const [rows, setRows] = useState2(serverRows);
+  useEffect2(() => setRows(serverRows), [serverRows]);
+  const mutation = 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__ */ jsx3("div", { role: "status", "aria-label": "Loading notification preferences", className: cn("space-y-2", className), children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx3("div", { className: "h-10 animate-pulse rounded-md bg-muted" }, i)) });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("rounded-md border border-border p-6 text-center", className), children: [
+      /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: "Failed to load notification preferences." }),
+      /* @__PURE__ */ jsx3(
+        "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__ */ jsx3("div", { className: cn("rounded-md border border-border p-6 text-center", className), children: /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: "No notification preferences available." }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx3("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Notification" }),
+        /* @__PURE__ */ jsx3("th", { scope: "col", className: "px-4 py-2 font-medium", children: "In-app" }),
+        /* @__PURE__ */ jsx3("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Email" }),
+        /* @__PURE__ */ jsx3("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Email digest" })
+      ] }) }),
+      /* @__PURE__ */ jsx3("tbody", { children: rows.map((row) => {
+        const label = typeLabels?.[row.type] ?? deriveLabel(row.type);
+        return /* @__PURE__ */ jsxs("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ jsx3("td", { className: "py-3 pe-4", children: label }),
+          /* @__PURE__ */ jsx3("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": `${label} in-app notifications`,
+              checked: row.inappEnabled,
+              onChange: (e) => update(row.type, { inappEnabled: e.target.checked })
+            }
+          ) }),
+          /* @__PURE__ */ jsx3("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx3(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": `${label} email notifications`,
+              checked: row.emailEnabled,
+              onChange: (e) => update(row.type, { emailEnabled: e.target.checked })
+            }
+          ) }),
+          /* @__PURE__ */ jsx3("td", { className: "px-4 py-3", children: /* @__PURE__ */ 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__ */ jsx3("option", { value: "none", children: "Immediately" }),
+                /* @__PURE__ */ jsx3("option", { value: "hourly", children: "Hourly digest" }),
+                /* @__PURE__ */ jsx3("option", { value: "daily", children: "Daily digest" })
+              ]
+            }
+          ) })
+        ] }, row.type);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      "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
+import { useApiQuery as useApiQuery2 } from "@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 useApiQuery2(key, (client) => client.get(url), {
+    refetchInterval: socketUp ? false : pollIntervalMs,
+    staleTime: socketUp ? Infinity : pollIntervalMs / 2
+  });
+}
+
+// src/use-notification-feed.ts
+import { useEffect as useEffect3 } from "react";
+import { useApiQuery as useApiQuery3, useApiMutation as useApiMutation2 } from "@quanticjs/react-query";
+import { useToast as useToast2 } from "@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 = useToast2();
+  const appParam = appId ? `&appId=${encodeURIComponent(appId)}` : "";
+  const readAllPath = appId ? `${basePath}/read-all?appId=${encodeURIComponent(appId)}` : `${basePath}/read-all`;
+  const query = useApiQuery3(
+    ["notifications", { limit, appId }],
+    (client) => client.get(`${basePath}?page=1&pageSize=${limit}${appParam}`),
+    {
+      refetchInterval: socketUp ? false : pollIntervalMs,
+      staleTime: socketUp ? Infinity : pollIntervalMs / 2
+    }
+  );
+  useEffect3(() => {
+    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 = useApiMutation2(
+    (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 = useApiMutation2(
+    (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
+import { cn as cn2 } from "@quanticjs/react-ui";
+import { jsx as jsx4, jsxs as jsxs2 } from "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__ */ jsxs2(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": "Notifications",
+      className: cn2(
+        "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__ */ jsx4(
+          "svg",
+          {
+            "aria-hidden": "true",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.8",
+            className: "h-5 w-5",
+            children: /* @__PURE__ */ jsx4(
+              "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__ */ jsx4("span", { role: "status", "aria-label": label, className: "sr-only", children: label }),
+        count > 0 && /* @__PURE__ */ jsx4(
+          "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
+import { cn as cn3 } from "@quanticjs/react-ui";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function NotificationInbox({
+  basePath,
+  pollIntervalMs,
+  appId,
+  className
+}) {
+  const { data, isLoading, isError, refetch, markRead, markAllRead } = useNotificationFeed({
+    basePath,
+    pollIntervalMs,
+    appId
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading notifications",
+        className: cn3("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "Loading notifications" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx5("div", { "aria-hidden": "true", className: "h-12 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs3("div", { className: cn3("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx5("p", { className: "text-sm text-foreground", children: "Failed to load notifications" }),
+      /* @__PURE__ */ jsx5(
+        "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__ */ jsx5("div", { className: cn3("p-6 text-center text-sm text-muted-foreground", className), children: "No notifications yet" });
+  }
+  return /* @__PURE__ */ jsxs3("section", { "aria-label": "Notifications", className: cn3("flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs3("header", { className: "flex items-center justify-between border-b border-border px-4 py-2", children: [
+      /* @__PURE__ */ jsx5("h2", { className: "text-sm font-semibold text-foreground", children: "Notifications" }),
+      /* @__PURE__ */ jsx5(
+        "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__ */ jsx5("ul", { className: "divide-y divide-border", children: items.map((item) => /* @__PURE__ */ jsx5(InboxRow, { item, onMarkRead: () => markRead.mutate(item.id) }, item.id)) })
+  ] });
+}
+function InboxRow({
+  item,
+  onMarkRead
+}) {
+  return /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs3(
+    "button",
+    {
+      type: "button",
+      onClick: onMarkRead,
+      "aria-label": `${item.title}${item.isRead ? "" : " (unread)"}`,
+      className: cn3(
+        "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__ */ jsxs3("span", { className: "flex items-center gap-2 text-sm font-medium", children: [
+          !item.isRead && /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "h-2 w-2 rounded-full bg-primary" }),
+          item.title
+        ] }),
+        item.body && /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: item.body })
+      ]
+    }
+  ) });
+}
+
+// src/delivery-analytics-page.tsx
+import { useState as useState3 } from "react";
+import { cn as cn7 } from "@quanticjs/react-ui";
+
+// src/use-delivery-analytics.ts
+import { useApiQuery as useApiQuery4 } from "@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 useApiQuery4(
+    ["delivery-analytics", "summary", filters],
+    (client) => client.get(`${basePath}/summary?${toQuery(filters)}`)
+  );
+}
+
+// src/use-funnel-stats.ts
+import { useApiQuery as useApiQuery5 } from "@quanticjs/react-query";
+function useFunnelStats({
+  basePath = "/analytics/notifications",
+  ...filters
+}) {
+  return useApiQuery5(
+    ["delivery-analytics", "funnel", filters],
+    (client) => client.get(`${basePath}/funnel?${toQuery(filters)}`)
+  );
+}
+
+// src/use-delivery-types.ts
+import { useApiQuery as useApiQuery6 } from "@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 useApiQuery6(
+    ["delivery-analytics", "types", filters],
+    (client) => client.get(`${basePath}/types?${params.toString()}`)
+  );
+}
+
+// src/funnel-stats.tsx
+import { cn as cn4 } from "@quanticjs/react-ui";
+import { jsx as jsx6, jsxs as jsxs4 } from "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__ */ jsx6("ul", { className: cn4("grid grid-cols-2 gap-3 sm:grid-cols-4", className), "aria-label": "Delivery funnel", children: cards.map((c) => /* @__PURE__ */ jsxs4(
+    "li",
+    {
+      className: "flex flex-col gap-1 rounded-lg border border-border bg-card p-4",
+      children: [
+        /* @__PURE__ */ jsx6("span", { className: "text-xs font-medium text-muted-foreground", children: c.label }),
+        /* @__PURE__ */ jsx6("span", { className: "text-2xl font-semibold text-foreground", children: c.value })
+      ]
+    },
+    c.label
+  )) });
+}
+
+// src/trend-chart.tsx
+import { cn as cn5 } from "@quanticjs/react-ui";
+import {
+  CartesianGrid,
+  Line,
+  LineChart,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis
+} from "recharts";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function TrendChart({ data, className }) {
+  return /* @__PURE__ */ jsx7("div", { className: cn5("h-72 w-full", className), role: "img", "aria-label": "Delivery trend over time", children: /* @__PURE__ */ jsx7(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs5(LineChart, { data, margin: { top: 8, right: 16, bottom: 8, left: 0 }, children: [
+    /* @__PURE__ */ jsx7(CartesianGrid, { strokeDasharray: "3 3", stroke: "hsl(var(--border))" }),
+    /* @__PURE__ */ jsx7(XAxis, { dataKey: "day", stroke: "hsl(var(--muted-foreground))", fontSize: 12 }),
+    /* @__PURE__ */ jsx7(YAxis, { stroke: "hsl(var(--muted-foreground))", fontSize: 12, allowDecimals: false }),
+    /* @__PURE__ */ jsx7(Tooltip, {}),
+    /* @__PURE__ */ jsx7(Line, { type: "monotone", dataKey: "sends", stroke: "hsl(var(--primary))", dot: false }),
+    /* @__PURE__ */ jsx7(Line, { type: "monotone", dataKey: "delivered", stroke: "hsl(var(--chart-2, var(--primary)))", dot: false }),
+    /* @__PURE__ */ jsx7(Line, { type: "monotone", dataKey: "opened", stroke: "hsl(var(--chart-3, var(--primary)))", dot: false }),
+    /* @__PURE__ */ jsx7(Line, { type: "monotone", dataKey: "clicked", stroke: "hsl(var(--chart-4, var(--primary)))", dot: false })
+  ] }) }) });
+}
+
+// src/type-table.tsx
+import { cn as cn6 } from "@quanticjs/react-ui";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var pct2 = (n) => `${(n * 100).toFixed(1)}%`;
+function TypeTable({ rows, className }) {
+  return /* @__PURE__ */ jsxs6("table", { className: cn6("w-full border-collapse text-sm", className), children: [
+    /* @__PURE__ */ jsx8("caption", { className: "sr-only", children: "Delivery breakdown by notification type" }),
+    /* @__PURE__ */ jsx8("thead", { children: /* @__PURE__ */ jsxs6("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ jsx8("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Type" }),
+      /* @__PURE__ */ jsx8("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Sends" }),
+      /* @__PURE__ */ jsx8("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Delivered" }),
+      /* @__PURE__ */ jsx8("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Open rate" }),
+      /* @__PURE__ */ jsx8("th", { scope: "col", className: "py-2 font-medium", children: "Click rate" })
+    ] }) }),
+    /* @__PURE__ */ jsx8("tbody", { children: rows.map((r) => /* @__PURE__ */ jsxs6("tr", { className: "border-b border-border/50", children: [
+      /* @__PURE__ */ jsx8("td", { className: "py-2 pe-4 font-medium text-foreground", children: r.type }),
+      /* @__PURE__ */ jsx8("td", { className: "py-2 pe-4 text-foreground", children: r.sends }),
+      /* @__PURE__ */ jsx8("td", { className: "py-2 pe-4 text-foreground", children: r.delivered }),
+      /* @__PURE__ */ jsx8("td", { className: "py-2 pe-4 text-foreground", children: pct2(r.openRate) }),
+      /* @__PURE__ */ jsx8("td", { className: "py-2 text-foreground", children: pct2(r.clickRate) })
+    ] }, r.type)) })
+  ] });
+}
+
+// src/delivery-analytics-page.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "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] = useState3("");
+  const [from, setFrom] = useState3(DEFAULT_FROM);
+  const [to, setTo] = useState3(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__ */ jsxs7("main", { className: cn7("flex flex-col gap-6 p-4 sm:p-6", className), children: [
+    /* @__PURE__ */ jsxs7("header", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx9("h1", { className: "text-xl font-semibold text-foreground", children: "Delivery Analytics" }),
+      /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: "Cross-channel send, open, and click performance." })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-end gap-3", children: [
+      /* @__PURE__ */ jsxs7("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx9("span", { className: "font-medium text-foreground", children: "Channel" }),
+        /* @__PURE__ */ jsx9(
+          "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__ */ jsx9("option", { value: c, children: c === "" ? "All channels" : c }, c || "all"))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx9("span", { className: "font-medium text-foreground", children: "From" }),
+        /* @__PURE__ */ jsx9(
+          "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__ */ jsxs7("label", { className: "flex flex-col gap-1 text-sm", children: [
+        /* @__PURE__ */ jsx9("span", { className: "font-medium text-foreground", children: "To" }),
+        /* @__PURE__ */ jsx9(
+          "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__ */ jsxs7("div", { role: "status", "aria-label": "Loading delivery analytics", className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Loading delivery analytics" }),
+      /* @__PURE__ */ jsx9("div", { "aria-hidden": "true", className: "h-24 animate-pulse rounded bg-muted" }),
+      /* @__PURE__ */ jsx9("div", { "aria-hidden": "true", className: "h-72 animate-pulse rounded bg-muted" })
+    ] }) : isError ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-start gap-3", children: [
+      /* @__PURE__ */ jsx9("p", { className: "text-sm text-foreground", children: "Failed to load delivery analytics" }),
+      /* @__PURE__ */ jsx9(
+        "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__ */ jsx9("p", { className: "rounded border border-border p-6 text-center text-sm text-muted-foreground", children: "No delivery data for the selected range" }) : /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-6", children: [
+      funnel.data ? /* @__PURE__ */ jsx9(FunnelStats, { funnel: funnel.data }) : null,
+      /* @__PURE__ */ jsxs7("section", { "aria-label": "Delivery trend", className: "rounded-lg border border-border p-4", children: [
+        /* @__PURE__ */ jsx9("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: "Trend" }),
+        /* @__PURE__ */ jsx9(TrendChart, { data: summary.data ?? [] })
+      ] }),
+      /* @__PURE__ */ jsxs7("section", { "aria-label": "Delivery by type", className: "rounded-lg border border-border p-4", children: [
+        /* @__PURE__ */ jsx9("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: "By type" }),
+        /* @__PURE__ */ jsx9(TypeTable, { rows: types.data ?? [] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/template-status-badge.tsx
+import { cn as cn8 } from "@quanticjs/react-ui";
+import { jsx as jsx10 } from "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__ */ jsx10(
+    "span",
+    {
+      className: cn8(
+        "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize",
+        style,
+        className
+      ),
+      children: status
+    }
+  );
+}
+
+// src/template-list.tsx
+import { cn as cn9 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery7 } from "@quanticjs/react-query";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function TemplateList({ basePath = "/api/templates", className }) {
+  const { data, isLoading, isError, refetch } = useApiQuery7(
+    ["templates", basePath],
+    (client) => client.get(basePath)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs8(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading templates",
+        className: cn9("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Loading templates" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx11("div", { "aria-hidden": "true", className: "h-12 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs8("div", { className: cn9("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx11("p", { className: "text-sm text-foreground", children: "Failed to load templates" }),
+      /* @__PURE__ */ jsx11(
+        "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__ */ jsx11("div", { className: cn9("p-6 text-center text-sm text-muted-foreground", className), children: "No templates found" });
+  }
+  return /* @__PURE__ */ jsx11("section", { "aria-label": "Templates", className: cn9("flex flex-col", className), children: /* @__PURE__ */ jsxs8("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsxs8("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ jsx11("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Template" }),
+      /* @__PURE__ */ jsx11("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+      /* @__PURE__ */ jsx11("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Locales" }),
+      /* @__PURE__ */ jsx11("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Versions" })
+    ] }) }),
+    /* @__PURE__ */ jsx11("tbody", { children: items.map((item) => /* @__PURE__ */ jsxs8("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ jsx11("td", { className: "py-3 pe-4 font-medium text-foreground", children: item.templateId }),
+      /* @__PURE__ */ jsx11("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx11(TemplateStatusBadge, { status: item.latestStatus }) }),
+      /* @__PURE__ */ jsx11("td", { className: "px-4 py-3 text-muted-foreground", children: item.locales.join(", ") }),
+      /* @__PURE__ */ jsx11("td", { className: "px-4 py-3 text-muted-foreground", children: item.versionCount })
+    ] }, item.templateId)) })
+  ] }) });
+}
+
+// src/template-editor.tsx
+import { useState as useState4 } from "react";
+import { cn as cn10, useToast as useToast3 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation3 } from "@quanticjs/react-query";
+import { jsx as jsx12, jsxs as jsxs9 } from "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 = useToast3();
+  const [fields, setFields] = useState4({
+    subject: initialFields?.subject ?? "",
+    heading: initialFields?.heading ?? "",
+    body: initialFields?.body ?? "",
+    cta: initialFields?.cta ?? "",
+    html: initialFields?.html ?? ""
+  });
+  const [errors, setErrors] = useState4({});
+  const [status, setStatus] = useState4(initialStatus);
+  const [activeVersionId, setActiveVersionId] = useState4(versionId);
+  const save = useApiMutation3(
+    (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 = useApiMutation3(
+    (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__ */ jsxs9("form", { onSubmit, className: cn10("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ jsxs9("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs9("h2", { className: "text-sm font-semibold text-foreground", children: [
+        "Edit template: ",
+        templateId
+      ] }),
+      /* @__PURE__ */ jsx12(TemplateStatusBadge, { status })
+    ] }),
+    FIELD_DEFS.map(({ key, label, multiline }) => {
+      const fieldId = `template-${key}`;
+      const errorId = `${fieldId}-error`;
+      const error = errors[key];
+      return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx12("label", { htmlFor: fieldId, className: "text-sm font-medium text-foreground", children: label }),
+        multiline ? /* @__PURE__ */ jsx12(
+          "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__ */ jsx12(
+          "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__ */ jsx12("p", { id: errorId, className: "text-xs text-destructive", children: error })
+      ] }, key);
+    }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx12(
+        "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__ */ jsx12(
+        "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
+import { useEffect as useEffect4 } from "react";
+import { cn as cn11 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation4 } from "@quanticjs/react-query";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function TemplatePreviewPane({
+  templateId,
+  versionId,
+  vars = {},
+  basePath = "/api/templates",
+  className
+}) {
+  const preview = useApiMutation4(
+    (client, payload) => client.post(`${basePath}/${templateId}/preview`, payload)
+  );
+  const { mutate, data, isPending, isError } = preview;
+  useEffect4(() => {
+    mutate({ versionId, vars });
+  }, [templateId, versionId]);
+  if (isPending) {
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading preview",
+        className: cn11("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx13("span", { className: "sr-only", children: "Loading preview" }),
+          /* @__PURE__ */ jsx13("div", { "aria-hidden": "true", className: "h-6 w-1/2 animate-pulse rounded bg-muted" }),
+          /* @__PURE__ */ jsx13("div", { "aria-hidden": "true", className: "h-40 animate-pulse rounded bg-muted" })
+        ]
+      }
+    );
+  }
+  if (isError || !data) {
+    return /* @__PURE__ */ jsxs10("div", { className: cn11("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx13("p", { className: "text-sm text-foreground", children: "Failed to load preview" }),
+      /* @__PURE__ */ jsx13(
+        "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__ */ jsxs10("section", { "aria-label": "Template preview", className: cn11("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsx13("h2", { className: "text-sm font-semibold text-foreground", children: data.subject }),
+    /* @__PURE__ */ jsx13(
+      "iframe",
+      {
+        title: "Email preview",
+        sandbox: "",
+        srcDoc: data.html,
+        className: "h-96 w-full rounded-md border border-border bg-background"
+      }
+    ),
+    /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx13("h3", { className: "text-xs font-medium text-muted-foreground", children: "Plain text" }),
+      /* @__PURE__ */ jsx13("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
+import { cn as cn12, useToast as useToast4 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery8, useApiMutation as useApiMutation5 } from "@quanticjs/react-query";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+function TemplateVersionHistory({
+  templateId,
+  basePath = "/api/templates",
+  className,
+  canRollback = true
+}) {
+  const toast = useToast4();
+  const versionsKey = ["templates", templateId, "versions"];
+  const { data, isLoading, isError, refetch } = useApiQuery8(
+    versionsKey,
+    (client) => client.get(`${basePath}/${templateId}/versions`)
+  );
+  const rollback = useApiMutation5(
+    (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__ */ jsxs11(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading versions",
+        className: cn12("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Loading versions" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx14("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs11("div", { className: cn12("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx14("p", { className: "text-sm text-foreground", children: "Failed to load versions" }),
+      /* @__PURE__ */ jsx14(
+        "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__ */ jsx14("div", { className: cn12("p-6 text-center text-sm text-muted-foreground", className), children: "No versions" });
+  }
+  return /* @__PURE__ */ jsx14("section", { "aria-label": "Version history", className: cn12("flex flex-col", className), children: /* @__PURE__ */ jsxs11("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs11("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ jsx14("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Version" }),
+      /* @__PURE__ */ jsx14("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+      /* @__PURE__ */ jsx14("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Author" }),
+      /* @__PURE__ */ jsx14("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Date" }),
+      /* @__PURE__ */ jsx14("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Actions" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx14("tbody", { children: versions.map((version) => /* @__PURE__ */ jsxs11("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ jsxs11("td", { className: "py-3 pe-4 font-medium text-foreground", children: [
+        "v",
+        version.versionNumber
+      ] }),
+      /* @__PURE__ */ jsx14("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx14(TemplateStatusBadge, { status: version.status }) }),
+      /* @__PURE__ */ jsx14("td", { className: "px-4 py-3 text-muted-foreground", children: version.createdBy }),
+      /* @__PURE__ */ jsx14("td", { className: "px-4 py-3 text-muted-foreground", children: version.createdAt }),
+      /* @__PURE__ */ jsx14("td", { className: "px-4 py-3 text-end", children: canRollback && version.status === "archived" && /* @__PURE__ */ jsx14(
+        "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
+import { useState as useState5 } from "react";
+import { cn as cn13 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery9 } from "@quanticjs/react-query";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var LIMIT = 20;
+function DeliveryLogViewer({
+  templateId,
+  basePath = "/api/templates",
+  className
+}) {
+  const [page, setPage] = useState5(1);
+  const { data, isLoading, isError, refetch } = useApiQuery9(
+    ["templates", templateId, "delivery-logs", page],
+    (client) => client.get(`${basePath}/${templateId}/delivery-logs?page=${page}&limit=${LIMIT}`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs12(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading delivery logs",
+        className: cn13("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "Loading delivery logs" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx15("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs12("div", { className: cn13("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx15("p", { className: "text-sm text-foreground", children: "Failed to load delivery logs" }),
+      /* @__PURE__ */ jsx15(
+        "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__ */ jsx15("div", { className: cn13("p-6 text-center text-sm text-muted-foreground", className), children: "No delivery logs" });
+  }
+  return /* @__PURE__ */ jsxs12("section", { "aria-label": "Delivery logs", className: cn13("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxs12("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx15("thead", { children: /* @__PURE__ */ jsxs12("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx15("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Recipient" }),
+        /* @__PURE__ */ jsx15("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+        /* @__PURE__ */ jsx15("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Attempts" }),
+        /* @__PURE__ */ jsx15("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Last error" })
+      ] }) }),
+      /* @__PURE__ */ jsx15("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs12("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsx15("td", { className: "py-3 pe-4 text-foreground", children: row.recipientEmail }),
+        /* @__PURE__ */ jsx15("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx15(TemplateStatusBadge, { status: row.status }) }),
+        /* @__PURE__ */ jsx15("td", { className: "px-4 py-3 text-muted-foreground", children: row.attempts }),
+        /* @__PURE__ */ jsx15("td", { className: "px-4 py-3 text-muted-foreground", children: row.lastError ?? "\u2014" })
+      ] }, row.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs12("nav", { "aria-label": "Delivery log pagination", className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx15(
+        "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__ */ jsxs12("span", { className: "text-xs text-muted-foreground", children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsx15(
+        "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
+import { useApiQuery as useApiQuery10 } from "@quanticjs/react-query";
+var LIMIT2 = 20;
+function useBroadcasts({ page = 1, status, basePath = "/api" } = {}) {
+  const statusParam = status ? `&status=${encodeURIComponent(status)}` : "";
+  return useApiQuery10(
+    ["broadcasts", { page, status }],
+    (client) => client.get(`${basePath}/v1/broadcasts?page=${page}&limit=${LIMIT2}${statusParam}`)
+  );
+}
+
+// src/broadcast-list.tsx
+import { useState as useState6 } from "react";
+import { cn as cn14, formatDateTime, StatusBadge } from "@quanticjs/react-ui";
+import { jsx as jsx16, jsxs as jsxs13 } from "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] = useState6(1);
+  const { data, isLoading, isError, refetch } = useBroadcasts({ page, status, basePath });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading broadcasts",
+        className: cn14("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Loading broadcasts" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx16("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs13("div", { className: cn14("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx16("p", { className: "text-sm text-foreground", children: "Failed to load broadcasts" }),
+      /* @__PURE__ */ jsx16(
+        "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__ */ jsx16("div", { className: cn14("p-6 text-center text-sm text-muted-foreground", className), children: "No broadcasts" });
+  }
+  const renderTemplateCell = (row) => onSelect ? /* @__PURE__ */ jsx16(
+    "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__ */ jsx16("span", { className: "text-foreground", children: row.templateId });
+  return /* @__PURE__ */ jsxs13("section", { "aria-label": "Broadcasts", className: cn14("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsxs13("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx16("thead", { children: /* @__PURE__ */ jsxs13("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx16("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Template" }),
+        /* @__PURE__ */ jsx16("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+        /* @__PURE__ */ jsx16("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Channels" }),
+        /* @__PURE__ */ jsx16("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Sent / Failed / Skipped" }),
+        /* @__PURE__ */ jsx16("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created by" }),
+        /* @__PURE__ */ jsx16("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+      ] }) }),
+      /* @__PURE__ */ jsx16("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs13("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsx16("td", { className: "py-3 pe-4", children: renderTemplateCell(row) }),
+        /* @__PURE__ */ jsx16("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx16(StatusBadge, { variant: statusVariant(row.status), children: row.status }) }),
+        /* @__PURE__ */ jsx16("td", { className: "px-4 py-3 text-muted-foreground", children: row.channels.length > 0 ? row.channels.join(", ") : "\u2014" }),
+        /* @__PURE__ */ jsxs13("td", { className: "px-4 py-3 text-muted-foreground", children: [
+          row.sentCount,
+          " / ",
+          row.failedCount,
+          " / ",
+          row.skippedCount
+        ] }),
+        /* @__PURE__ */ jsx16("td", { className: "px-4 py-3 text-muted-foreground", children: row.createdBy }),
+        /* @__PURE__ */ jsx16("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime(row.createdAt) })
+      ] }, row.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs13("nav", { "aria-label": "Broadcast pagination", className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx16(
+        "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__ */ jsxs13("span", { className: "text-xs text-muted-foreground", children: [
+        "Page ",
+        page,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsx16(
+        "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
+import { cn as cn15, useToast as useToast5, StatusBadge as StatusBadge2 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery11, useApiMutation as useApiMutation6 } from "@quanticjs/react-query";
+import { jsx as jsx17, jsxs as jsxs14 } from "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 = useToast5();
+  const { data, isLoading, isError, refetch } = useApiQuery11(
+    ["broadcasts", broadcastId],
+    (client) => client.get(`${basePath}/v1/broadcasts/${broadcastId}`),
+    {
+      refetchInterval: (query) => isTerminalStatus(query.state.data?.status) ? false : 5e3
+    }
+  );
+  const cancel = useApiMutation6(
+    (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__ */ jsxs14(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading broadcast",
+        className: cn15("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Loading broadcast" }),
+          [0, 1].map((i) => /* @__PURE__ */ jsx17("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs14("div", { className: cn15("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx17("p", { className: "text-sm text-foreground", children: "Failed to load broadcast" }),
+      /* @__PURE__ */ jsx17(
+        "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__ */ jsx17("div", { className: cn15("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__ */ jsxs14("section", { "aria-label": "Broadcast progress", className: cn15("flex flex-col gap-4 p-4", className), children: [
+    /* @__PURE__ */ jsxs14("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs14("h2", { className: "text-sm font-semibold text-foreground", children: [
+        "Broadcast ",
+        data.templateId
+      ] }),
+      /* @__PURE__ */ jsx17(StatusBadge2, { variant: statusVariant2(data.status), appearance: "solid", children: data.status })
+    ] }),
+    /* @__PURE__ */ jsx17(
+      "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__ */ jsx17("div", { className: "h-full rounded-full bg-primary", style: { width: `${pct3}%` } })
+      }
+    ),
+    /* @__PURE__ */ jsxs14("p", { className: "text-xs text-muted-foreground", children: [
+      processed,
+      " of ",
+      total,
+      " processed (",
+      pct3,
+      "%)"
+    ] }),
+    /* @__PURE__ */ jsxs14("dl", { className: "grid grid-cols-2 gap-3 text-sm sm:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsx17("dt", { className: "text-xs text-muted-foreground", children: "Sent" }),
+        /* @__PURE__ */ jsx17("dd", { className: "text-foreground", children: data.sentCount })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsx17("dt", { className: "text-xs text-muted-foreground", children: "Failed" }),
+        /* @__PURE__ */ jsx17("dd", { className: "text-foreground", children: data.failedCount })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsx17("dt", { className: "text-xs text-muted-foreground", children: "Skipped" }),
+        /* @__PURE__ */ jsx17("dd", { className: "text-foreground", children: data.skippedCount })
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "flex flex-col rounded-md border border-border bg-card p-3", children: [
+        /* @__PURE__ */ jsx17("dt", { className: "text-xs text-muted-foreground", children: "Total" }),
+        /* @__PURE__ */ jsx17("dd", { className: "text-foreground", children: total })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx17("div", { children: /* @__PURE__ */ jsx17(
+      "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
+import { useState as useState7 } from "react";
+import { cn as cn16, useToast as useToast6 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery12, useApiMutation as useApiMutation7 } from "@quanticjs/react-query";
+import { jsx as jsx18, jsxs as jsxs15 } from "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 = useToast6();
+  const [idempotencyKey] = useState7(() => crypto.randomUUID());
+  const [templateId, setTemplateId] = useState7("");
+  const [channels, setChannels] = useState7([]);
+  const [audienceMode, setAudienceMode] = useState7("segment");
+  const [segmentId, setSegmentId] = useState7("");
+  const [recipientsRaw, setRecipientsRaw] = useState7("");
+  const [type, setType] = useState7("");
+  const [errors, setErrors] = useState7({});
+  const templatesQuery = useApiQuery12(
+    ["templates"],
+    (client) => client.get(`${basePath}/templates`)
+  );
+  const segmentsQuery = useApiQuery12(
+    ["segments"],
+    (client) => client.get(`${basePath}/v1/segments`)
+  );
+  const create = useApiMutation7(
+    (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__ */ jsxs15(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading broadcast composer",
+        className: cn16("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Loading broadcast composer" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx18("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs15("div", { className: cn16("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx18("p", { className: "text-sm text-foreground", children: "Failed to load broadcast composer" }),
+      /* @__PURE__ */ jsx18(
+        "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__ */ jsxs15("form", { onSubmit, className: cn16("flex flex-col gap-4 p-4", className), noValidate: true, children: [
+    /* @__PURE__ */ jsx18("h2", { className: "text-sm font-semibold text-foreground", children: "New broadcast" }),
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx18("label", { htmlFor: "composer-template", className: "text-sm font-medium text-foreground", children: "Template" }),
+      /* @__PURE__ */ jsxs15(
+        "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__ */ jsx18("option", { value: "", children: "Select a template\u2026" }),
+            templates.map((t) => /* @__PURE__ */ jsx18("option", { value: t.id, children: t.name ?? t.id }, t.id))
+          ]
+        }
+      ),
+      errors.templateId && /* @__PURE__ */ jsx18("p", { id: "composer-template-error", className: "text-xs text-destructive", children: errors.templateId })
+    ] }),
+    /* @__PURE__ */ jsxs15(
+      "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__ */ jsx18("legend", { className: "text-sm font-medium text-foreground", children: "Channels" }),
+          /* @__PURE__ */ jsx18("div", { className: "flex flex-wrap gap-3", children: CHANNELS2.map((channel) => {
+            const checkboxId = `composer-channel-${channel}`;
+            return /* @__PURE__ */ jsxs15(
+              "label",
+              {
+                htmlFor: checkboxId,
+                className: "flex items-center gap-2 text-sm text-foreground",
+                children: [
+                  /* @__PURE__ */ jsx18(
+                    "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__ */ jsx18("p", { id: "composer-channels-error", className: "text-xs text-destructive", children: errors.channels })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs15("fieldset", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx18("legend", { className: "text-sm font-medium text-foreground", children: "Audience" }),
+      /* @__PURE__ */ jsxs15("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ jsxs15(
+          "label",
+          {
+            htmlFor: "composer-audience-segment",
+            className: "flex items-center gap-2 text-sm text-foreground",
+            children: [
+              /* @__PURE__ */ jsx18(
+                "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__ */ jsxs15(
+          "label",
+          {
+            htmlFor: "composer-audience-recipients",
+            className: "flex items-center gap-2 text-sm text-foreground",
+            children: [
+              /* @__PURE__ */ jsx18(
+                "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__ */ jsxs15(
+        "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__ */ jsx18("option", { value: "", children: "Select a segment\u2026" }),
+            segments.map((s) => /* @__PURE__ */ jsx18("option", { value: s.id, children: s.name }, s.id))
+          ]
+        }
+      ) : /* @__PURE__ */ jsx18(
+        "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__ */ jsx18("p", { id: "composer-audience-error", className: "text-xs text-destructive", children: errors.audience })
+    ] }),
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx18("label", { htmlFor: "composer-type", className: "text-sm font-medium text-foreground", children: "Type (optional)" }),
+      /* @__PURE__ */ jsx18(
+        "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__ */ jsx18("div", { children: /* @__PURE__ */ jsx18(
+      "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
+import { cn as cn17, formatDateTime as formatDateTime2, StatusBadge as StatusBadge3 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery13 } from "@quanticjs/react-query";
+import { jsx as jsx19, jsxs as jsxs16 } from "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 } = useApiQuery13(
+    ["segments"],
+    (client) => client.get(`${basePath}/v1/segments`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading segments",
+        className: cn17("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Loading segments" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx19("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs16("div", { className: cn17("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx19("p", { className: "text-sm text-foreground", children: "Failed to load segments" }),
+      /* @__PURE__ */ jsx19(
+        "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__ */ jsx19("header", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsx19(
+    "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__ */ jsxs16("section", { "aria-label": "Segments", className: cn17("flex flex-col gap-3", className), children: [
+      header,
+      /* @__PURE__ */ jsx19("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No segments" })
+    ] });
+  }
+  const renderNameCell = (row) => onSelect ? /* @__PURE__ */ jsx19(
+    "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__ */ jsx19("span", { className: "text-foreground", children: row.name });
+  return /* @__PURE__ */ jsxs16("section", { "aria-label": "Segments", className: cn17("flex flex-col gap-3", className), children: [
+    header,
+    /* @__PURE__ */ jsxs16("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx19("thead", { children: /* @__PURE__ */ jsxs16("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx19("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Name" }),
+        /* @__PURE__ */ jsx19("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Type" }),
+        /* @__PURE__ */ jsx19("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Description" }),
+        /* @__PURE__ */ jsx19("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Recipients" }),
+        /* @__PURE__ */ jsx19("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+      ] }) }),
+      /* @__PURE__ */ jsx19("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs16("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsx19("td", { className: "py-3 pe-4", children: renderNameCell(row) }),
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx19(StatusBadge3, { variant: typeVariant(row.type), appearance: "dot", children: row.type }) }),
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 text-muted-foreground", children: row.description ?? "\u2014" }),
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 text-muted-foreground", children: row.recipientIds?.length ?? "\u2014" }),
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime2(row.createdAt) })
+      ] }, row.id)) })
+    ] })
+  ] });
+}
+
+// src/segment-builder.tsx
+import { useState as useState8 } from "react";
+import { cn as cn18, useToast as useToast7 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation8 } from "@quanticjs/react-query";
+import { jsx as jsx20, jsxs as jsxs17 } from "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 = useToast7();
+  const [name, setName] = useState8(initial?.name ?? "");
+  const [type, setType] = useState8(initial?.type ?? "static");
+  const [description, setDescription] = useState8(initial?.description ?? "");
+  const [recipientText, setRecipientText] = useState8((initial?.recipientIds ?? []).join("\n"));
+  const [errors, setErrors] = useState8({});
+  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 = useApiMutation8(
+    (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 = useApiMutation8(
+    (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__ */ jsxs17("form", { onSubmit, className: cn18("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ jsx20("header", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx20("h2", { className: "text-sm font-semibold text-foreground", children: isEdit ? `Edit segment: ${segmentId}` : "New segment" }) }),
+    /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx20("label", { htmlFor: "segment-name", className: "text-sm font-medium text-foreground", children: "Name" }),
+      /* @__PURE__ */ jsx20(
+        "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__ */ jsx20("p", { id: "segment-name-error", className: "text-xs text-destructive", children: errors.name })
+    ] }),
+    /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx20("label", { htmlFor: "segment-type", className: "text-sm font-medium text-foreground", children: "Type" }),
+      /* @__PURE__ */ jsxs17(
+        "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__ */ jsx20("option", { value: "static", children: "static" }),
+            /* @__PURE__ */ jsx20("option", { value: "dynamic", children: "dynamic" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx20("label", { htmlFor: "segment-description", className: "text-sm font-medium text-foreground", children: "Description" }),
+      /* @__PURE__ */ jsx20(
+        "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__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx20("label", { htmlFor: "segment-recipients", className: "text-sm font-medium text-foreground", children: "Recipient ids" }),
+      /* @__PURE__ */ jsx20(
+        "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__ */ jsx20("p", { id: "segment-recipients-error", className: "text-xs text-destructive", children: errors.recipientIds })
+    ] }),
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx20(
+        "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__ */ jsx20(
+        "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
+import { useState as useState9 } from "react";
+import { cn as cn19, formatDateTime as formatDateTime3, useToast as useToast8 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation9, useApiQuery as useApiQuery14 } from "@quanticjs/react-query";
+import { Fragment, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var LIMIT3 = 20;
+var CHANNELS3 = ["inapp", "email", "push", "sms"];
+function SuppressionManager({ basePath = "/api", className }) {
+  const toast = useToast8();
+  const [page, setPage] = useState9(1);
+  const [channel, setChannel] = useState9("email");
+  const [address, setAddress] = useState9("");
+  const [reason, setReason] = useState9("");
+  const { data, isLoading, isError, refetch } = useApiQuery14(
+    ["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 = useApiMutation9(
+    (client, payload) => client.post(`${basePath}/v1/admin/suppression`, payload),
+    {
+      invalidates: [["suppression"]],
+      onSuccess: () => {
+        toast.success("Suppression added");
+        setAddress("");
+        setReason("");
+        void refetch();
+      },
+      onError: onMutationError
+    }
+  );
+  const remove = useApiMutation9(
+    (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__ */ jsxs18("form", { onSubmit: onAdd, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx21("label", { htmlFor: "suppression-channel", className: "text-sm font-medium text-foreground", children: "Channel" }),
+      /* @__PURE__ */ jsx21(
+        "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__ */ jsx21("option", { value: c, children: c }, c))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx21("label", { htmlFor: "suppression-address", className: "text-sm font-medium text-foreground", children: "Address" }),
+      /* @__PURE__ */ jsx21(
+        "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__ */ jsxs18("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx21("label", { htmlFor: "suppression-reason", className: "text-sm font-medium text-foreground", children: "Reason" }),
+      /* @__PURE__ */ jsx21(
+        "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__ */ jsx21(
+      "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__ */ jsxs18("div", { role: "status", "aria-label": "Loading suppressions", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Loading suppressions" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ jsx21("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ jsx21("p", { className: "text-sm text-foreground", children: "Failed to load suppressions" }),
+      /* @__PURE__ */ jsx21(
+        "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__ */ jsx21("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No suppressions" });
+    } else {
+      body = /* @__PURE__ */ jsxs18(Fragment, { children: [
+        /* @__PURE__ */ jsxs18("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsx21("thead", { children: /* @__PURE__ */ jsxs18("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ jsx21("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Channel" }),
+            /* @__PURE__ */ jsx21("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Address" }),
+            /* @__PURE__ */ jsx21("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Reason" }),
+            /* @__PURE__ */ jsx21("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+            /* @__PURE__ */ jsx21("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Actions" }) })
+          ] }) }),
+          /* @__PURE__ */ jsx21("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs18("tr", { className: "border-b border-border", children: [
+            /* @__PURE__ */ jsx21("td", { className: "py-3 pe-4 text-foreground", children: row.channel }),
+            /* @__PURE__ */ jsx21("td", { className: "px-4 py-3 text-foreground", children: row.address }),
+            /* @__PURE__ */ jsx21("td", { className: "px-4 py-3 text-muted-foreground", children: row.reason }),
+            /* @__PURE__ */ jsx21("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime3(row.createdAt) }),
+            /* @__PURE__ */ jsx21("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx21(
+              "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__ */ jsxs18("nav", { "aria-label": "Suppression pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx21(
+            "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__ */ jsxs18("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx21(
+            "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__ */ jsxs18("section", { "aria-label": "Suppression list", className: cn19("flex flex-col gap-4", className), children: [
+    addForm,
+    body
+  ] });
+}
+
+// src/dlq-console.tsx
+import { Fragment as Fragment2, useState as useState10 } from "react";
+import {
+  cn as cn20,
+  formatDateTime as formatDateTime4,
+  StatusBadge as StatusBadge4,
+  useToast as useToast9
+} from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation10, useApiQuery as useApiQuery15 } from "@quanticjs/react-query";
+import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs19 } from "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 } = useApiQuery15(
+    ["dlq", "detail", id],
+    (client) => client.get(`${basePath}/admin/dlq/${id}`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs19("div", { role: "status", "aria-label": "Loading message detail", className: "flex flex-col gap-2 p-3", children: [
+      /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Loading message detail" }),
+      /* @__PURE__ */ jsx22("div", { "aria-hidden": "true", className: "h-16 animate-pulse rounded bg-muted" })
+    ] });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-start gap-3 p-3", children: [
+      /* @__PURE__ */ jsx22("p", { className: "text-sm text-foreground", children: "Failed to load message detail" }),
+      /* @__PURE__ */ jsx22(
+        "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__ */ jsxs19("div", { className: "flex flex-col gap-2 p-3 text-sm", children: [
+    /* @__PURE__ */ jsxs19("p", { className: "text-muted-foreground", children: [
+      "Error: ",
+      /* @__PURE__ */ jsx22("span", { className: "text-foreground", children: data?.errorMessage ?? "\u2014" })
+    ] }),
+    /* @__PURE__ */ jsx22("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 = useToast9();
+  const [page, setPage] = useState10(1);
+  const [statusFilter, setStatusFilter] = useState10("");
+  const [expandedId, setExpandedId] = useState10(null);
+  const statusQuery = statusFilter ? `&status=${statusFilter}` : "";
+  const { data, isLoading, isError, refetch } = useApiQuery15(
+    ["dlq", page, statusFilter],
+    (client) => client.get(`${basePath}/admin/dlq?page=${page}&limit=${LIMIT4}${statusQuery}`)
+  );
+  const replay = useApiMutation10(
+    (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 = useApiMutation10(
+    (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__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx22("label", { htmlFor: "dlq-status", className: "text-sm font-medium text-foreground", children: "Status" }),
+    /* @__PURE__ */ jsxs19(
+      "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__ */ jsx22("option", { value: "", children: "All" }),
+          STATUS_FILTERS.map((s) => /* @__PURE__ */ jsx22("option", { value: s, children: s }, s))
+        ]
+      }
+    )
+  ] });
+  let body;
+  if (isLoading) {
+    body = /* @__PURE__ */ jsxs19(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading dead-letter messages",
+        className: "flex flex-col gap-2 p-4",
+        children: [
+          /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Loading dead-letter messages" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx22("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  } else if (isError) {
+    body = /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ jsx22("p", { className: "text-sm text-foreground", children: "Failed to load dead-letter messages" }),
+      /* @__PURE__ */ jsx22(
+        "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__ */ jsx22("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No dead-letter messages" });
+    } else {
+      body = /* @__PURE__ */ jsxs19(Fragment3, { children: [
+        /* @__PURE__ */ jsxs19("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsx22("thead", { children: /* @__PURE__ */ jsxs19("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ jsx22("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Request" }),
+            /* @__PURE__ */ jsx22("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Failure reason" }),
+            /* @__PURE__ */ jsx22("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+            /* @__PURE__ */ jsx22("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Attempts" }),
+            /* @__PURE__ */ jsx22("th", { scope: "col", className: "px-4 py-2 font-medium", children: "First seen" }),
+            /* @__PURE__ */ jsx22("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Actions" }) })
+          ] }) }),
+          /* @__PURE__ */ jsx22("tbody", { children: rows.map((row) => {
+            const isExpanded = expandedId === row.id;
+            return /* @__PURE__ */ jsxs19(Fragment2, { children: [
+              /* @__PURE__ */ jsxs19("tr", { className: "border-b border-border", children: [
+                /* @__PURE__ */ jsx22("td", { className: "py-3 pe-4", children: /* @__PURE__ */ jsx22(
+                  "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__ */ jsx22("td", { className: "px-4 py-3 text-muted-foreground", children: row.failureReason }),
+                /* @__PURE__ */ jsx22("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx22(StatusBadge4, { variant: statusVariant3(row.status), appearance: "dot", children: row.status }) }),
+                /* @__PURE__ */ jsx22("td", { className: "px-4 py-3 text-muted-foreground", children: row.attemptCount }),
+                /* @__PURE__ */ jsx22("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime4(row.firstSeenAt) }),
+                /* @__PURE__ */ jsx22("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx22(
+                    "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__ */ jsx22(
+                    "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__ */ jsx22("tr", { className: "border-b border-border", children: /* @__PURE__ */ jsx22("td", { colSpan: 6, className: "bg-muted/40", children: /* @__PURE__ */ jsx22(DlqMessageDetailRow, { id: row.id, basePath }) }) })
+            ] }, row.id);
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs19("nav", { "aria-label": "Dead-letter pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx22(
+            "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__ */ jsxs19("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx22(
+            "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__ */ jsxs19("section", { "aria-label": "Dead-letter queue", className: cn20("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsxs19("header", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx22("h2", { className: "text-sm font-semibold text-foreground", children: "Dead-letter queue" }),
+      filterControl
+    ] }),
+    body
+  ] });
+}
+
+// src/catalog-editor.tsx
+import { useMemo as useMemo3, useState as useState11 } from "react";
+import { cn as cn21, useToast as useToast10 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation11, useApiQuery as useApiQuery16 } from "@quanticjs/react-query";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs20 } from "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 = useToast10();
+  const [filter, setFilter] = useState11("");
+  const [editingId, setEditingId] = useState11(null);
+  const [editValue, setEditValue] = useState11("");
+  const [newKey, setNewKey] = useState11("");
+  const [newLocale, setNewLocale] = useState11("");
+  const [newValue, setNewValue] = useState11("");
+  const { data, isLoading, isError, refetch } = useApiQuery16(["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 = useApiMutation11(
+    (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 = useApiMutation11(
+    (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 = useApiMutation11(
+    (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 = useMemo3(() => normalize2(data), [data]);
+  const filtered = useMemo3(() => {
+    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__ */ jsxs20("form", { onSubmit: onAdd, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx23("label", { htmlFor: "catalog-new-key", className: "text-sm font-medium text-foreground", children: "Key" }),
+      /* @__PURE__ */ jsx23(
+        "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__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx23("label", { htmlFor: "catalog-new-locale", className: "text-sm font-medium text-foreground", children: "Locale" }),
+      /* @__PURE__ */ jsx23(
+        "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__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx23("label", { htmlFor: "catalog-new-value", className: "text-sm font-medium text-foreground", children: "Value" }),
+      /* @__PURE__ */ jsx23(
+        "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__ */ jsx23(
+      "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__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx23("label", { htmlFor: "catalog-filter", className: "text-sm font-medium text-foreground", children: "Filter by key" }),
+    /* @__PURE__ */ jsx23(
+      "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__ */ jsxs20("div", { role: "status", "aria-label": "Loading catalog", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Loading catalog" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ jsx23("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ jsx23("p", { className: "text-sm text-foreground", children: "Failed to load catalog" }),
+      /* @__PURE__ */ jsx23(
+        "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__ */ jsx23("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__ */ jsxs20("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx23("thead", { children: /* @__PURE__ */ jsxs20("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx23("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Key" }),
+        /* @__PURE__ */ jsx23("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Locale" }),
+        /* @__PURE__ */ jsx23("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Value" }),
+        /* @__PURE__ */ jsx23("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "Actions" }) })
+      ] }) }),
+      /* @__PURE__ */ jsx23("tbody", { children: filtered.map((entry) => {
+        const rowId = `${entry.key}:${entry.locale}`;
+        const isEditing = editingId === rowId;
+        return /* @__PURE__ */ jsxs20("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ jsx23("td", { className: "py-3 pe-4 font-mono text-foreground", children: entry.key }),
+          /* @__PURE__ */ jsx23("td", { className: "px-4 py-3 text-foreground", children: entry.locale }),
+          /* @__PURE__ */ jsx23("td", { className: "px-4 py-3 text-foreground", children: isEditing ? /* @__PURE__ */ jsx23(
+            "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__ */ jsx23("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx23("div", { className: "flex items-center gap-2", children: isEditing ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
+            /* @__PURE__ */ jsx23(
+              "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__ */ jsx23(
+              "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__ */ jsxs20(Fragment4, { children: [
+            /* @__PURE__ */ jsx23(
+              "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__ */ jsx23(
+              "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__ */ jsxs20("section", { "aria-label": "Catalog editor", className: cn21("flex flex-col gap-4", className), children: [
+    addForm,
+    filterInput,
+    body
+  ] });
+}
+
+// src/missing-translations-panel.tsx
+import { cn as cn22 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery17 } from "@quanticjs/react-query";
+import { jsx as jsx24, jsxs as jsxs21 } from "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 } = useApiQuery17(
+    ["i18n-missing"],
+    (client) => client.get(`${basePath}/i18n/catalog/missing`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs21(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading missing translations",
+        className: cn22("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Loading missing translations" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx24("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs21("div", { className: cn22("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx24("p", { className: "text-sm text-foreground", children: "Failed to load missing translations" }),
+      /* @__PURE__ */ jsx24(
+        "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__ */ jsx24("div", { className: cn22("p-6 text-center text-sm text-muted-foreground", className), children: "No missing translations" });
+  }
+  return /* @__PURE__ */ jsx24("section", { "aria-label": "Missing translations", className: cn22("flex flex-col gap-3", className), children: /* @__PURE__ */ jsxs21("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx24("thead", { children: /* @__PURE__ */ jsxs21("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ jsx24("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Key" }),
+      /* @__PURE__ */ jsx24("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Locale" }),
+      /* @__PURE__ */ jsx24("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Type" })
+    ] }) }),
+    /* @__PURE__ */ jsx24("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsxs21("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ jsx24("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.key }),
+      /* @__PURE__ */ jsx24("td", { className: "px-4 py-3 text-foreground", children: row.locale }),
+      /* @__PURE__ */ jsx24("td", { className: "px-4 py-3 text-muted-foreground", children: row.type ?? "\u2014" })
+    ] }, `${row.key}:${row.locale}:${i}`)) })
+  ] }) });
+}
+
+// src/fallback-report-panel.tsx
+import { cn as cn23 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery18 } from "@quanticjs/react-query";
+import { jsx as jsx25, jsxs as jsxs22 } from "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 } = useApiQuery18(
+    ["i18n-fallback-report"],
+    (client) => client.get(`${basePath}/i18n/catalog/fallback-report`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs22(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading fallback report",
+        className: cn23("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Loading fallback report" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx25("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs22("div", { className: cn23("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx25("p", { className: "text-sm text-foreground", children: "Failed to load fallback report" }),
+      /* @__PURE__ */ jsx25(
+        "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__ */ jsx25("div", { className: cn23("p-6 text-center text-sm text-muted-foreground", className), children: "No fallbacks reported" });
+  }
+  return /* @__PURE__ */ jsx25("section", { "aria-label": "Fallback report", className: cn23("flex flex-col gap-3", className), children: /* @__PURE__ */ jsxs22("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx25("thead", { children: /* @__PURE__ */ jsxs22("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ jsx25("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Key" }),
+      /* @__PURE__ */ jsx25("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Requested" }),
+      /* @__PURE__ */ jsx25("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Resolved" }),
+      /* @__PURE__ */ jsx25("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Chain" })
+    ] }) }),
+    /* @__PURE__ */ jsx25("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsxs22("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ jsx25("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.key }),
+      /* @__PURE__ */ jsx25("td", { className: "px-4 py-3 text-foreground", children: row.requestedLocale }),
+      /* @__PURE__ */ jsx25("td", { className: "px-4 py-3 text-foreground", children: row.resolvedLocale }),
+      /* @__PURE__ */ jsx25("td", { className: "px-4 py-3 text-muted-foreground", children: row.steps && row.steps.length > 0 ? /* @__PURE__ */ jsx25("ol", { className: "flex flex-wrap items-center gap-1", children: row.steps.map((step, si) => /* @__PURE__ */ jsxs22("li", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx25("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs text-foreground", children: step }),
+        si < (row.steps?.length ?? 0) - 1 && /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u2192" })
+      ] }, `${step}:${si}`)) }) : "\u2014" })
+    ] }, `${row.key}:${row.requestedLocale}:${i}`)) })
+  ] }) });
+}
+
+// src/recipient-admin-panel.tsx
+import { useState as useState12 } from "react";
+import { cn as cn24, formatDateTime as formatDateTime5, useToast as useToast11 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation12, useApiQuery as useApiQuery19 } from "@quanticjs/react-query";
+import { Fragment as Fragment5, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+var LIMIT5 = 20;
+function RecipientAdminPanel({ basePath = "/api", className }) {
+  const toast = useToast11();
+  const [page, setPage] = useState12(1);
+  const [search, setSearch] = useState12("");
+  const [query, setQuery] = useState12("");
+  const { data, isLoading, isError, refetch } = useApiQuery19(
+    ["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 = useApiMutation12(
+    (client, userId) => client.post(`${basePath}/v1/admin/recipients/${userId}/export`, {}),
+    {
+      onSuccess: () => toast.success("Export ready"),
+      onError: onMutationError
+    }
+  );
+  const erase = useApiMutation12(
+    (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__ */ jsxs23("form", { onSubmit: onSearch, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx26("label", { htmlFor: "recipient-search", className: "text-sm font-medium text-foreground", children: "Search recipients" }),
+      /* @__PURE__ */ jsx26(
+        "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__ */ jsx26(
+      "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__ */ jsxs23("div", { role: "status", "aria-label": "Loading recipients", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Loading recipients" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ jsx26("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ jsx26("p", { className: "text-sm text-foreground", children: "Failed to load recipients" }),
+      /* @__PURE__ */ jsx26(
+        "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__ */ jsx26("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No recipients" });
+    } else {
+      body = /* @__PURE__ */ jsxs23(Fragment5, { children: [
+        /* @__PURE__ */ jsxs23("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsx26("thead", { children: /* @__PURE__ */ jsxs23("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ jsx26("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "User" }),
+            /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Email" }),
+            /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Phone" }),
+            /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Consents" }),
+            /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+            /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Actions" }) })
+          ] }) }),
+          /* @__PURE__ */ jsx26("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs23("tr", { className: "border-b border-border", children: [
+            /* @__PURE__ */ jsx26("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.userId }),
+            /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 text-foreground", children: row.email ?? "\u2014" }),
+            /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 text-foreground", children: row.phone ?? "\u2014" }),
+            /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 text-muted-foreground", children: consents(row) }),
+            /* @__PURE__ */ jsx26("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime5(row.createdAt) }),
+            /* @__PURE__ */ jsx26("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx26(
+                "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__ */ jsx26(
+                "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__ */ jsxs23("nav", { "aria-label": "Recipient pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx26(
+            "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__ */ jsxs23("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx26(
+            "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__ */ jsxs23("section", { "aria-label": "Recipient administration", className: cn24("flex flex-col gap-4", className), children: [
+    searchForm,
+    body
+  ] });
+}
+
+// src/webhook-endpoint-manager.tsx
+import { Fragment as Fragment6, useState as useState13 } from "react";
+import { cn as cn25, formatDateTime as formatDateTime6, useToast as useToast12, StatusBadge as StatusBadge5 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation13, useApiQuery as useApiQuery20 } from "@quanticjs/react-query";
+import { jsx as jsx27, jsxs as jsxs24 } from "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 } = useApiQuery20(
+    ["webhook-deliveries", endpointId],
+    (client) => client.get(`${basePath}/webhook-endpoints/${endpointId}/deliveries`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs24("div", { role: "status", "aria-label": "Loading deliveries", className: "flex flex-col gap-2 p-3", children: [
+      /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Loading deliveries" }),
+      [0, 1].map((i) => /* @__PURE__ */ jsx27("div", { "aria-hidden": "true", className: "h-8 animate-pulse rounded bg-muted" }, i))
+    ] });
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-start gap-2 p-3", children: [
+      /* @__PURE__ */ jsx27("p", { className: "text-sm text-foreground", children: "Failed to load deliveries" }),
+      /* @__PURE__ */ jsx27(
+        "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__ */ jsx27("div", { className: "p-3 text-center text-sm text-muted-foreground", children: "No deliveries" });
+  }
+  return /* @__PURE__ */ jsxs24("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsxs24("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+      /* @__PURE__ */ jsx27("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Delivery" }),
+      /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+      /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+    ] }) }),
+    /* @__PURE__ */ jsx27("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs24("tr", { className: "border-b border-border", children: [
+      /* @__PURE__ */ jsx27("td", { className: "py-2 pe-4 font-mono text-foreground", children: row.id }),
+      /* @__PURE__ */ jsx27("td", { className: "px-4 py-2 text-muted-foreground", children: row.status }),
+      /* @__PURE__ */ jsx27("td", { className: "px-4 py-2 text-muted-foreground", children: formatDateTime6(row.createdAt) })
+    ] }, row.id)) })
+  ] });
+}
+function WebhookEndpointManager({
+  basePath = "/api",
+  className
+}) {
+  const toast = useToast12();
+  const [url, setUrl] = useState13("");
+  const [events, setEvents] = useState13([]);
+  const [active, setActive] = useState13(true);
+  const [urlError, setUrlError] = useState13();
+  const [expandedId, setExpandedId] = useState13(null);
+  const { data, isLoading, isError, refetch } = useApiQuery20(["webhook-endpoints"], (client) => client.get(`${basePath}/webhook-endpoints`));
+  const create = useApiMutation13(
+    (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 = useApiMutation13(
+    (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 = useApiMutation13(
+    (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__ */ jsxs24("form", { onSubmit: onCreate, className: "flex flex-col gap-3", noValidate: true, children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx27("label", { htmlFor: "webhook-url", className: "text-sm font-medium text-foreground", children: "Endpoint URL" }),
+      /* @__PURE__ */ jsx27(
+        "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__ */ jsx27("p", { id: "webhook-url-error", className: "text-xs text-destructive", children: urlError })
+    ] }),
+    /* @__PURE__ */ jsxs24("fieldset", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx27("legend", { className: "text-sm font-medium text-foreground", children: "Events" }),
+      /* @__PURE__ */ jsx27("div", { className: "flex flex-wrap gap-3", children: EVENT_TYPES.map((evt) => {
+        const id = `webhook-event-${evt}`;
+        return /* @__PURE__ */ jsxs24(
+          "label",
+          {
+            htmlFor: id,
+            className: "flex items-center gap-2 text-sm text-foreground",
+            children: [
+              /* @__PURE__ */ jsx27(
+                "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__ */ jsxs24("label", { htmlFor: "webhook-active", className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ jsx27(
+        "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__ */ jsx27("div", { children: /* @__PURE__ */ jsx27(
+      "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__ */ jsxs24("div", { role: "status", "aria-label": "Loading webhook endpoints", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Loading webhook endpoints" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ jsx27("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ jsx27("p", { className: "text-sm text-foreground", children: "Failed to load webhook endpoints" }),
+      /* @__PURE__ */ jsx27(
+        "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__ */ jsx27("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No webhook endpoints" });
+    } else {
+      body = /* @__PURE__ */ jsxs24("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsxs24("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "URL" }),
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Events" }),
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Active" }),
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx27("tbody", { children: rows.map((row) => {
+          const isExpanded = expandedId === row.id;
+          return /* @__PURE__ */ jsxs24(Fragment6, { children: [
+            /* @__PURE__ */ jsxs24("tr", { className: "border-b border-border", children: [
+              /* @__PURE__ */ jsx27("td", { className: "py-3 pe-4 font-mono text-foreground", children: row.url }),
+              /* @__PURE__ */ jsx27("td", { className: "px-4 py-3 text-muted-foreground", children: row.events.length > 0 ? row.events.join(", ") : "\u2014" }),
+              /* @__PURE__ */ jsx27("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx27(StatusBadge5, { variant: row.active ? "success" : "neutral", appearance: "dot", children: row.active ? "active" : "inactive" }) }),
+              /* @__PURE__ */ jsx27("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime6(row.createdAt) }),
+              /* @__PURE__ */ jsx27("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx27(
+                  "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__ */ jsx27(
+                  "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__ */ jsx27(
+                  "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__ */ jsx27("tr", { className: "border-b border-border", children: /* @__PURE__ */ jsx27("td", { colSpan: 5, className: "bg-muted px-4 py-3", children: /* @__PURE__ */ jsx27(WebhookDeliveries, { endpointId: row.id, basePath }) }) })
+          ] }, row.id);
+        }) })
+      ] });
+    }
+  }
+  return /* @__PURE__ */ jsxs24("section", { "aria-label": "Webhook endpoints", className: cn25("flex flex-col gap-4", className), children: [
+    createForm,
+    body
+  ] });
+}
+
+// src/operations-overview.tsx
+import { cn as cn26, formatDateTime as formatDateTime7, StatusBadge as StatusBadge6 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery21 } from "@quanticjs/react-query";
+import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+function OperationsOverview({ basePath = "/api", className }) {
+  const { data, isLoading, isError, refetch } = useApiQuery21(
+    ["operations-overview"],
+    (client) => client.get(`${basePath}/v1/admin/overview`)
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs25(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading operations overview",
+        className: cn26("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Loading operations overview" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx28("div", { "aria-hidden": "true", className: "h-20 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs25("div", { className: cn26("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx28("p", { className: "text-sm text-foreground", children: "Failed to load operations overview" }),
+      /* @__PURE__ */ jsx28(
+        "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__ */ jsx28("div", { className: cn26("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__ */ jsxs25("section", { "aria-label": "Operations overview", className: cn26("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: cards.map((card) => /* @__PURE__ */ jsxs25("div", { className: "rounded-md border border-border bg-card p-4", children: [
+      /* @__PURE__ */ jsx28("p", { className: "text-xs font-medium text-muted-foreground", children: card.label }),
+      /* @__PURE__ */ jsx28("p", { className: "mt-1 text-2xl font-semibold text-foreground", children: card.value })
+    ] }, card.label)) }),
+    /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap items-center gap-4", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx28("span", { className: "text-sm text-muted-foreground", children: "DLQ pending" }),
+        /* @__PURE__ */ jsx28(StatusBadge6, { variant: dlqPending > 0 ? "destructive" : "success", children: dlqPending })
+      ] }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx28("span", { className: "text-sm text-muted-foreground", children: "Broadcasts in flight" }),
+        /* @__PURE__ */ jsx28("span", { className: "text-sm font-medium text-foreground", children: data.broadcastsInFlight })
+      ] }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx28("span", { className: "text-sm text-muted-foreground", children: "Queue" }),
+        /* @__PURE__ */ jsx28(StatusBadge6, { variant: data.queueHealthy ? "success" : "destructive", children: data.queueHealthy ? "Healthy" : "Unhealthy" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs25("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx28("thead", { children: /* @__PURE__ */ jsxs25("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx28("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Channel" }),
+        /* @__PURE__ */ jsx28("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Sends" }),
+        /* @__PURE__ */ jsx28("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Delivered" }),
+        /* @__PURE__ */ jsx28("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Failed" })
+      ] }) }),
+      /* @__PURE__ */ jsx28("tbody", { children: channels.length === 0 ? /* @__PURE__ */ jsx28("tr", { className: "border-b border-border", children: /* @__PURE__ */ jsx28("td", { colSpan: 4, className: "py-3 text-center text-muted-foreground", children: "No channel activity" }) }) : channels.map((row) => /* @__PURE__ */ jsxs25("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsx28("td", { className: "py-3 pe-4 text-foreground", children: row.channel }),
+        /* @__PURE__ */ jsx28("td", { className: "px-4 py-3 text-muted-foreground", children: row.sends }),
+        /* @__PURE__ */ jsx28("td", { className: "px-4 py-3 text-muted-foreground", children: row.delivered }),
+        /* @__PURE__ */ jsx28("td", { className: "px-4 py-3 text-muted-foreground", children: row.failed })
+      ] }, row.channel)) })
+    ] }),
+    /* @__PURE__ */ jsxs25("p", { className: "text-xs text-muted-foreground", children: [
+      "Generated ",
+      formatDateTime7(data.generatedAt)
+    ] })
+  ] });
+}
+
+// src/delivery-log-explorer.tsx
+import { useState as useState14 } from "react";
+import { cn as cn27, formatDateTime as formatDateTime8, StatusBadge as StatusBadge7 } from "@quanticjs/react-ui";
+import { useApiQuery as useApiQuery22 } from "@quanticjs/react-query";
+import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs26 } from "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] = useState14(1);
+  const [draft, setDraft] = useState14(EMPTY_FILTERS);
+  const [applied, setApplied] = useState14(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 } = useApiQuery22(
+    ["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__ */ jsxs26("form", { onSubmit: onApply, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx29("label", { htmlFor: "dle-channel", className: "text-sm font-medium text-foreground", children: "Channel" }),
+      /* @__PURE__ */ jsxs26(
+        "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__ */ jsx29("option", { value: "", children: "All" }),
+            /* @__PURE__ */ jsx29("option", { value: "email", children: "Email" }),
+            /* @__PURE__ */ jsx29("option", { value: "sms", children: "SMS" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx29("label", { htmlFor: "dle-status", className: "text-sm font-medium text-foreground", children: "Status" }),
+      /* @__PURE__ */ jsx29(
+        "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__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx29("label", { htmlFor: "dle-recipient", className: "text-sm font-medium text-foreground", children: "Recipient" }),
+      /* @__PURE__ */ jsx29(
+        "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__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx29("label", { htmlFor: "dle-user", className: "text-sm font-medium text-foreground", children: "User ID" }),
+      /* @__PURE__ */ jsx29(
+        "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__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx29("label", { htmlFor: "dle-from", className: "text-sm font-medium text-foreground", children: "From" }),
+      /* @__PURE__ */ jsx29(
+        "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__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx29("label", { htmlFor: "dle-to", className: "text-sm font-medium text-foreground", children: "To" }),
+      /* @__PURE__ */ jsx29(
+        "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__ */ jsx29(
+      "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__ */ jsxs26("div", { role: "status", "aria-label": "Loading delivery logs", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Loading delivery logs" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ jsx29("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ jsx29("p", { className: "text-sm text-foreground", children: "Failed to load delivery logs" }),
+      /* @__PURE__ */ jsx29(
+        "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__ */ jsx29("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No delivery logs" });
+    } else {
+      body = /* @__PURE__ */ jsxs26(Fragment7, { children: [
+        /* @__PURE__ */ jsxs26("table", { className: "w-full text-sm", children: [
+          /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsxs26("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+            /* @__PURE__ */ jsx29("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Channel" }),
+            /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Recipient" }),
+            /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-4 py-2 font-medium", children: "User" }),
+            /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+            /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Provider" }),
+            /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Attempts" }),
+            /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" })
+          ] }) }),
+          /* @__PURE__ */ jsx29("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs26("tr", { className: "border-b border-border", children: [
+            /* @__PURE__ */ jsx29("td", { className: "py-3 pe-4", children: /* @__PURE__ */ jsx29(StatusBadge7, { variant: channelVariant(row.channel), appearance: "dot", children: row.channel }) }),
+            /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-foreground", children: row.recipient ?? "\u2014" }),
+            /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 font-mono text-foreground", children: row.userId }),
+            /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-foreground", children: row.status }),
+            /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-muted-foreground", children: row.provider ?? "\u2014" }),
+            /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-muted-foreground", children: row.attempts }),
+            /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime8(row.createdAt) })
+          ] }, row.id)) })
+        ] }),
+        /* @__PURE__ */ jsxs26("nav", { "aria-label": "Delivery log pagination", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx29(
+            "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__ */ jsxs26("span", { className: "text-xs text-muted-foreground", children: [
+            "Page ",
+            page,
+            " of ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx29(
+            "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__ */ jsxs26("section", { "aria-label": "Delivery log explorer", className: cn27("flex flex-col gap-4", className), children: [
+    filterForm,
+    body
+  ] });
+}
+
+// src/quiet-hours-form.tsx
+import { useEffect as useEffect5, useState as useState15 } from "react";
+import { cn as cn28, useToast as useToast13 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation14, useApiQuery as useApiQuery23 } from "@quanticjs/react-query";
+import { jsx as jsx30, jsxs as jsxs27 } from "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 = useToast13();
+  const url = `${basePath}/notifications/config/quiet-hours`;
+  const { data, isLoading, isError, refetch } = useApiQuery23(
+    ["quiet-hours"],
+    (client) => client.get(url)
+  );
+  const [form, setForm] = useState15(DEFAULTS);
+  useEffect5(() => {
+    if (data !== void 0) {
+      setForm(normalize5(data));
+    }
+  }, [data]);
+  const save = useApiMutation14((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__ */ jsxs27(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading quiet hours",
+        className: cn28("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Loading quiet hours" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx30("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs27("div", { className: cn28("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx30("p", { className: "text-sm text-foreground", children: "Failed to load quiet hours" }),
+      /* @__PURE__ */ jsx30(
+        "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__ */ jsxs27("form", { onSubmit, className: cn28("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ jsx30("h2", { className: "text-sm font-semibold text-foreground", children: "Quiet hours" }),
+    /* @__PURE__ */ jsxs27("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ jsx30(
+        "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__ */ jsxs27("div", { className: "flex flex-wrap gap-4", children: [
+      /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx30("label", { htmlFor: "qh-start", className: "text-sm font-medium text-foreground", children: "Start" }),
+        /* @__PURE__ */ jsx30(
+          "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__ */ jsxs27("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx30("label", { htmlFor: "qh-end", className: "text-sm font-medium text-foreground", children: "End" }),
+        /* @__PURE__ */ jsx30(
+          "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__ */ jsxs27("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx30("label", { htmlFor: "qh-tz", className: "text-sm font-medium text-foreground", children: "Timezone" }),
+        /* @__PURE__ */ jsx30(
+          "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__ */ jsx30("div", { children: /* @__PURE__ */ jsx30(
+      "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
+import { useEffect as useEffect6, useState as useState16 } from "react";
+import { cn as cn29, useToast as useToast14 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation15, useApiQuery as useApiQuery24 } from "@quanticjs/react-query";
+import { jsx as jsx31, jsxs as jsxs28 } from "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 = useToast14();
+  const url = `${basePath}/notifications/config/frequency-cap`;
+  const { data, isLoading, isError, refetch } = useApiQuery24(
+    ["frequency-cap"],
+    (client) => client.get(url)
+  );
+  const [caps, setCaps] = useState16([]);
+  const [newType, setNewType] = useState16("");
+  const [newMax, setNewMax] = useState16(0);
+  useEffect6(() => {
+    if (data !== void 0) {
+      setCaps(normalize6(data));
+    }
+  }, [data]);
+  const save = useApiMutation15(
+    (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__ */ jsxs28(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading frequency caps",
+        className: cn29("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Loading frequency caps" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx31("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs28("div", { className: cn29("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx31("p", { className: "text-sm text-foreground", children: "Failed to load frequency caps" }),
+      /* @__PURE__ */ jsx31(
+        "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__ */ jsxs28("section", { "aria-label": "Frequency caps", className: cn29("flex flex-col gap-4", className), children: [
+    /* @__PURE__ */ jsx31("h2", { className: "text-sm font-semibold text-foreground", children: "Frequency caps" }),
+    /* @__PURE__ */ jsxs28("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx31("thead", { children: /* @__PURE__ */ jsxs28("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx31("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Type" }),
+        /* @__PURE__ */ jsx31("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Max per day" }),
+        /* @__PURE__ */ jsx31("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Actions" }) })
+      ] }) }),
+      /* @__PURE__ */ jsx31("tbody", { children: caps.map((cap, index) => {
+        const inputId = `cap-${index}`;
+        return /* @__PURE__ */ jsxs28("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ jsx31("td", { className: "py-3 pe-4 text-foreground", children: cap.type }),
+          /* @__PURE__ */ jsxs28("td", { className: "px-4 py-3", children: [
+            /* @__PURE__ */ jsxs28("label", { htmlFor: inputId, className: "sr-only", children: [
+              "Max per day for ",
+              cap.type
+            ] }),
+            /* @__PURE__ */ jsx31(
+              "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__ */ jsx31("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx31(
+            "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__ */ jsxs28("form", { onSubmit: addRow, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+      /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx31("label", { htmlFor: "cap-new-type", className: "text-sm font-medium text-foreground", children: "New type" }),
+        /* @__PURE__ */ jsx31(
+          "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__ */ jsxs28("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx31("label", { htmlFor: "cap-new-max", className: "text-sm font-medium text-foreground", children: "Max per day" }),
+        /* @__PURE__ */ jsx31(
+          "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__ */ jsx31(
+        "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__ */ jsx31("div", { children: /* @__PURE__ */ jsx31(
+      "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
+import { useEffect as useEffect7, useState as useState17 } from "react";
+import { cn as cn30, useToast as useToast15 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation16, useApiQuery as useApiQuery25 } from "@quanticjs/react-query";
+import { jsx as jsx32, jsxs as jsxs29 } from "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] = useState17("");
+  const add = (event) => {
+    event.preventDefault();
+    const value = draft.trim();
+    if (!value) return;
+    onAdd(value);
+    setDraft("");
+  };
+  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx32("span", { className: "text-sm font-medium text-foreground", children: label }),
+    /* @__PURE__ */ jsx32("ul", { className: "flex flex-wrap gap-2", children: values.length === 0 ? /* @__PURE__ */ jsx32("li", { className: "text-sm text-muted-foreground", children: "None" }) : values.map((value) => /* @__PURE__ */ jsxs29(
+      "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__ */ jsx32(
+            "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__ */ jsxs29("form", { onSubmit: add, className: "flex items-end gap-2", noValidate: true, children: [
+      /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs29("label", { htmlFor: id, className: "sr-only", children: [
+          "Add to ",
+          label
+        ] }),
+        /* @__PURE__ */ jsx32(
+          "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__ */ jsx32(
+        "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 = useToast15();
+  const url = `${basePath}/admin/notification-config`;
+  const { data, isLoading, isError, refetch } = useApiQuery25(
+    ["tenant-config"],
+    (client) => client.get(url)
+  );
+  const [config, setConfig] = useState17({
+    notificationTypes: [],
+    immediateEmailTypes: []
+  });
+  const [subsetError, setSubsetError] = useState17(void 0);
+  useEffect7(() => {
+    if (data !== void 0) {
+      setConfig(normalize7(data));
+    }
+  }, [data]);
+  const save = useApiMutation16(
+    (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__ */ jsxs29(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading tenant configuration",
+        className: cn30("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Loading tenant configuration" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx32("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs29("div", { className: cn30("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx32("p", { className: "text-sm text-foreground", children: "Failed to load tenant configuration" }),
+      /* @__PURE__ */ jsx32(
+        "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__ */ jsxs29(
+    "form",
+    {
+      onSubmit,
+      className: cn30("flex flex-col gap-5", className),
+      noValidate: true,
+      "aria-invalid": subsetError ? "true" : void 0,
+      "aria-describedby": subsetError ? errorId : void 0,
+      children: [
+        /* @__PURE__ */ jsx32("h2", { className: "text-sm font-semibold text-foreground", children: "Notification configuration" }),
+        /* @__PURE__ */ jsx32(
+          TagEditor,
+          {
+            id: "tc-notification-types",
+            label: "Notification types",
+            values: config.notificationTypes,
+            onAdd: addType,
+            onRemove: removeType
+          }
+        ),
+        /* @__PURE__ */ jsx32(
+          TagEditor,
+          {
+            id: "tc-immediate-email-types",
+            label: "Immediate email types",
+            values: config.immediateEmailTypes,
+            onAdd: addImmediate,
+            onRemove: removeImmediate
+          }
+        ),
+        subsetError && /* @__PURE__ */ jsx32("p", { id: errorId, className: "text-xs text-destructive", children: subsetError }),
+        /* @__PURE__ */ jsx32("div", { children: /* @__PURE__ */ jsx32(
+          "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
+import { useEffect as useEffect8, useState as useState18 } from "react";
+import { cn as cn31, useToast as useToast16 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation17, useApiQuery as useApiQuery26 } from "@quanticjs/react-query";
+import { jsx as jsx33, jsxs as jsxs30 } from "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 = useToast16();
+  const url = `${basePath}/analytics/notifications/tracking-config`;
+  const { data, isLoading, isError, refetch } = useApiQuery26(
+    ["tracking-config"],
+    (client) => client.get(url)
+  );
+  const [form, setForm] = useState18({
+    openTrackingEnabled: false,
+    clickTrackingEnabled: false
+  });
+  useEffect8(() => {
+    if (data !== void 0) {
+      setForm(normalize8(data));
+    }
+  }, [data]);
+  const save = useApiMutation17(
+    (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__ */ jsxs30(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading tracking configuration",
+        className: cn31("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Loading tracking configuration" }),
+          [0, 1].map((i) => /* @__PURE__ */ jsx33("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs30("div", { className: cn31("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx33("p", { className: "text-sm text-foreground", children: "Failed to load tracking configuration" }),
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsxs30("form", { onSubmit, className: cn31("flex flex-col gap-4", className), noValidate: true, children: [
+    /* @__PURE__ */ jsx33("h2", { className: "text-sm font-semibold text-foreground", children: "Tracking configuration" }),
+    /* @__PURE__ */ jsxs30("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsxs30("label", { className: "flex items-center gap-2 text-sm text-foreground", children: [
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
+      "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
+import { useState as useState19 } from "react";
+import { cn as cn32, formatDateTime as formatDateTime9, StatusBadge as StatusBadge8, useToast as useToast17 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation18, useApiQuery as useApiQuery27 } from "@quanticjs/react-query";
+import { jsx as jsx34, jsxs as jsxs31 } from "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 = useToast17();
+  const url = `${basePath}/v1/admin/api-keys`;
+  const { data, isLoading, isError, refetch } = useApiQuery27(
+    ["api-keys"],
+    (client) => client.get(url)
+  );
+  const [name, setName] = useState19("");
+  const [applicationKey, setApplicationKey] = useState19("");
+  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 = useApiMutation18(
+    (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 = useApiMutation18((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__ */ jsxs31("form", { onSubmit: onCreate, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx34("label", { htmlFor: "api-key-name", className: "text-sm font-medium text-foreground", children: "New key name" }),
+      /* @__PURE__ */ jsx34(
+        "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__ */ jsxs31("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx34("label", { htmlFor: "api-key-app", className: "text-sm font-medium text-foreground", children: "Application (optional)" }),
+      /* @__PURE__ */ jsx34(
+        "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__ */ jsx34(
+      "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__ */ jsxs31("div", { role: "status", "aria-label": "Loading API keys", className: "flex flex-col gap-2 p-4", children: [
+      /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Loading API keys" }),
+      [0, 1, 2].map((i) => /* @__PURE__ */ jsx34("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+    ] });
+  } else if (isError) {
+    body = /* @__PURE__ */ jsxs31("div", { className: "flex flex-col items-start gap-3 p-4", children: [
+      /* @__PURE__ */ jsx34("p", { className: "text-sm text-foreground", children: "Failed to load API keys" }),
+      /* @__PURE__ */ jsx34(
+        "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__ */ jsx34("div", { className: "p-6 text-center text-sm text-muted-foreground", children: "No API keys" });
+    } else {
+      body = /* @__PURE__ */ jsxs31("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ jsx34("thead", { children: /* @__PURE__ */ jsxs31("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+          /* @__PURE__ */ jsx34("th", { scope: "col", className: "py-2 pe-4 font-medium", children: "Name" }),
+          /* @__PURE__ */ jsx34("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Prefix" }),
+          /* @__PURE__ */ jsx34("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Application" }),
+          /* @__PURE__ */ jsx34("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Status" }),
+          /* @__PURE__ */ jsx34("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Created" }),
+          /* @__PURE__ */ jsx34("th", { scope: "col", className: "px-4 py-2 font-medium", children: "Last used" }),
+          /* @__PURE__ */ jsx34("th", { scope: "col", className: "px-4 py-2 font-medium", children: /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx34("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs31("tr", { className: "border-b border-border", children: [
+          /* @__PURE__ */ jsx34("td", { className: "py-3 pe-4 text-foreground", children: row.name }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 font-mono text-muted-foreground", children: row.prefix ?? "\u2014" }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 font-mono text-muted-foreground", children: row.applicationKey ?? "\u2014" }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx34(StatusBadge8, { variant: row.revoked ? "destructive" : "success", children: row.revoked ? "Revoked" : "Active" }) }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 text-muted-foreground", children: formatDateTime9(row.createdAt) }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3 text-muted-foreground", children: row.lastUsedAt ? formatDateTime9(row.lastUsedAt) : "\u2014" }),
+          /* @__PURE__ */ jsx34("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx34(
+            "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__ */ jsxs31("section", { "aria-label": "API key management", className: cn32("flex flex-col gap-4", className), children: [
+    createForm,
+    body
+  ] });
+}
+
+// src/application-registry-panel.tsx
+import { useState as useState20 } from "react";
+import { cn as cn33, formatDateTime as formatDateTime10, StatusBadge as StatusBadge9, useToast as useToast18 } from "@quanticjs/react-ui";
+import { useApiMutation as useApiMutation19, useApiQuery as useApiQuery28 } from "@quanticjs/react-query";
+import { jsx as jsx35, jsxs as jsxs32 } from "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 = useToast18();
+  const url = `${basePath}/admin/applications`;
+  const { data, isLoading, isError, refetch } = useApiQuery28(
+    ["applications"],
+    (client) => client.get(url)
+  );
+  const [key, setKey] = useState20("");
+  const [displayName, setDisplayName] = useState20("");
+  const [description, setDescription] = useState20("");
+  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 = useApiMutation19((client, body) => client.post(url, body), {
+    invalidates: [["applications"]],
+    onSuccess: () => {
+      toast.success("Application registered");
+      setKey("");
+      setDisplayName("");
+      setDescription("");
+    },
+    onError: onMutationError
+  });
+  const setStatus = useApiMutation19((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__ */ jsxs32("form", { onSubmit: onRegister, className: "flex flex-wrap items-end gap-3", noValidate: true, children: [
+    /* @__PURE__ */ jsxs32("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx35("label", { htmlFor: "application-key", className: "text-sm font-medium text-foreground", children: "Key (slug)" }),
+      /* @__PURE__ */ jsx35(
+        "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__ */ jsxs32("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx35("label", { htmlFor: "application-name", className: "text-sm font-medium text-foreground", children: "Display name" }),
+      /* @__PURE__ */ jsx35(
+        "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__ */ jsxs32("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx35("label", { htmlFor: "application-description", className: "text-sm font-medium text-foreground", children: "Description (optional)" }),
+      /* @__PURE__ */ jsx35(
+        "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__ */ jsx35(
+      "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__ */ jsxs32(
+      "div",
+      {
+        role: "status",
+        "aria-label": "Loading applications",
+        className: cn33("flex flex-col gap-2 p-4", className),
+        children: [
+          /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "Loading applications" }),
+          [0, 1, 2].map((i) => /* @__PURE__ */ jsx35("div", { "aria-hidden": "true", className: "h-10 animate-pulse rounded bg-muted" }, i))
+        ]
+      }
+    );
+  }
+  if (isError) {
+    return /* @__PURE__ */ jsxs32("div", { className: cn33("flex flex-col items-start gap-3 p-4", className), children: [
+      /* @__PURE__ */ jsx35("p", { className: "text-sm text-foreground", children: "Failed to load applications" }),
+      /* @__PURE__ */ jsx35(
+        "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__ */ jsxs32("section", { "aria-label": "Applications", className: cn33("flex flex-col gap-4 p-4", className), children: [
+    registerForm,
+    apps.length === 0 ? /* @__PURE__ */ jsx35("p", { className: "p-6 text-center text-sm text-muted-foreground", children: "No applications registered" }) : /* @__PURE__ */ jsxs32("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx35("thead", { children: /* @__PURE__ */ jsxs32("tr", { className: "border-b border-border text-start text-muted-foreground", children: [
+        /* @__PURE__ */ jsx35("th", { className: "py-2 font-medium", children: "Key" }),
+        /* @__PURE__ */ jsx35("th", { className: "py-2 font-medium", children: "Name" }),
+        /* @__PURE__ */ jsx35("th", { className: "py-2 font-medium", children: "Status" }),
+        /* @__PURE__ */ jsx35("th", { className: "py-2 font-medium", children: "Created" }),
+        /* @__PURE__ */ jsx35("th", { className: "py-2 font-medium", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx35("tbody", { children: apps.map((app) => /* @__PURE__ */ jsxs32("tr", { className: "border-b border-border", children: [
+        /* @__PURE__ */ jsx35("td", { className: "py-2 font-mono text-foreground", children: app.key }),
+        /* @__PURE__ */ jsx35("td", { className: "py-2 text-foreground", children: app.displayName }),
+        /* @__PURE__ */ jsx35("td", { className: "py-2", children: /* @__PURE__ */ jsx35(StatusBadge9, { variant: app.status === "active" ? "success" : "neutral", children: app.status }) }),
+        /* @__PURE__ */ jsx35("td", { className: "py-2 text-muted-foreground", children: formatDateTime10(app.createdAt) }),
+        /* @__PURE__ */ jsx35("td", { className: "py-2", children: /* @__PURE__ */ jsx35(
+          "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)) })
+    ] })
+  ] });
+}
+export {
+  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.js.map