@jami-studio/dispatch 0.13.14

package/dist/components/messaging-setup-panel.js

@@ -0,0 +1,299 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { agentNativePath } from "@agent-native/core/client";
+import { IconBrandSlack, IconBrandTelegram, IconBrandWhatsapp, IconCheck, IconChevronRight, IconCopy, IconExternalLink, IconInfoCircle, IconLoader2, IconMail, } from "@tabler/icons-react";
+import { useEffect, useMemo, useState } from "react";
+import { toast } from "sonner";
+import { Button } from "./ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./ui/collapsible.js";
+import { Input } from "./ui/input.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip.js";
+const PLATFORM_DEFINITIONS = [
+    {
+        id: "slack",
+        label: "Slack",
+        icon: IconBrandSlack,
+        description: "Receive mentions and DMs in one workspace-aware dispatch.",
+        docsUrl: "/docs/messaging#slack",
+        externalUrl: "https://api.slack.com/apps",
+        externalLabel: "Open Slack apps",
+        envKeys: ["SLACK_BOT_TOKEN", "SLACK_SIGNING_SECRET"],
+        setupSteps: [
+            "Create or open a Slack app at api.slack.com/apps.",
+            "Save the bot token and signing secret below — the webhook URL appears once they're saved.",
+            "Back in Slack, enable Event Subscriptions and paste the webhook URL.",
+            "Subscribe to app_mention and message.im events, then install the app.",
+            "Optional but recommended: Basic Information → Display Information → upload an app icon and pick a background color so the bot has a clean avatar in every channel.",
+        ],
+    },
+    {
+        id: "telegram",
+        label: "Telegram",
+        icon: IconBrandTelegram,
+        description: "Chat with dispatch through a Telegram bot.",
+        docsUrl: "/docs/messaging#telegram",
+        externalUrl: "https://t.me/BotFather",
+        externalLabel: "Open BotFather",
+        envKeys: ["TELEGRAM_BOT_TOKEN"],
+        setupSteps: [
+            "Open @BotFather in Telegram and send /newbot.",
+            "Save the bot token here, then click Set up webhook below.",
+            "DM the bot in Telegram to test.",
+        ],
+    },
+    {
+        id: "email",
+        label: "Email",
+        icon: IconMail,
+        description: "Give your agent an email address. People can email it directly or CC it on threads.",
+        docsUrl: "/docs/messaging#email",
+        externalUrl: "https://resend.com/webhooks",
+        externalLabel: "Open Resend webhooks",
+        envKeys: ["EMAIL_AGENT_ADDRESS"],
+        setupSteps: [
+            "Save your Resend or SendGrid API key (Vault or onboarding).",
+            "Pick an email address — the easiest is a free <slug>.resend.app address.",
+            "If using your own domain, add MX records pointing to your provider.",
+            "Save the address here, then register the webhook URL below in Resend (event: email.received).",
+        ],
+    },
+    {
+        id: "whatsapp",
+        label: "WhatsApp",
+        icon: IconBrandWhatsapp,
+        description: "Receive WhatsApp messages and reply through a Meta-managed phone number.",
+        docsUrl: "/docs/messaging#whatsapp",
+        externalUrl: "https://developers.facebook.com/apps",
+        externalLabel: "Open Meta developer console",
+        envKeys: [
+            "WHATSAPP_ACCESS_TOKEN",
+            "WHATSAPP_VERIFY_TOKEN",
+            "WHATSAPP_PHONE_NUMBER_ID",
+        ],
+        setupSteps: [
+            "Create a Meta app and add the WhatsApp product.",
+            "Save the access token, verify token, and phone number ID below.",
+            "In Meta's WhatsApp configuration, paste the webhook URL and your verify token.",
+            "Subscribe to the messages field, then enable here.",
+        ],
+    },
+];
+function HelpTooltip({ content }) {
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "text-muted-foreground/60 hover:text-foreground cursor-pointer", children: _jsx(IconInfoCircle, { className: "h-3.5 w-3.5" }) }) }), _jsx(TooltipContent, { side: "top", className: "max-w-64 text-xs leading-relaxed", children: content })] }));
+}
+function StatusPill({ tone, label, }) {
+    const toneClass = tone === "success"
+        ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-300"
+        : tone === "warning"
+            ? "border-amber-500/30 bg-amber-500/10 text-amber-300"
+            : "border-border bg-muted/40 text-muted-foreground";
+    return (_jsx("span", { className: `inline-flex items-center rounded-full border px-2.5 py-1 text-[11px] font-medium ${toneClass}`, children: label }));
+}
+/** Render a non-secret env value (e.g. EMAIL_AGENT_ADDRESS) as a copyable
+ *  text block. We can't read the actual value from the backend (env-status
+ *  only reports `configured: true|false`), so we offer a one-click reveal
+ *  that hits a server endpoint, falling back to "saved" if the value is
+ *  not exposed. For now we just render a "Saved — re-enter to change"
+ *  placeholder; a future endpoint can return the actual value. */
+function PublicValueReveal({ envKey: _envKey }) {
+    return (_jsx("div", { className: "rounded-md border bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: "Saved. Re-enter below to change." }));
+}
+function ConnectionStatus({ configured, enabled, }) {
+    if (enabled) {
+        return _jsx(StatusPill, { tone: "success", label: "Connected" });
+    }
+    if (configured) {
+        return _jsx(StatusPill, { tone: "warning", label: "Configured, not enabled" });
+    }
+    return _jsx(StatusPill, { tone: "neutral", label: "Not configured" });
+}
+export function MessagingSetupPanel() {
+    const [statuses, setStatuses] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [envStatuses, setEnvStatuses] = useState([]);
+    const [envLoading, setEnvLoading] = useState(true);
+    const [envValues, setEnvValues] = useState({});
+    const [savingKeysFor, setSavingKeysFor] = useState(null);
+    const [togglingPlatform, setTogglingPlatform] = useState(null);
+    const [setupPlatform, setSetupPlatform] = useState(null);
+    const [copiedWebhook, setCopiedWebhook] = useState(null);
+    const refreshStatuses = async () => {
+        setLoading(true);
+        try {
+            const res = await fetch(agentNativePath("/_agent-native/integrations/status"));
+            const rows = res.ok ? await res.json() : [];
+            setStatuses(Array.isArray(rows) ? rows : []);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        let active = true;
+        fetch(agentNativePath("/_agent-native/integrations/status"))
+            .then((res) => (res.ok ? res.json() : []))
+            .then((rows) => {
+            if (active) {
+                setStatuses(Array.isArray(rows) ? rows : []);
+                setLoading(false);
+            }
+        })
+            .catch(() => {
+            if (active)
+                setLoading(false);
+        });
+        return () => {
+            active = false;
+        };
+    }, []);
+    useEffect(() => {
+        let active = true;
+        fetch(agentNativePath("/_agent-native/env-status"))
+            .then((res) => (res.ok ? res.json() : []))
+            .then((rows) => {
+            if (active) {
+                setEnvStatuses(Array.isArray(rows) ? rows : []);
+                setEnvLoading(false);
+            }
+        })
+            .catch(() => {
+            if (active)
+                setEnvLoading(false);
+        });
+        return () => {
+            active = false;
+        };
+    }, []);
+    const envStatusByKey = useMemo(() => new Map(envStatuses.map((status) => [status.key, status])), [envStatuses]);
+    const statusByPlatform = useMemo(() => new Map(statuses.map((status) => [status.platform, status])), [statuses]);
+    const refreshEnvStatus = async () => {
+        setEnvLoading(true);
+        try {
+            const res = await fetch(agentNativePath("/_agent-native/env-status"));
+            const rows = res.ok ? await res.json() : [];
+            setEnvStatuses(Array.isArray(rows) ? rows : []);
+        }
+        finally {
+            setEnvLoading(false);
+        }
+    };
+    const saveEnvKeys = async (platform, keys) => {
+        const vars = keys
+            .map((key) => ({ key, value: envValues[key]?.trim() || "" }))
+            .filter((item) => item.value);
+        if (vars.length === 0) {
+            toast.error("Add the required credentials first.");
+            return;
+        }
+        setSavingKeysFor(platform.id);
+        try {
+            const res = await fetch(agentNativePath("/_agent-native/env-vars"), {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ vars }),
+            });
+            if (!res.ok) {
+                const payload = await res.json().catch(() => ({}));
+                throw new Error(payload.error || "Failed to save credentials");
+            }
+            toast.success(`${platform.label} credentials saved`);
+            setEnvValues((current) => {
+                const next = { ...current };
+                for (const key of keys)
+                    delete next[key];
+                return next;
+            });
+            await refreshEnvStatus();
+            await refreshStatuses();
+        }
+        catch (error) {
+            toast.error(error instanceof Error ? error.message : "Failed to save credentials");
+        }
+        finally {
+            setSavingKeysFor(null);
+        }
+    };
+    const togglePlatform = async (platform, enabled) => {
+        setTogglingPlatform(platform.id);
+        try {
+            const action = enabled ? "disable" : "enable";
+            const res = await fetch(agentNativePath(`/_agent-native/integrations/${platform.id}/${action}`), {
+                method: "POST",
+            });
+            if (!res.ok) {
+                const payload = await res.json().catch(() => ({}));
+                throw new Error(payload.error || `Failed to ${action} ${platform.label}`);
+            }
+            toast.success(enabled
+                ? `${platform.label} disconnected`
+                : `${platform.label} connected`);
+            await refreshStatuses();
+        }
+        catch (error) {
+            toast.error(error instanceof Error ? error.message : "Failed to update integration");
+        }
+        finally {
+            setTogglingPlatform(null);
+        }
+    };
+    const runSetup = async (platform) => {
+        setSetupPlatform(platform.id);
+        try {
+            const res = await fetch(agentNativePath(`/_agent-native/integrations/${platform.id}/setup`), {
+                method: "POST",
+            });
+            if (!res.ok) {
+                const payload = await res.json().catch(() => ({}));
+                throw new Error(payload.error || `Failed to set up ${platform.label}`);
+            }
+            toast.success(platform.id === "telegram"
+                ? "Telegram webhook registered"
+                : `${platform.label} setup complete`);
+            await refreshStatuses();
+        }
+        catch (error) {
+            toast.error(error instanceof Error
+                ? error.message
+                : `Failed to set up ${platform.label}`);
+        }
+        finally {
+            setSetupPlatform(null);
+        }
+    };
+    const copyWebhook = async (webhookUrl) => {
+        await navigator.clipboard.writeText(webhookUrl);
+        setCopiedWebhook(webhookUrl);
+        toast.success("Webhook URL copied");
+        setTimeout(() => setCopiedWebhook(null), 1500);
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid gap-4 xl:grid-cols-2", children: PLATFORM_DEFINITIONS.map((platform) => {
+                    const status = statusByPlatform.get(platform.id);
+                    const configured = !!status?.configured;
+                    const enabled = !!status?.enabled;
+                    // Prefer adapter-supplied env keys (includes optional fields like
+                    // webhook secrets); fall back to the static list.
+                    const adapterKeys = status?.requiredEnvKeys;
+                    const envKeys = adapterKeys && adapterKeys.length > 0
+                        ? adapterKeys
+                        : platform.envKeys.map((key) => ({
+                            key,
+                            label: key,
+                            required: true,
+                        }));
+                    return (_jsxs("section", { className: "rounded-2xl border bg-card p-5", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl border bg-muted/30 text-foreground", children: _jsx(platform.icon, { size: 18 }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("h3", { className: "text-base font-semibold text-foreground", children: platform.label }), _jsx(ConnectionStatus, { configured: configured, enabled: enabled })] }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: platform.description })] })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "h-7 px-2 text-xs text-muted-foreground", children: _jsxs("a", { href: platform.docsUrl, target: "_blank", rel: "noreferrer", children: ["Docs", _jsx(IconExternalLink, { className: "ml-1 h-3 w-3" })] }) }), platform.externalUrl ? (_jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "h-7 px-2 text-xs text-muted-foreground", children: _jsxs("a", { href: platform.externalUrl, target: "_blank", rel: "noreferrer", children: [platform.externalLabel ?? "Open", _jsx(IconExternalLink, { className: "ml-1 h-3 w-3" })] }) })) : null] })] }), _jsxs(Collapsible, { className: "mt-5", children: [_jsxs(CollapsibleTrigger, { className: "group flex w-full cursor-pointer items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground", children: [_jsx(IconChevronRight, { className: "h-3.5 w-3.5 transition-transform group-data-[state=open]:rotate-90" }), _jsx("span", { children: "Setup steps" })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "mt-2 rounded-xl border bg-muted/20 p-4", children: _jsx("ol", { className: "space-y-2 text-sm text-muted-foreground", children: platform.setupSteps.map((step, index) => (_jsxs("li", { className: "flex gap-2", children: [_jsxs("span", { className: "text-muted-foreground/60", children: [index + 1, "."] }), _jsx("span", { children: step })] }, step))) }) }) })] }), _jsxs("div", { className: "mt-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Credentials" }), envLoading ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "Checking..." })) : null] }), _jsx("div", { className: "space-y-3", children: envKeys.map((envKey) => {
+                                            const envStatus = envStatusByKey.get(envKey.key);
+                                            const isConfigured = !!envStatus?.configured;
+                                            const helpText = envKey.helpText ?? envStatus?.helpText;
+                                            const label = envKey.label || envStatus?.label || envKey.key;
+                                            // Email agent address is not a secret — show it plainly
+                                            // so users can copy and share it.
+                                            const isPublicValue = envKey.key === "EMAIL_AGENT_ADDRESS";
+                                            return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs("label", { className: "text-xs font-medium text-foreground", children: [label, !envKey.required ? (_jsx("span", { className: "ml-1 text-muted-foreground", children: "(optional)" })) : null] }), helpText ? (_jsx(HelpTooltip, { content: helpText })) : null] }), isConfigured ? (_jsx(StatusPill, { tone: "success", label: "Saved" })) : (_jsx(StatusPill, { tone: "neutral", label: envKey.required ? "Missing" : "Not set" }))] }), isConfigured && isPublicValue ? (_jsx(PublicValueReveal, { envKey: envKey.key })) : !isConfigured ? (_jsx(Input, { type: isPublicValue ? "text" : "password", value: envValues[envKey.key] || "", onChange: (event) => setEnvValues((current) => ({
+                                                            ...current,
+                                                            [envKey.key]: event.target.value,
+                                                        })), placeholder: isPublicValue
+                                                            ? "agent@yourcompany.com"
+                                                            : `Enter ${label}`, autoComplete: "off" })) : null] }, envKey.key));
+                                        }) }), envKeys.some((k) => !envStatusByKey.get(k.key)?.configured) ? (_jsx(Button, { variant: "outline", onClick: () => saveEnvKeys(platform, envKeys.map((k) => k.key)), disabled: savingKeysFor === platform.id, children: savingKeysFor === platform.id ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Saving..."] })) : ("Save credentials") })) : null] }), status?.webhookUrl ? (_jsxs("div", { className: "mt-4 space-y-2", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Webhook URL" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "flex-1 truncate rounded-md border bg-muted/30 px-3 py-2 text-xs text-foreground", children: status.webhookUrl }), _jsx(Button, { variant: "outline", size: "icon", onClick: () => copyWebhook(status.webhookUrl), "aria-label": `Copy ${platform.label} webhook URL`, children: copiedWebhook === status.webhookUrl ? (_jsx(IconCheck, { className: "h-4 w-4" })) : (_jsx(IconCopy, { className: "h-4 w-4" })) })] })] })) : null, _jsxs("div", { className: "mt-5 flex flex-wrap items-center justify-end gap-2 border-t border-border pt-4", children: [platform.id === "telegram" && configured ? (_jsx(Button, { variant: "outline", onClick: () => runSetup(platform), disabled: setupPlatform === platform.id, children: setupPlatform === platform.id ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Setting up..."] })) : ("Set up webhook") })) : null, !configured && !enabled ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { tabIndex: 0, children: _jsx(Button, { disabled: true, children: "Enable" }) }) }), _jsx(TooltipContent, { children: "Save the required credentials first." })] })) : (_jsx(Button, { onClick: () => togglePlatform(platform, enabled), disabled: togglingPlatform === platform.id, children: togglingPlatform === platform.id ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Saving..."] })) : enabled ? ("Disable") : ("Enable") }))] })] }, platform.id));
+                }) }), loading ? (_jsx("div", { className: "rounded-2xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "Loading messaging status..." })) : null] }));
+}
+//# sourceMappingURL=messaging-setup-panel.js.map

package/dist/components/messaging-setup-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messaging-setup-panel.js","sourceRoot":"","sources":["../../src/components/messaging-setup-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"@agent-native/core/client\";\r\nimport {\r\n  IconBrandSlack,\r\n  IconBrandTelegram,\r\n  IconBrandWhatsapp,\r\n  IconCheck,\r\n  IconChevronRight,\r\n  IconCopy,\r\n  IconExternalLink,\r\n  IconInfoCircle,\r\n  IconLoader2,\r\n  IconMail,\r\n} from \"@tabler/icons-react\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\nimport { toast } from \"sonner\";\r\n\r\nimport { Button } from \"./ui/button\";\r\nimport {\r\n  Collapsible,\r\n  CollapsibleContent,\r\n  CollapsibleTrigger,\r\n} from \"./ui/collapsible\";\r\nimport { Input } from \"./ui/input\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"./ui/tooltip\";\r\n\r\ninterface EnvStatus {\r\n  key: string;\r\n  label: string;\r\n  required: boolean;\r\n  configured: boolean;\r\n  helpText?: string;\r\n}\r\n\r\ninterface RequiredEnvKey {\r\n  key: string;\r\n  label: string;\r\n  required: boolean;\r\n  helpText?: string;\r\n}\r\n\r\ninterface IntegrationStatus {\r\n  platform: string;\r\n  label: string;\r\n  enabled: boolean;\r\n  configured: boolean;\r\n  webhookUrl?: string;\r\n  requiredEnvKeys?: RequiredEnvKey[];\r\n}\r\n\r\ninterface PlatformDefinition {\r\n  id: \"slack\" | \"telegram\" | \"email\" | \"whatsapp\";\r\n  label: string;\r\n  icon: typeof IconBrandSlack;\r\n  description: string;\r\n  /** Our own docs anchor — keep these on /docs/messaging so users land on\r\n   *  the page that explains the platform in plain English. */\r\n  docsUrl: string;\r\n  /** Optional external link (e.g. to the platform's developer console). */\r\n  externalUrl?: string;\r\n  externalLabel?: string;\r\n  setupSteps: string[];\r\n  /** Fallback env keys when the adapter doesn't surface them via\r\n   *  `IntegrationStatus.requiredEnvKeys`. The panel prefers adapter-supplied\r\n   *  keys when present so optional fields (webhook secrets, etc.) appear\r\n   *  automatically. */\r\n  envKeys: string[];\r\n}\r\n\r\nconst PLATFORM_DEFINITIONS: PlatformDefinition[] = [\r\n  {\r\n    id: \"slack\",\r\n    label: \"Slack\",\r\n    icon: IconBrandSlack,\r\n    description: \"Receive mentions and DMs in one workspace-aware dispatch.\",\r\n    docsUrl: \"/docs/messaging#slack\",\r\n    externalUrl: \"https://api.slack.com/apps\",\r\n    externalLabel: \"Open Slack apps\",\r\n    envKeys: [\"SLACK_BOT_TOKEN\", \"SLACK_SIGNING_SECRET\"],\r\n    setupSteps: [\r\n      \"Create or open a Slack app at api.slack.com/apps.\",\r\n      \"Save the bot token and signing secret below — the webhook URL appears once they're saved.\",\r\n      \"Back in Slack, enable Event Subscriptions and paste the webhook URL.\",\r\n      \"Subscribe to app_mention and message.im events, then install the app.\",\r\n      \"Optional but recommended: Basic Information → Display Information → upload an app icon and pick a background color so the bot has a clean avatar in every channel.\",\r\n    ],\r\n  },\r\n  {\r\n    id: \"telegram\",\r\n    label: \"Telegram\",\r\n    icon: IconBrandTelegram,\r\n    description: \"Chat with dispatch through a Telegram bot.\",\r\n    docsUrl: \"/docs/messaging#telegram\",\r\n    externalUrl: \"https://t.me/BotFather\",\r\n    externalLabel: \"Open BotFather\",\r\n    envKeys: [\"TELEGRAM_BOT_TOKEN\"],\r\n    setupSteps: [\r\n      \"Open @BotFather in Telegram and send /newbot.\",\r\n      \"Save the bot token here, then click Set up webhook below.\",\r\n      \"DM the bot in Telegram to test.\",\r\n    ],\r\n  },\r\n  {\r\n    id: \"email\",\r\n    label: \"Email\",\r\n    icon: IconMail,\r\n    description:\r\n      \"Give your agent an email address. People can email it directly or CC it on threads.\",\r\n    docsUrl: \"/docs/messaging#email\",\r\n    externalUrl: \"https://resend.com/webhooks\",\r\n    externalLabel: \"Open Resend webhooks\",\r\n    envKeys: [\"EMAIL_AGENT_ADDRESS\"],\r\n    setupSteps: [\r\n      \"Save your Resend or SendGrid API key (Vault or onboarding).\",\r\n      \"Pick an email address — the easiest is a free <slug>.resend.app address.\",\r\n      \"If using your own domain, add MX records pointing to your provider.\",\r\n      \"Save the address here, then register the webhook URL below in Resend (event: email.received).\",\r\n    ],\r\n  },\r\n  {\r\n    id: \"whatsapp\",\r\n    label: \"WhatsApp\",\r\n    icon: IconBrandWhatsapp,\r\n    description:\r\n      \"Receive WhatsApp messages and reply through a Meta-managed phone number.\",\r\n    docsUrl: \"/docs/messaging#whatsapp\",\r\n    externalUrl: \"https://developers.facebook.com/apps\",\r\n    externalLabel: \"Open Meta developer console\",\r\n    envKeys: [\r\n      \"WHATSAPP_ACCESS_TOKEN\",\r\n      \"WHATSAPP_VERIFY_TOKEN\",\r\n      \"WHATSAPP_PHONE_NUMBER_ID\",\r\n    ],\r\n    setupSteps: [\r\n      \"Create a Meta app and add the WhatsApp product.\",\r\n      \"Save the access token, verify token, and phone number ID below.\",\r\n      \"In Meta's WhatsApp configuration, paste the webhook URL and your verify token.\",\r\n      \"Subscribe to the messages field, then enable here.\",\r\n    ],\r\n  },\r\n];\r\n\r\nfunction HelpTooltip({ content }: { content: string }) {\r\n  return (\r\n    <Tooltip>\r\n      <TooltipTrigger asChild>\r\n        <button\r\n          type=\"button\"\r\n          className=\"text-muted-foreground/60 hover:text-foreground cursor-pointer\"\r\n        >\r\n          <IconInfoCircle className=\"h-3.5 w-3.5\" />\r\n        </button>\r\n      </TooltipTrigger>\r\n      <TooltipContent side=\"top\" className=\"max-w-64 text-xs leading-relaxed\">\r\n        {content}\r\n      </TooltipContent>\r\n    </Tooltip>\r\n  );\r\n}\r\n\r\nfunction StatusPill({\r\n  tone,\r\n  label,\r\n}: {\r\n  tone: \"neutral\" | \"success\" | \"warning\";\r\n  label: string;\r\n}) {\r\n  const toneClass =\r\n    tone === \"success\"\r\n      ? \"border-emerald-500/30 bg-emerald-500/10 text-emerald-300\"\r\n      : tone === \"warning\"\r\n        ? \"border-amber-500/30 bg-amber-500/10 text-amber-300\"\r\n        : \"border-border bg-muted/40 text-muted-foreground\";\r\n\r\n  return (\r\n    <span\r\n      className={`inline-flex items-center rounded-full border px-2.5 py-1 text-[11px] font-medium ${toneClass}`}\r\n    >\r\n      {label}\r\n    </span>\r\n  );\r\n}\r\n\r\n/** Render a non-secret env value (e.g. EMAIL_AGENT_ADDRESS) as a copyable\r\n *  text block. We can't read the actual value from the backend (env-status\r\n *  only reports `configured: true|false`), so we offer a one-click reveal\r\n *  that hits a server endpoint, falling back to \"saved\" if the value is\r\n *  not exposed. For now we just render a \"Saved — re-enter to change\"\r\n *  placeholder; a future endpoint can return the actual value. */\r\nfunction PublicValueReveal({ envKey: _envKey }: { envKey: string }) {\r\n  return (\r\n    <div className=\"rounded-md border bg-muted/20 px-3 py-2 text-xs text-muted-foreground\">\r\n      Saved. Re-enter below to change.\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ConnectionStatus({\r\n  configured,\r\n  enabled,\r\n}: {\r\n  configured: boolean;\r\n  enabled: boolean;\r\n}) {\r\n  if (enabled) {\r\n    return <StatusPill tone=\"success\" label=\"Connected\" />;\r\n  }\r\n  if (configured) {\r\n    return <StatusPill tone=\"warning\" label=\"Configured, not enabled\" />;\r\n  }\r\n  return <StatusPill tone=\"neutral\" label=\"Not configured\" />;\r\n}\r\n\r\nexport function MessagingSetupPanel() {\r\n  const [statuses, setStatuses] = useState<IntegrationStatus[]>([]);\r\n  const [loading, setLoading] = useState(true);\r\n  const [envStatuses, setEnvStatuses] = useState<EnvStatus[]>([]);\r\n  const [envLoading, setEnvLoading] = useState(true);\r\n  const [envValues, setEnvValues] = useState<Record<string, string>>({});\r\n  const [savingKeysFor, setSavingKeysFor] = useState<string | null>(null);\r\n  const [togglingPlatform, setTogglingPlatform] = useState<string | null>(null);\r\n  const [setupPlatform, setSetupPlatform] = useState<string | null>(null);\r\n  const [copiedWebhook, setCopiedWebhook] = useState<string | null>(null);\r\n\r\n  const refreshStatuses = async () => {\r\n    setLoading(true);\r\n    try {\r\n      const res = await fetch(\r\n        agentNativePath(\"/_agent-native/integrations/status\"),\r\n      );\r\n      const rows = res.ok ? await res.json() : [];\r\n      setStatuses(Array.isArray(rows) ? rows : []);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    let active = true;\r\n    fetch(agentNativePath(\"/_agent-native/integrations/status\"))\r\n      .then((res) => (res.ok ? res.json() : []))\r\n      .then((rows) => {\r\n        if (active) {\r\n          setStatuses(Array.isArray(rows) ? rows : []);\r\n          setLoading(false);\r\n        }\r\n      })\r\n      .catch(() => {\r\n        if (active) setLoading(false);\r\n      });\r\n    return () => {\r\n      active = false;\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    let active = true;\r\n    fetch(agentNativePath(\"/_agent-native/env-status\"))\r\n      .then((res) => (res.ok ? res.json() : []))\r\n      .then((rows) => {\r\n        if (active) {\r\n          setEnvStatuses(Array.isArray(rows) ? rows : []);\r\n          setEnvLoading(false);\r\n        }\r\n      })\r\n      .catch(() => {\r\n        if (active) setEnvLoading(false);\r\n      });\r\n    return () => {\r\n      active = false;\r\n    };\r\n  }, []);\r\n\r\n  const envStatusByKey = useMemo(\r\n    () => new Map(envStatuses.map((status) => [status.key, status])),\r\n    [envStatuses],\r\n  );\r\n  const statusByPlatform = useMemo(\r\n    () => new Map(statuses.map((status) => [status.platform, status])),\r\n    [statuses],\r\n  );\r\n\r\n  const refreshEnvStatus = async () => {\r\n    setEnvLoading(true);\r\n    try {\r\n      const res = await fetch(agentNativePath(\"/_agent-native/env-status\"));\r\n      const rows = res.ok ? await res.json() : [];\r\n      setEnvStatuses(Array.isArray(rows) ? rows : []);\r\n    } finally {\r\n      setEnvLoading(false);\r\n    }\r\n  };\r\n\r\n  const saveEnvKeys = async (platform: PlatformDefinition, keys: string[]) => {\r\n    const vars = keys\r\n      .map((key) => ({ key, value: envValues[key]?.trim() || \"\" }))\r\n      .filter((item) => item.value);\r\n\r\n    if (vars.length === 0) {\r\n      toast.error(\"Add the required credentials first.\");\r\n      return;\r\n    }\r\n\r\n    setSavingKeysFor(platform.id);\r\n    try {\r\n      const res = await fetch(agentNativePath(\"/_agent-native/env-vars\"), {\r\n        method: \"POST\",\r\n        headers: { \"Content-Type\": \"application/json\" },\r\n        body: JSON.stringify({ vars }),\r\n      });\r\n\r\n      if (!res.ok) {\r\n        const payload = await res.json().catch(() => ({}));\r\n        throw new Error(payload.error || \"Failed to save credentials\");\r\n      }\r\n\r\n      toast.success(`${platform.label} credentials saved`);\r\n      setEnvValues((current) => {\r\n        const next = { ...current };\r\n        for (const key of keys) delete next[key];\r\n        return next;\r\n      });\r\n      await refreshEnvStatus();\r\n      await refreshStatuses();\r\n    } catch (error) {\r\n      toast.error(\r\n        error instanceof Error ? error.message : \"Failed to save credentials\",\r\n      );\r\n    } finally {\r\n      setSavingKeysFor(null);\r\n    }\r\n  };\r\n\r\n  const togglePlatform = async (\r\n    platform: PlatformDefinition,\r\n    enabled: boolean,\r\n  ) => {\r\n    setTogglingPlatform(platform.id);\r\n    try {\r\n      const action = enabled ? \"disable\" : \"enable\";\r\n      const res = await fetch(\r\n        agentNativePath(`/_agent-native/integrations/${platform.id}/${action}`),\r\n        {\r\n          method: \"POST\",\r\n        },\r\n      );\r\n      if (!res.ok) {\r\n        const payload = await res.json().catch(() => ({}));\r\n        throw new Error(\r\n          payload.error || `Failed to ${action} ${platform.label}`,\r\n        );\r\n      }\r\n      toast.success(\r\n        enabled\r\n          ? `${platform.label} disconnected`\r\n          : `${platform.label} connected`,\r\n      );\r\n      await refreshStatuses();\r\n    } catch (error) {\r\n      toast.error(\r\n        error instanceof Error ? error.message : \"Failed to update integration\",\r\n      );\r\n    } finally {\r\n      setTogglingPlatform(null);\r\n    }\r\n  };\r\n\r\n  const runSetup = async (platform: PlatformDefinition) => {\r\n    setSetupPlatform(platform.id);\r\n    try {\r\n      const res = await fetch(\r\n        agentNativePath(`/_agent-native/integrations/${platform.id}/setup`),\r\n        {\r\n          method: \"POST\",\r\n        },\r\n      );\r\n      if (!res.ok) {\r\n        const payload = await res.json().catch(() => ({}));\r\n        throw new Error(payload.error || `Failed to set up ${platform.label}`);\r\n      }\r\n      toast.success(\r\n        platform.id === \"telegram\"\r\n          ? \"Telegram webhook registered\"\r\n          : `${platform.label} setup complete`,\r\n      );\r\n      await refreshStatuses();\r\n    } catch (error) {\r\n      toast.error(\r\n        error instanceof Error\r\n          ? error.message\r\n          : `Failed to set up ${platform.label}`,\r\n      );\r\n    } finally {\r\n      setSetupPlatform(null);\r\n    }\r\n  };\r\n\r\n  const copyWebhook = async (webhookUrl: string) => {\r\n    await navigator.clipboard.writeText(webhookUrl);\r\n    setCopiedWebhook(webhookUrl);\r\n    toast.success(\"Webhook URL copied\");\r\n    setTimeout(() => setCopiedWebhook(null), 1500);\r\n  };\r\n\r\n  return (\r\n    <div className=\"space-y-4\">\r\n      <div className=\"grid gap-4 xl:grid-cols-2\">\r\n        {PLATFORM_DEFINITIONS.map((platform) => {\r\n          const status = statusByPlatform.get(platform.id);\r\n          const configured = !!status?.configured;\r\n          const enabled = !!status?.enabled;\r\n          // Prefer adapter-supplied env keys (includes optional fields like\r\n          // webhook secrets); fall back to the static list.\r\n          const adapterKeys = status?.requiredEnvKeys;\r\n          const envKeys: RequiredEnvKey[] =\r\n            adapterKeys && adapterKeys.length > 0\r\n              ? adapterKeys\r\n              : platform.envKeys.map((key) => ({\r\n                  key,\r\n                  label: key,\r\n                  required: true,\r\n                }));\r\n\r\n          return (\r\n            <section\r\n              key={platform.id}\r\n              className=\"rounded-2xl border bg-card p-5\"\r\n            >\r\n              <div className=\"flex items-start justify-between gap-4\">\r\n                <div className=\"flex items-start gap-3\">\r\n                  <div className=\"flex h-10 w-10 items-center justify-center rounded-xl border bg-muted/30 text-foreground\">\r\n                    <platform.icon size={18} />\r\n                  </div>\r\n                  <div>\r\n                    <div className=\"flex items-center gap-2\">\r\n                      <h3 className=\"text-base font-semibold text-foreground\">\r\n                        {platform.label}\r\n                      </h3>\r\n                      <ConnectionStatus\r\n                        configured={configured}\r\n                        enabled={enabled}\r\n                      />\r\n                    </div>\r\n                    <p className=\"mt-1 text-sm text-muted-foreground\">\r\n                      {platform.description}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div className=\"flex shrink-0 items-center gap-1\">\r\n                  <Button\r\n                    asChild\r\n                    variant=\"ghost\"\r\n                    size=\"sm\"\r\n                    className=\"h-7 px-2 text-xs text-muted-foreground\"\r\n                  >\r\n                    <a href={platform.docsUrl} target=\"_blank\" rel=\"noreferrer\">\r\n                      Docs\r\n                      <IconExternalLink className=\"ml-1 h-3 w-3\" />\r\n                    </a>\r\n                  </Button>\r\n                  {platform.externalUrl ? (\r\n                    <Button\r\n                      asChild\r\n                      variant=\"ghost\"\r\n                      size=\"sm\"\r\n                      className=\"h-7 px-2 text-xs text-muted-foreground\"\r\n                    >\r\n                      <a\r\n                        href={platform.externalUrl}\r\n                        target=\"_blank\"\r\n                        rel=\"noreferrer\"\r\n                      >\r\n                        {platform.externalLabel ?? \"Open\"}\r\n                        <IconExternalLink className=\"ml-1 h-3 w-3\" />\r\n                      </a>\r\n                    </Button>\r\n                  ) : null}\r\n                </div>\r\n              </div>\r\n\r\n              <Collapsible className=\"mt-5\">\r\n                <CollapsibleTrigger className=\"group flex w-full cursor-pointer items-center gap-1.5 text-xs font-medium text-muted-foreground hover:text-foreground\">\r\n                  <IconChevronRight className=\"h-3.5 w-3.5 transition-transform group-data-[state=open]:rotate-90\" />\r\n                  <span>Setup steps</span>\r\n                </CollapsibleTrigger>\r\n                <CollapsibleContent>\r\n                  <div className=\"mt-2 rounded-xl border bg-muted/20 p-4\">\r\n                    <ol className=\"space-y-2 text-sm text-muted-foreground\">\r\n                      {platform.setupSteps.map((step, index) => (\r\n                        <li key={step} className=\"flex gap-2\">\r\n                          <span className=\"text-muted-foreground/60\">\r\n                            {index + 1}.\r\n                          </span>\r\n                          <span>{step}</span>\r\n                        </li>\r\n                      ))}\r\n                    </ol>\r\n                  </div>\r\n                </CollapsibleContent>\r\n              </Collapsible>\r\n\r\n              <div className=\"mt-4 space-y-3\">\r\n                <div className=\"flex items-center gap-2\">\r\n                  <div className=\"text-sm font-medium text-foreground\">\r\n                    Credentials\r\n                  </div>\r\n                  {envLoading ? (\r\n                    <span className=\"text-xs text-muted-foreground\">\r\n                      Checking...\r\n                    </span>\r\n                  ) : null}\r\n                </div>\r\n                <div className=\"space-y-3\">\r\n                  {envKeys.map((envKey) => {\r\n                    const envStatus = envStatusByKey.get(envKey.key);\r\n                    const isConfigured = !!envStatus?.configured;\r\n                    const helpText = envKey.helpText ?? envStatus?.helpText;\r\n                    const label =\r\n                      envKey.label || envStatus?.label || envKey.key;\r\n                    // Email agent address is not a secret — show it plainly\r\n                    // so users can copy and share it.\r\n                    const isPublicValue = envKey.key === \"EMAIL_AGENT_ADDRESS\";\r\n                    return (\r\n                      <div key={envKey.key} className=\"space-y-1.5\">\r\n                        <div className=\"flex items-center justify-between gap-3\">\r\n                          <div className=\"flex items-center gap-1.5\">\r\n                            <label className=\"text-xs font-medium text-foreground\">\r\n                              {label}\r\n                              {!envKey.required ? (\r\n                                <span className=\"ml-1 text-muted-foreground\">\r\n                                  (optional)\r\n                                </span>\r\n                              ) : null}\r\n                            </label>\r\n                            {helpText ? (\r\n                              <HelpTooltip content={helpText} />\r\n                            ) : null}\r\n                          </div>\r\n                          {isConfigured ? (\r\n                            <StatusPill tone=\"success\" label=\"Saved\" />\r\n                          ) : (\r\n                            <StatusPill\r\n                              tone=\"neutral\"\r\n                              label={envKey.required ? \"Missing\" : \"Not set\"}\r\n                            />\r\n                          )}\r\n                        </div>\r\n                        {isConfigured && isPublicValue ? (\r\n                          <PublicValueReveal envKey={envKey.key} />\r\n                        ) : !isConfigured ? (\r\n                          <Input\r\n                            type={isPublicValue ? \"text\" : \"password\"}\r\n                            value={envValues[envKey.key] || \"\"}\r\n                            onChange={(event) =>\r\n                              setEnvValues((current) => ({\r\n                                ...current,\r\n                                [envKey.key]: event.target.value,\r\n                              }))\r\n                            }\r\n                            placeholder={\r\n                              isPublicValue\r\n                                ? \"agent@yourcompany.com\"\r\n                                : `Enter ${label}`\r\n                            }\r\n                            autoComplete=\"off\"\r\n                          />\r\n                        ) : null}\r\n                      </div>\r\n                    );\r\n                  })}\r\n                </div>\r\n                {envKeys.some((k) => !envStatusByKey.get(k.key)?.configured) ? (\r\n                  <Button\r\n                    variant=\"outline\"\r\n                    onClick={() =>\r\n                      saveEnvKeys(\r\n                        platform,\r\n                        envKeys.map((k) => k.key),\r\n                      )\r\n                    }\r\n                    disabled={savingKeysFor === platform.id}\r\n                  >\r\n                    {savingKeysFor === platform.id ? (\r\n                      <>\r\n                        <IconLoader2 className=\"mr-2 h-4 w-4 animate-spin\" />\r\n                        Saving...\r\n                      </>\r\n                    ) : (\r\n                      \"Save credentials\"\r\n                    )}\r\n                  </Button>\r\n                ) : null}\r\n              </div>\r\n\r\n              {status?.webhookUrl ? (\r\n                <div className=\"mt-4 space-y-2\">\r\n                  <div className=\"text-sm font-medium text-foreground\">\r\n                    Webhook URL\r\n                  </div>\r\n                  <div className=\"flex items-center gap-2\">\r\n                    <code className=\"flex-1 truncate rounded-md border bg-muted/30 px-3 py-2 text-xs text-foreground\">\r\n                      {status.webhookUrl}\r\n                    </code>\r\n                    <Button\r\n                      variant=\"outline\"\r\n                      size=\"icon\"\r\n                      onClick={() => copyWebhook(status.webhookUrl!)}\r\n                      aria-label={`Copy ${platform.label} webhook URL`}\r\n                    >\r\n                      {copiedWebhook === status.webhookUrl ? (\r\n                        <IconCheck className=\"h-4 w-4\" />\r\n                      ) : (\r\n                        <IconCopy className=\"h-4 w-4\" />\r\n                      )}\r\n                    </Button>\r\n                  </div>\r\n                </div>\r\n              ) : null}\r\n\r\n              <div className=\"mt-5 flex flex-wrap items-center justify-end gap-2 border-t border-border pt-4\">\r\n                {platform.id === \"telegram\" && configured ? (\r\n                  <Button\r\n                    variant=\"outline\"\r\n                    onClick={() => runSetup(platform)}\r\n                    disabled={setupPlatform === platform.id}\r\n                  >\r\n                    {setupPlatform === platform.id ? (\r\n                      <>\r\n                        <IconLoader2 className=\"mr-2 h-4 w-4 animate-spin\" />\r\n                        Setting up...\r\n                      </>\r\n                    ) : (\r\n                      \"Set up webhook\"\r\n                    )}\r\n                  </Button>\r\n                ) : null}\r\n                {!configured && !enabled ? (\r\n                  <Tooltip>\r\n                    <TooltipTrigger asChild>\r\n                      <span tabIndex={0}>\r\n                        <Button disabled>Enable</Button>\r\n                      </span>\r\n                    </TooltipTrigger>\r\n                    <TooltipContent>\r\n                      Save the required credentials first.\r\n                    </TooltipContent>\r\n                  </Tooltip>\r\n                ) : (\r\n                  <Button\r\n                    onClick={() => togglePlatform(platform, enabled)}\r\n                    disabled={togglingPlatform === platform.id}\r\n                  >\r\n                    {togglingPlatform === platform.id ? (\r\n                      <>\r\n                        <IconLoader2 className=\"mr-2 h-4 w-4 animate-spin\" />\r\n                        Saving...\r\n                      </>\r\n                    ) : enabled ? (\r\n                      \"Disable\"\r\n                    ) : (\r\n                      \"Enable\"\r\n                    )}\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            </section>\r\n          );\r\n        })}\r\n      </div>\r\n\r\n      {loading ? (\r\n        <div className=\"rounded-2xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\r\n          Loading messaging status...\r\n        </div>\r\n      ) : null}\r\n    </div>\r\n  );\r\n}\r\n"]}

