@agent-native/dispatch 0.13.13 → 0.14.1

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

@@ -1,82 +1,38 @@
 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 { disconnectManagedIntegrationInstallation, listManagedIntegrationBudgets, listManagedIntegrationInstallations, listManagedIntegrationScopes, listIntegrationEnvStatuses, listIntegrationStatuses, managedIntegrationOAuthUrl, managedSlackAgentManifestUrl, saveIntegrationEnvVars, saveManagedIntegrationBudget, saveManagedIntegrationScope, setIntegrationEnabled, setupIntegration, testManagedIntegrationInstallation, useFormatters, useT, } from "@agent-native/core/client";
+import { listBuiltInChannelIntegrations, } from "@agent-native/core/integrations";
+import { IconBrandDiscord, IconBrandSlack, IconBrandTelegram, IconBrandTeams, IconBrandWhatsapp, IconCheck, IconChevronRight, IconCopy, IconExternalLink, IconFileDescription, IconInfoCircle, IconLoader2, IconMail, IconPlug, } 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 { Switch } from "./ui/switch.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.",
-        ],
-    },
-];
+const CHANNELS = listBuiltInChannelIntegrations();
+const PLATFORM_ICONS = {
+    slack: IconBrandSlack,
+    "microsoft-teams": IconBrandTeams,
+    discord: IconBrandDiscord,
+    telegram: IconBrandTelegram,
+    whatsapp: IconBrandWhatsapp,
+    email: IconMail,
+};
+function hasMissingRequiredCredentials(credentials, envStatusByKey) {
+    const alternatives = new Map();
+    for (const credential of credentials) {
+        if (!credential.required)
+            continue;
+        if (!credential.alternativeGroup) {
+            if (!envStatusByKey.get(credential.key)?.configured)
+                return true;
+            continue;
+        }
+        const group = alternatives.get(credential.alternativeGroup) ?? [];
+        alternatives.set(credential.alternativeGroup, [...group, credential]);
+    }
+    return [...alternatives.values()].some((group) => group.every((credential) => !envStatusByKey.get(credential.key)?.configured));
+}
 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 })] }));
 }