package/dist/components/task-queue-health.d.ts

@@ -0,0 +1,2 @@
+export declare function TaskQueueHealth(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=task-queue-health.d.ts.map

package/dist/components/task-queue-health.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-queue-health.d.ts","sourceRoot":"","sources":["../../src/components/task-queue-health.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,eAAe,oDA6G9B"}

package/dist/components/task-queue-health.js

@@ -0,0 +1,49 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChangeVersions, useT } from "@agent-native/core/client";
+import { IconAlertTriangle, IconPlayerPlay } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { formatQueueAgeSeconds, getDispatchTaskQueueStats, ZERO_TASK_QUEUE_STATS, } from "../lib/task-queue.js";
+import { cn } from "../lib/utils.js";
+import { Skeleton } from "./ui/skeleton.js";
+const TASK_QUEUE_QUERY_KEY = ["dispatch-task-queue"];
+function formatNumber(value) {
+    return new Intl.NumberFormat(undefined, {
+        notation: value >= 10_000 ? "compact" : "standard",
+    }).format(value);
+}
+function useTaskQueueStats() {
+    const version = useChangeVersions(["action", "screen-refresh"]);
+    return useQuery({
+        queryKey: [...TASK_QUEUE_QUERY_KEY, version],
+        queryFn: getDispatchTaskQueueStats,
+        placeholderData: (prev) => prev,
+        refetchInterval: 15_000,
+        staleTime: 5_000,
+    });
+}
+function QueueCell({ label, value, danger, }) {
+    return (_jsxs("div", { className: "rounded-md border bg-background px-2 py-2", children: [_jsx("div", { className: cn("text-lg font-semibold text-foreground", danger && "text-destructive"), children: formatNumber(value) }), _jsx("div", { className: "truncate text-[11px] text-muted-foreground", children: label })] }));
+}
+export function TaskQueueHealth() {
+    const t = useT();
+    const query = useTaskQueueStats();
+    const taskQueue = query.data ?? ZERO_TASK_QUEUE_STATS;
+    const hasFailure = taskQueue.failed_last_hour > 0;
+    const hasBacklog = taskQueue.pending > 5 || taskQueue.oldest_pending_age_seconds > 300;
+    const oldestAge = formatQueueAgeSeconds(taskQueue.oldest_pending_age_seconds);
+    const oldestAgeLabel = oldestAge === "none" ? t("dispatch.pages.queueAgeNone") : oldestAge;
+    return (_jsxs("section", { className: "rounded-lg border bg-card p-4", children: [_jsx("div", { className: "flex min-w-0 items-center justify-between gap-3", children: _jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconPlayerPlay, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.deliveryQueue") }), _jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: hasFailure
+                                        ? t("dispatch.pages.failedLastHour", {
+                                            count: taskQueue.failed_last_hour,
+                                        })
+                                        : t("dispatch.pages.processingCount", {
+                                            count: taskQueue.processing,
+                                        }) })] })] }) }), query.isLoading && !query.data ? (_jsx("div", { className: "mt-3 grid grid-cols-2 gap-2 sm:grid-cols-4", children: Array.from({ length: 4 }).map((_, index) => (_jsx(Skeleton, { className: "h-14 rounded-md" }, index))) })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mt-3 grid grid-cols-2 gap-2 sm:grid-cols-4", children: [_jsx(QueueCell, { label: t("dispatch.pages.queued"), value: taskQueue.pending }), _jsx(QueueCell, { label: t("dispatch.pages.active"), value: taskQueue.processing }), _jsx(QueueCell, { label: t("dispatch.pages.done1h"), value: taskQueue.completed_last_hour }), _jsx(QueueCell, { label: t("dispatch.pages.failed1h"), value: taskQueue.failed_last_hour, danger: hasFailure })] }), _jsx("div", { className: cn("mt-3 rounded-md border px-3 py-2 text-xs", hasFailure
+                            ? "border-destructive/30 bg-destructive/5 text-destructive"
+                            : hasBacklog
+                                ? "border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300"
+                                : "bg-muted/20 text-muted-foreground"), children: t("dispatch.pages.oldestQueued", { age: oldestAgeLabel }) }), hasFailure ? (_jsxs("div", { className: "mt-3 flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [_jsx(IconAlertTriangle, { size: 14, className: "mt-0.5 shrink-0" }), _jsx("span", { children: t("dispatch.pages.queueFailureHint") })] })) : null, taskQueue.recent_failures.length > 0 ? (_jsx("div", { className: "mt-3 divide-y rounded-md border", children: taskQueue.recent_failures.slice(0, 3).map((failure) => (_jsxs("div", { className: "px-3 py-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-xs", children: [_jsx("span", { className: "font-medium text-foreground", children: failure.platform || t("dispatch.pages.unknownPlatform") }), _jsx("span", { className: "text-muted-foreground", children: t("dispatch.pages.attemptsCount", {
+                                                count: failure.attempts,
+                                            }) })] }), _jsx("div", { className: "mt-1 truncate text-xs text-muted-foreground", children: failure.error || t("dispatch.pages.noErrorMessage") })] }, failure.id))) })) : null] }))] }));
+}
+//# sourceMappingURL=task-queue-health.js.map