@@ -107,6 +63,8 @@ function ConnectionStatus({ configured, enabled, }) {
     return _jsx(StatusPill, { tone: "neutral", label: "Not configured" });
 }
 export function MessagingSetupPanel() {
+    const t = useT();
+    const { formatDate } = useFormatters();
     const [statuses, setStatuses] = useState([]);
     const [loading, setLoading] = useState(true);
     const [envStatuses, setEnvStatuses] = useState([]);
@@ -116,12 +74,16 @@ export function MessagingSetupPanel() {
     const [togglingPlatform, setTogglingPlatform] = useState(null);
     const [setupPlatform, setSetupPlatform] = useState(null);
     const [copiedWebhook, setCopiedWebhook] = useState(null);
+    const [installations, setInstallations] = useState([]);
+    const [installationAction, setInstallationAction] = useState(null);
+    const [scopes, setScopes] = useState([]);
+    const [budgets, setBudgets] = useState([]);
+    const [scopeBudget, setScopeBudget] = useState({});
+    const [savingScope, setSavingScope] = 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 : []);
+            setStatuses(await listIntegrationStatuses());
         }
         finally {
             setLoading(false);
@@ -129,11 +91,10 @@ export function MessagingSetupPanel() {
     };
     useEffect(() => {
         let active = true;
-        fetch(agentNativePath("/_agent-native/integrations/status"))
-            .then((res) => (res.ok ? res.json() : []))
+        listIntegrationStatuses()
             .then((rows) => {
             if (active) {
-                setStatuses(Array.isArray(rows) ? rows : []);
+                setStatuses(rows);
                 setLoading(false);
             }
         })
@@ -147,11 +108,34 @@ export function MessagingSetupPanel() {
     }, []);
     useEffect(() => {
         let active = true;
-        fetch(agentNativePath("/_agent-native/env-status"))
-            .then((res) => (res.ok ? res.json() : []))
+        listManagedIntegrationInstallations("slack")
+            .then((rows) => {
+            if (active)
+                setInstallations(rows);
+        })
+            .catch(() => { });
+        listManagedIntegrationScopes("slack")
+            .then((rows) => {
+            if (active)
+                setScopes(rows);
+        })
+            .catch(() => { });
+        listManagedIntegrationBudgets()
+            .then((rows) => {
+            if (active)
+                setBudgets(rows);
+        })
+            .catch(() => { });
+        return () => {
+            active = false;
+        };
+    }, []);
+    useEffect(() => {
+        let active = true;
+        listIntegrationEnvStatuses()
             .then((rows) => {
             if (active) {
-                setEnvStatuses(Array.isArray(rows) ? rows : []);
+                setEnvStatuses(rows);
                 setEnvLoading(false);
             }
         })
@@ -168,9 +152,7 @@ export function MessagingSetupPanel() {
     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 : []);
+            setEnvStatuses(await listIntegrationEnvStatuses());
         }
         finally {
             setEnvLoading(false);
@@ -186,16 +168,8 @@ export function MessagingSetupPanel() {
         }
         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`);
+            await saveIntegrationEnvVars(vars);
+            toast.success(`${platform.name} credentials saved`);
             setEnvValues((current) => {
                 const next = { ...current };
                 for (const key of keys)
@@ -215,17 +189,10 @@ export function MessagingSetupPanel() {
     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}`);
-            }
+            await setIntegrationEnabled(platform.id, !enabled);
             toast.success(enabled
-                ? `${platform.label} disconnected`
-                : `${platform.label} connected`);
+                ? `${platform.name} disconnected`
+                : `${platform.name} connected`);
             await refreshStatuses();
         }
         catch (error) {
@@ -238,22 +205,16 @@ export function MessagingSetupPanel() {
     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}`);
-            }
+            await setupIntegration(platform.id);
             toast.success(platform.id === "telegram"
                 ? "Telegram webhook registered"
-                : `${platform.label} setup complete`);
+                : `${platform.name} setup complete`);
             await refreshStatuses();
         }
         catch (error) {
             toast.error(error instanceof Error
                 ? error.message
-                : `Failed to set up ${platform.label}`);
+                : `Failed to set up ${platform.name}`);
         }
         finally {
             setSetupPlatform(null);
@@ -265,21 +226,136 @@ export function MessagingSetupPanel() {
         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 runInstallationAction = async (installation, action) => {
+        setInstallationAction(`${action}:${installation.id}`);
+        try {
+            await (action === "test"
+                ? testManagedIntegrationInstallation(installation.id)
+                : disconnectManagedIntegrationInstallation(installation.id));
+            setInstallations(await listManagedIntegrationInstallations("slack"));
+            toast.success(action === "test"
+                ? t("messaging.managed.connectionChecked")
+                : t("messaging.managed.workspaceDisconnected"));
+        }
+        catch (error) {
+            toast.error(error instanceof Error
+                ? error.message
+                : t("messaging.managed.actionFailed"));
+        }
+        finally {
+            setInstallationAction(null);
+        }
+    };
+    const updateScopePolicy = async (scope, policy) => {
+        setSavingScope(scope.id);
+        try {
+            await saveManagedIntegrationScope({
+                platform: scope.platform,
+                tenantId: scope.tenantId,
+                conversationId: scope.conversationId,
+                conversationType: scope.conversationType,
+                trust: scope.trust,
+                orgId: scope.orgId,
+                serviceOwnerEmail: scope.serviceOwnerEmail,
+                defaultModel: scope.defaultModel,
+                policy: { ...scope.policy, ...policy },
+            });
+            setScopes(await listManagedIntegrationScopes("slack"));
+            toast.success(t("messaging.managed.channelPolicyUpdated"));
+        }
+        catch (error) {
+            toast.error(error instanceof Error
+                ? error.message
+                : t("messaging.managed.policyUpdateFailed"));
+        }
+        finally {
+            setSavingScope(null);
+        }
+    };
+    const saveScopeBudget = async (scope) => {
+        const dollars = Number(scopeBudget[scope.id]);
+        if (!Number.isFinite(dollars) || dollars <= 0) {
+            toast.error(t("messaging.managed.positiveMonthlyBudget"));
+            return;
+        }
+        setSavingScope(`budget:${scope.id}`);
+        try {
+            await saveManagedIntegrationBudget({
+                subject: {
+                    type: "scope",
+                    scope: {
+                        platform: scope.platform,
+                        tenantId: scope.tenantId,
+                        conversationId: scope.conversationId,
+                    },
+                },
+                period: "month",
+                limitMicros: Math.round(dollars * 1_000_000),
+            });
+            setBudgets(await listManagedIntegrationBudgets());
+            toast.success(t("messaging.managed.channelBudgetSaved"));
+        }
+        catch (error) {
+            toast.error(error instanceof Error
+                ? error.message
+                : t("messaging.managed.budgetSaveFailed"));
+        }
+        finally {
+            setSavingScope(null);
+        }
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid gap-4 xl:grid-cols-2", children: CHANNELS.map((platform) => {
                     const status = statusByPlatform.get(platform.id);
-                    const configured = !!status?.configured;
+                    const configured = !!status?.configured ||
+                        (platform.id === "slack" &&
+                            installations.some((installation) => installation.status === "connected"));
                     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 envKeys = platform.credentialRequirements;
+                    const missingRequiredCredentials = hasMissingRequiredCredentials(envKeys, envStatusByKey);
+                    const Icon = PLATFORM_ICONS[platform.iconKey] ?? IconPlug;
+                    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(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.name }), _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.documentation.href, target: "_blank", rel: "noreferrer", children: ["Docs", _jsx(IconExternalLink, { className: "ml-1 h-3 w-3" })] }) }), platform.documentation.externalHref ? (_jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "h-7 px-2 text-xs text-muted-foreground", children: _jsxs("a", { href: platform.documentation.externalHref, target: "_blank", rel: "noreferrer", children: [platform.documentation.externalLabel ?? "Open", _jsx(IconExternalLink, { className: "ml-1 h-3 w-3" })] }) })) : null] })] }), platform.id === "slack" ? (_jsxs("div", { className: "mt-5 space-y-3 rounded-xl border bg-muted/20 p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: t("messaging.managed.title") }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("messaging.managed.description") }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("messaging.managed.agentManifestDescription") })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsxs("a", { href: managedSlackAgentManifestUrl(), children: [_jsx(IconFileDescription, { className: "mr-2 h-4 w-4" }), t("messaging.managed.agentManifest")] }) }), missingRequiredCredentials ? (_jsxs(Button, { size: "sm", disabled: true, children: [_jsx(IconBrandSlack, { className: "mr-2 h-4 w-4" }), t("messaging.managed.addToSlack")] })) : (_jsx(Button, { asChild: true, size: "sm", children: _jsxs("a", { href: managedIntegrationOAuthUrl("slack"), children: [_jsx(IconBrandSlack, { className: "mr-2 h-4 w-4" }), t("messaging.managed.addToSlack")] }) }))] }), missingRequiredCredentials ? (_jsx("p", { className: "max-w-72 text-xs text-amber-700 dark:text-amber-300", children: t("messaging.managed.requiredCredentials") })) : null] })] }), installations.length ? (_jsx("div", { className: "space-y-2", children: installations.map((installation) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border bg-background/60 px-3 py-2", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: installation.teamName ||
+                                                                installation.enterpriseName ||
+                                                                installation.teamId ||
+                                                                t("messaging.managed.workspaceFallback") }), _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: t("messaging.managed.scopesUpdated", {
+                                                                count: installation.scopes.length,
+                                                                date: formatDate(installation.updatedAt, {
+                                                                    dateStyle: "medium",
+                                                                }),
+                                                            }) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StatusPill, { tone: installation.health === "healthy"
+                                                                ? "success"
+                                                                : installation.health === "degraded" ||
+                                                                    installation.health === "revoked"
+                                                                    ? "warning"
+                                                                    : "neutral", label: t(`messaging.managed.health.${installation.health}`) }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => runInstallationAction(installation, "test"), disabled: installationAction === `test:${installation.id}`, children: t("messaging.managed.test") }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => runInstallationAction(installation, "disconnect"), disabled: installationAction ===
+                                                                `disconnect:${installation.id}`, children: t("messaging.managed.disconnect") })] })] }, installation.id))) })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: t("messaging.managed.empty") }))] })) : null, platform.id === "slack" && scopes.length ? (_jsxs("div", { className: "mt-4 space-y-3 rounded-xl border bg-muted/20 p-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: t("messaging.managed.channelAccessTitle") }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("messaging.managed.channelAccessDescription") })] }), scopes.map((scope) => {
+                                        const subjectId = JSON.stringify([
+                                            scope.platform,
+                                            scope.tenantId,
+                                            scope.conversationId,
+                                        ]);
+                                        const budget = budgets.find((item) => item.subjectType === "scope" &&
+                                            item.subjectId === subjectId &&
+                                            item.period === "month");
+                                        return (_jsxs("div", { className: "space-y-3 rounded-lg border bg-background/60 p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("div", { className: "font-mono text-xs text-foreground", children: scope.conversationId }), _jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: t("messaging.managed.isolatedIdentity", {
+                                                                        trust: t(`messaging.managed.trust.${scope.trust}`),
+                                                                    }) })] }), _jsx(StatusPill, { tone: scope.trust === "trusted" ? "success" : "warning", label: t(`messaging.managed.trust.${scope.trust}`) })] }), _jsx("div", { className: "grid gap-2 sm:grid-cols-3", children: [
+                                                        [
+                                                            "requireMention",
+                                                            t("messaging.managed.requireMention"),
+                                                        ],
+                                                        ["allowGuests", t("messaging.managed.allowGuests")],
+                                                        [
+                                                            "allowExternalShared",
+                                                            t("messaging.managed.allowSlackConnect"),
+                                                        ],
+                                                    ].map(([key, label]) => (_jsxs("label", { className: "flex items-center justify-between gap-2 rounded-md border px-2.5 py-2 text-xs", children: [label, _jsx(Switch, { checked: scope.policy[key], disabled: savingScope === scope.id, onCheckedChange: (checked) => updateScopePolicy(scope, { [key]: checked }) })] }, key))) }), _jsxs("div", { className: "flex flex-wrap items-end gap-2", children: [_jsxs("div", { className: "min-w-40 flex-1 space-y-1", children: [_jsx("label", { className: "text-xs font-medium text-foreground", children: t("messaging.managed.monthlyBudgetUsd") }), _jsx(Input, { inputMode: "decimal", value: scopeBudget[scope.id] ??
+                                                                        (budget
+                                                                            ? String(budget.limitMicros / 1_000_000)
+                                                                            : ""), onChange: (event) => setScopeBudget((current) => ({
+                                                                        ...current,
+                                                                        [scope.id]: event.target.value,
+                                                                    })), placeholder: "25" })] }), _jsx(Button, { variant: "outline", onClick: () => saveScopeBudget(scope), disabled: savingScope === `budget:${scope.id}`, children: t("messaging.managed.saveBudget") })] })] }, scope.id));
+                                    })] })) : 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.setup.steps.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;
@@ -293,7 +369,7 @@ export function MessagingSetupPanel() {
                                                         })), 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));
+                                        }) }), missingRequiredCredentials ? (_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.name} 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