package/dist/components/task-queue-health.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-queue-health.js","sourceRoot":"","sources":["../../src/components/task-queue-health.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useChangeVersions, useT } from \"@agent-native/core/client\";\r\nimport { IconAlertTriangle, IconPlayerPlay } from \"@tabler/icons-react\";\r\nimport { useQuery } from \"@tanstack/react-query\";\r\n\r\nimport {\r\n  formatQueueAgeSeconds,\r\n  getDispatchTaskQueueStats,\r\n  type TaskQueueStats,\r\n  ZERO_TASK_QUEUE_STATS,\r\n} from \"../lib/task-queue\";\r\nimport { cn } from \"../lib/utils\";\r\nimport { Skeleton } from \"./ui/skeleton\";\r\n\r\nconst TASK_QUEUE_QUERY_KEY = [\"dispatch-task-queue\"] as const;\r\n\r\nfunction formatNumber(value: number): string {\r\n  return new Intl.NumberFormat(undefined, {\r\n    notation: value >= 10_000 ? \"compact\" : \"standard\",\r\n  }).format(value);\r\n}\r\n\r\nfunction useTaskQueueStats() {\r\n  const version = useChangeVersions([\"action\", \"screen-refresh\"]);\r\n  return useQuery<TaskQueueStats>({\r\n    queryKey: [...TASK_QUEUE_QUERY_KEY, version],\r\n    queryFn: getDispatchTaskQueueStats,\r\n    placeholderData: (prev) => prev,\r\n    refetchInterval: 15_000,\r\n    staleTime: 5_000,\r\n  });\r\n}\r\n\r\nfunction QueueCell({\r\n  label,\r\n  value,\r\n  danger,\r\n}: {\r\n  label: string;\r\n  value: number;\r\n  danger?: boolean;\r\n}) {\r\n  return (\r\n    <div className=\"rounded-md border bg-background px-2 py-2\">\r\n      <div\r\n        className={cn(\r\n          \"text-lg font-semibold text-foreground\",\r\n          danger && \"text-destructive\",\r\n        )}\r\n      >\r\n        {formatNumber(value)}\r\n      </div>\r\n      <div className=\"truncate text-[11px] text-muted-foreground\">{label}</div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function TaskQueueHealth() {\r\n  const t = useT();\r\n  const query = useTaskQueueStats();\r\n  const taskQueue = query.data ?? ZERO_TASK_QUEUE_STATS;\r\n  const hasFailure = taskQueue.failed_last_hour > 0;\r\n  const hasBacklog =\r\n    taskQueue.pending > 5 || taskQueue.oldest_pending_age_seconds > 300;\r\n  const oldestAge = formatQueueAgeSeconds(taskQueue.oldest_pending_age_seconds);\r\n  const oldestAgeLabel =\r\n    oldestAge === \"none\" ? t(\"dispatch.pages.queueAgeNone\") : oldestAge;\r\n\r\n  return (\r\n    <section className=\"rounded-lg border bg-card p-4\">\r\n      <div className=\"flex min-w-0 items-center justify-between gap-3\">\r\n        <div className=\"flex min-w-0 items-center gap-2\">\r\n          <IconPlayerPlay\r\n            size={16}\r\n            className=\"shrink-0 text-muted-foreground\"\r\n          />\r\n          <div className=\"min-w-0\">\r\n            <h2 className=\"truncate text-sm font-semibold text-foreground\">\r\n              {t(\"dispatch.pages.deliveryQueue\")}\r\n            </h2>\r\n            <p className=\"mt-0.5 truncate text-xs text-muted-foreground\">\r\n              {hasFailure\r\n                ? t(\"dispatch.pages.failedLastHour\", {\r\n                    count: taskQueue.failed_last_hour,\r\n                  })\r\n                : t(\"dispatch.pages.processingCount\", {\r\n                    count: taskQueue.processing,\r\n                  })}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {query.isLoading && !query.data ? (\r\n        <div className=\"mt-3 grid grid-cols-2 gap-2 sm:grid-cols-4\">\r\n          {Array.from({ length: 4 }).map((_, index) => (\r\n            <Skeleton key={index} className=\"h-14 rounded-md\" />\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        <>\r\n          <div className=\"mt-3 grid grid-cols-2 gap-2 sm:grid-cols-4\">\r\n            <QueueCell\r\n              label={t(\"dispatch.pages.queued\")}\r\n              value={taskQueue.pending}\r\n            />\r\n            <QueueCell\r\n              label={t(\"dispatch.pages.active\")}\r\n              value={taskQueue.processing}\r\n            />\r\n            <QueueCell\r\n              label={t(\"dispatch.pages.done1h\")}\r\n              value={taskQueue.completed_last_hour}\r\n            />\r\n            <QueueCell\r\n              label={t(\"dispatch.pages.failed1h\")}\r\n              value={taskQueue.failed_last_hour}\r\n              danger={hasFailure}\r\n            />\r\n          </div>\r\n\r\n          <div\r\n            className={cn(\r\n              \"mt-3 rounded-md border px-3 py-2 text-xs\",\r\n              hasFailure\r\n                ? \"border-destructive/30 bg-destructive/5 text-destructive\"\r\n                : hasBacklog\r\n                  ? \"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\"\r\n                  : \"bg-muted/20 text-muted-foreground\",\r\n            )}\r\n          >\r\n            {t(\"dispatch.pages.oldestQueued\", { age: oldestAgeLabel })}\r\n          </div>\r\n\r\n          {hasFailure ? (\r\n            <div className=\"mt-3 flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive\">\r\n              <IconAlertTriangle size={14} className=\"mt-0.5 shrink-0\" />\r\n              <span>{t(\"dispatch.pages.queueFailureHint\")}</span>\r\n            </div>\r\n          ) : null}\r\n\r\n          {taskQueue.recent_failures.length > 0 ? (\r\n            <div className=\"mt-3 divide-y rounded-md border\">\r\n              {taskQueue.recent_failures.slice(0, 3).map((failure) => (\r\n                <div key={failure.id} className=\"px-3 py-2\">\r\n                  <div className=\"flex items-center justify-between gap-3 text-xs\">\r\n                    <span className=\"font-medium text-foreground\">\r\n                      {failure.platform || t(\"dispatch.pages.unknownPlatform\")}\r\n                    </span>\r\n                    <span className=\"text-muted-foreground\">\r\n                      {t(\"dispatch.pages.attemptsCount\", {\r\n                        count: failure.attempts,\r\n                      })}\r\n                    </span>\r\n                  </div>\r\n                  <div className=\"mt-1 truncate text-xs text-muted-foreground\">\r\n                    {failure.error || t(\"dispatch.pages.noErrorMessage\")}\r\n                  </div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ) : null}\r\n        </>\r\n      )}\r\n    </section>\r\n  );\r\n}\r\n"]}

package/dist/components/ui/accordion.d.ts

@@ -0,0 +1,8 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React from "react";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionMultipleProps | AccordionPrimitive.AccordionSingleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,iKASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0KAiBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,oKAWpB,CAAC;AAIH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/accordion.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { IconChevronDown } from "@tabler/icons-react";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn("border-b", className), ...props })));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(IconChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })] }) })));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pb-4 pt-0", className), children: children }) })));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.js.map

package/dist/components/ui/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC;AAE1C,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,GACT,CACH,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,MAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8HAA8H,EAC9H,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,IAAC,SAAS,EAAC,oDAAoD,GAAG,IACvD,GACH,CAC7B,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC;AAEtE,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0HAA0H,KAChI,KAAK,YAET,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GACjC,CAC9B,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\nimport { IconChevronDown } from \"@tabler/icons-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({ className, ...props }, ref) => (\r\n  <AccordionPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\"border-b\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({ className, children, ...props }, ref) => (\r\n  <AccordionPrimitive.Header className=\"flex\">\r\n    <AccordionPrimitive.Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n      <IconChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\r\n    </AccordionPrimitive.Trigger>\r\n  </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n  <AccordionPrimitive.Content\r\n    ref={ref}\r\n    className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\r\n    {...props}\r\n  >\r\n    <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\r\n  </AccordionPrimitive.Content>\r\n));\r\n\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\r\n"]}

package/dist/components/ui/alert-dialog.d.ts

@@ -0,0 +1,21 @@
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from "react";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function AlertDialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+declare function AlertDialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;mCAGwB,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;;;mCAWZ,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;;;AAWvC,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAIH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KAarB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}

package/dist/components/ui/alert-dialog.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { buttonVariants } from "./button.js";
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg", className), ...props })] })));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold", className), ...props })));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+AlertDialogDescription.displayName =
+    AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (_jsx(AlertDialogPrimitive.Cancel, { ref: ref, className: cn(buttonVariants({ variant: "outline" }), "mt-2 sm:mt-0", className), ...props })));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.js.map