@agent-native/core 0.8.2 → 0.9.1

package/dist/client/integrations/IntegrationCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationCard.d.ts","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AA0BnE,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CA2HA"}
+{"version":3,"file":"IntegrationCard.d.ts","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationCard.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AA+BnE,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,2CAmIA"}

package/dist/client/integrations/IntegrationCard.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { IconBrandSlack, IconBrandTelegram, IconBrandWhatsapp, IconMessageCircle, IconChevronDown, IconChevronRight, IconCopy, IconCheck, } from "@tabler/icons-react";
 import { agentNativePath } from "../api-path.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const platformIcons = {
     slack: IconBrandSlack,
@@ -53,6 +54,6 @@ export function IntegrationCard({ status, onRefresh, }) {
         setCopied(true);
         setTimeout(() => setCopied(false), 2000);
     }, [status.webhookUrl]);
-    return (_jsxs("div", { className: "rounded-md border border-border bg-background", children: [_jsxs("button", { onClick: () => setExpanded(!expanded), className: "flex w-full items-center gap-2 px-2.5 py-2 text-left hover:bg-accent/50", children: [expanded ? (_jsx(IconChevronDown, { size: 12, className: "text-muted-foreground shrink-0" })) : (_jsx(IconChevronRight, { size: 12, className: "text-muted-foreground shrink-0" })), _jsx(Icon, { size: 16, className: "text-muted-foreground shrink-0" }), _jsx("span", { className: "flex-1 text-xs font-medium text-foreground", children: status.label }), _jsx(StatusDot, { enabled: status.enabled, configured: status.configured })] }), expanded && (_jsxs("div", { className: "border-t border-border px-2.5 py-2 space-y-2", children: [status.webhookUrl && (_jsxs("div", { children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Webhook URL" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground", children: status.webhookUrl }), _jsx("button", { onClick: handleCopy, className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "Copy webhook URL", children: copied ? _jsx(IconCheck, { size: 12 }) : _jsx(IconCopy, { size: 12 }) })] })] })), status.error && (_jsx("p", { className: "text-[10px] text-destructive", children: status.error })), toggleError && (_jsx("p", { className: "text-[10px] text-destructive", children: toggleError })), !status.configured && !status.error && (_jsx("p", { className: "text-[10px] text-muted-foreground", children: "Not configured. Set the required secrets to enable this integration." })), status.configured && (_jsx("button", { onClick: handleToggle, disabled: toggling, className: "w-full rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground hover:bg-accent/50 disabled:opacity-50", children: toggling ? "..." : status.enabled ? "Disable" : "Enable" }))] }))] }));
+    return (_jsxs("div", { className: "rounded-md border border-border bg-background", children: [_jsxs("button", { onClick: () => setExpanded(!expanded), className: "flex w-full items-center gap-2 px-2.5 py-2 text-left hover:bg-accent/50", children: [expanded ? (_jsx(IconChevronDown, { size: 12, className: "text-muted-foreground shrink-0" })) : (_jsx(IconChevronRight, { size: 12, className: "text-muted-foreground shrink-0" })), _jsx(Icon, { size: 16, className: "text-muted-foreground shrink-0" }), _jsx("span", { className: "flex-1 text-xs font-medium text-foreground", children: status.label }), _jsx(StatusDot, { enabled: status.enabled, configured: status.configured })] }), expanded && (_jsxs("div", { className: "border-t border-border px-2.5 py-2 space-y-2", children: [status.webhookUrl && (_jsxs("div", { children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Webhook URL" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground", children: status.webhookUrl }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: handleCopy, className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50", children: copied ? (_jsx(IconCheck, { size: 12 })) : (_jsx(IconCopy, { size: 12 })) }) }), _jsx(TooltipContent, { children: "Copy webhook URL" })] })] })] })), status.error && (_jsx("p", { className: "text-[10px] text-destructive", children: status.error })), toggleError && (_jsx("p", { className: "text-[10px] text-destructive", children: toggleError })), !status.configured && !status.error && (_jsx("p", { className: "text-[10px] text-muted-foreground", children: "Not configured. Set the required secrets to enable this integration." })), status.configured && (_jsx("button", { onClick: handleToggle, disabled: toggling, className: "w-full rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground hover:bg-accent/50 disabled:opacity-50", children: toggling ? "..." : status.enabled ? "Disable" : "Enable" }))] }))] }));
 }
 //# sourceMappingURL=IntegrationCard.js.map

package/dist/client/integrations/IntegrationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationCard.js","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationCard.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,SAAS,GACV,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,8DAA8D;AAC9D,MAAM,aAAa,GAA6C;IAC9D,KAAK,EAAE,cAA0C;IACjD,QAAQ,EAAE,iBAA6C;IACvD,QAAQ,EAAE,iBAA6C;CACxD,CAAC;AAEF,SAAS,SAAS,CAAC,EACjB,OAAO,EACP,UAAU,GAIX;IACC,MAAM,KAAK,GACT,OAAO,IAAI,UAAU;QACnB,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,UAAU;YACV,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,aAAa,CAAC;IACtB,OAAO,eAAM,SAAS,EAAE,qCAAqC,KAAK,EAAE,GAAI,CAAC;AAC3E,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,GAIV;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEpE,MAAM,IAAI,GAAG,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,iBAAiB,CAAC;IAEjE,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;YACrD,MAAM,GAAG,GAAG,MAAM,KAAK,CACrB,eAAe,CACb,+BAA+B,MAAM,CAAC,QAAQ,IAAI,MAAM,EAAE,CAC3D,EACD,EAAE,MAAM,EAAE,MAAM,EAAE,CACnB,CAAC;YACF,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;gBACX,SAAS,EAAE,CAAC;gBACZ,OAAO;YACT,CAAC;YACD,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAExC,CAAC;YACT,cAAc,CACZ,IAAI,EAAE,KAAK;gBACT,GAAG,CAAC,UAAU;gBACd,YAAY,MAAM,IAAI,MAAM,CAAC,KAAK,UAAU,GAAG,CAAC,MAAM,GAAG,CAC5D,CAAC;QACJ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,cAAc,CACZ,GAAG,YAAY,KAAK;gBAClB,CAAC,CAAC,GAAG,CAAC,OAAO;gBACb,CAAC,CAAC,mCAAmC,CACxC,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,WAAW,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACxC,IAAI,CAAC,MAAM,CAAC,UAAU;YAAE,OAAO;QAC/B,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACvD,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,eAAK,SAAS,EAAC,+CAA+C,aAC5D,kBACE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EACrC,SAAS,EAAC,yEAAyE,aAElF,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,eAAe,IACd,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,gCAAgC,GAC1C,CACH,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IACf,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,gCAAgC,GAC1C,CACH,EACD,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,GAAG,EAC7D,eAAM,SAAS,EAAC,4CAA4C,YACzD,MAAM,CAAC,KAAK,GACR,EACP,KAAC,SAAS,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,GAAI,IAC9D,EAER,QAAQ,IAAI,CACX,eAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,CAAC,UAAU,IAAI,CACpB,0BACE,cAAK,SAAS,EAAC,oDAAoD,4BAE7D,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,4EAA4E,YACzF,MAAM,CAAC,UAAU,GACb,EACP,iBACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,uFAAuF,EACjG,KAAK,EAAC,kBAAkB,YAEvB,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACnD,IACL,IACF,CACP,EAEA,MAAM,CAAC,KAAK,IAAI,CACf,YAAG,SAAS,EAAC,8BAA8B,YAAE,MAAM,CAAC,KAAK,GAAK,CAC/D,EAEA,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,8BAA8B,YAAE,WAAW,GAAK,CAC9D,EAEA,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,CACtC,YAAG,SAAS,EAAC,mCAAmC,qFAG5C,CACL,EAEA,MAAM,CAAC,UAAU,IAAI,CACpB,iBACE,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,iIAAiI,YAE1I,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GAClD,CACV,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport {\n  IconBrandSlack,\n  IconBrandTelegram,\n  IconBrandWhatsapp,\n  IconMessageCircle,\n  IconChevronDown,\n  IconChevronRight,\n  IconCopy,\n  IconCheck,\n} from \"@tabler/icons-react\";\nimport type { IntegrationStatus } from \"./useIntegrationStatus.js\";\nimport { agentNativePath } from \"../api-path.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst platformIcons: Record<string, React.ComponentType<any>> = {\n  slack: IconBrandSlack as React.ComponentType<any>,\n  telegram: IconBrandTelegram as React.ComponentType<any>,\n  whatsapp: IconBrandWhatsapp as React.ComponentType<any>,\n};\n\nfunction StatusDot({\n  enabled,\n  configured,\n}: {\n  enabled: boolean;\n  configured: boolean;\n}) {\n  const color =\n    enabled && configured\n      ? \"bg-green-500\"\n      : configured\n        ? \"bg-yellow-500\"\n        : \"bg-gray-400\";\n  return <span className={`inline-block h-2 w-2 rounded-full ${color}`} />;\n}\n\nexport function IntegrationCard({\n  status,\n  onRefresh,\n}: {\n  status: IntegrationStatus;\n  onRefresh: () => void;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const [toggling, setToggling] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const [toggleError, setToggleError] = useState<string | null>(null);\n\n  const Icon = platformIcons[status.platform] || IconMessageCircle;\n\n  const handleToggle = useCallback(async () => {\n    setToggling(true);\n    setToggleError(null);\n    try {\n      const action = status.enabled ? \"disable\" : \"enable\";\n      const res = await fetch(\n        agentNativePath(\n          `/_agent-native/integrations/${status.platform}/${action}`,\n        ),\n        { method: \"POST\" },\n      );\n      if (res.ok) {\n        onRefresh();\n        return;\n      }\n      const data = (await res.json().catch(() => null)) as {\n        error?: string;\n      } | null;\n      setToggleError(\n        data?.error ||\n          res.statusText ||\n          `Couldn't ${action} ${status.label} (HTTP ${res.status})`,\n      );\n    } catch (err) {\n      setToggleError(\n        err instanceof Error\n          ? err.message\n          : \"Network error reaching the server\",\n      );\n    } finally {\n      setToggling(false);\n    }\n  }, [status.platform, status.enabled, status.label, onRefresh]);\n\n  const handleCopy = useCallback(async () => {\n    if (!status.webhookUrl) return;\n    await navigator.clipboard.writeText(status.webhookUrl);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [status.webhookUrl]);\n\n  return (\n    <div className=\"rounded-md border border-border bg-background\">\n      <button\n        onClick={() => setExpanded(!expanded)}\n        className=\"flex w-full items-center gap-2 px-2.5 py-2 text-left hover:bg-accent/50\"\n      >\n        {expanded ? (\n          <IconChevronDown\n            size={12}\n            className=\"text-muted-foreground shrink-0\"\n          />\n        ) : (\n          <IconChevronRight\n            size={12}\n            className=\"text-muted-foreground shrink-0\"\n          />\n        )}\n        <Icon size={16} className=\"text-muted-foreground shrink-0\" />\n        <span className=\"flex-1 text-xs font-medium text-foreground\">\n          {status.label}\n        </span>\n        <StatusDot enabled={status.enabled} configured={status.configured} />\n      </button>\n\n      {expanded && (\n        <div className=\"border-t border-border px-2.5 py-2 space-y-2\">\n          {status.webhookUrl && (\n            <div>\n              <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n                Webhook URL\n              </div>\n              <div className=\"flex items-center gap-1\">\n                <code className=\"flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground\">\n                  {status.webhookUrl}\n                </code>\n                <button\n                  onClick={handleCopy}\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n                  title=\"Copy webhook URL\"\n                >\n                  {copied ? <IconCheck size={12} /> : <IconCopy size={12} />}\n                </button>\n              </div>\n            </div>\n          )}\n\n          {status.error && (\n            <p className=\"text-[10px] text-destructive\">{status.error}</p>\n          )}\n\n          {toggleError && (\n            <p className=\"text-[10px] text-destructive\">{toggleError}</p>\n          )}\n\n          {!status.configured && !status.error && (\n            <p className=\"text-[10px] text-muted-foreground\">\n              Not configured. Set the required secrets to enable this\n              integration.\n            </p>\n          )}\n\n          {status.configured && (\n            <button\n              onClick={handleToggle}\n              disabled={toggling}\n              className=\"w-full rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground hover:bg-accent/50 disabled:opacity-50\"\n            >\n              {toggling ? \"...\" : status.enabled ? \"Disable\" : \"Enable\"}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"IntegrationCard.js","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport {\n  IconBrandSlack,\n  IconBrandTelegram,\n  IconBrandWhatsapp,\n  IconMessageCircle,\n  IconChevronDown,\n  IconChevronRight,\n  IconCopy,\n  IconCheck,\n} from \"@tabler/icons-react\";\nimport type { IntegrationStatus } from \"./useIntegrationStatus.js\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst platformIcons: Record<string, React.ComponentType<any>> = {\n  slack: IconBrandSlack as React.ComponentType<any>,\n  telegram: IconBrandTelegram as React.ComponentType<any>,\n  whatsapp: IconBrandWhatsapp as React.ComponentType<any>,\n};\n\nfunction StatusDot({\n  enabled,\n  configured,\n}: {\n  enabled: boolean;\n  configured: boolean;\n}) {\n  const color =\n    enabled && configured\n      ? \"bg-green-500\"\n      : configured\n        ? \"bg-yellow-500\"\n        : \"bg-gray-400\";\n  return <span className={`inline-block h-2 w-2 rounded-full ${color}`} />;\n}\n\nexport function IntegrationCard({\n  status,\n  onRefresh,\n}: {\n  status: IntegrationStatus;\n  onRefresh: () => void;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const [toggling, setToggling] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const [toggleError, setToggleError] = useState<string | null>(null);\n\n  const Icon = platformIcons[status.platform] || IconMessageCircle;\n\n  const handleToggle = useCallback(async () => {\n    setToggling(true);\n    setToggleError(null);\n    try {\n      const action = status.enabled ? \"disable\" : \"enable\";\n      const res = await fetch(\n        agentNativePath(\n          `/_agent-native/integrations/${status.platform}/${action}`,\n        ),\n        { method: \"POST\" },\n      );\n      if (res.ok) {\n        onRefresh();\n        return;\n      }\n      const data = (await res.json().catch(() => null)) as {\n        error?: string;\n      } | null;\n      setToggleError(\n        data?.error ||\n          res.statusText ||\n          `Couldn't ${action} ${status.label} (HTTP ${res.status})`,\n      );\n    } catch (err) {\n      setToggleError(\n        err instanceof Error\n          ? err.message\n          : \"Network error reaching the server\",\n      );\n    } finally {\n      setToggling(false);\n    }\n  }, [status.platform, status.enabled, status.label, onRefresh]);\n\n  const handleCopy = useCallback(async () => {\n    if (!status.webhookUrl) return;\n    await navigator.clipboard.writeText(status.webhookUrl);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [status.webhookUrl]);\n\n  return (\n    <div className=\"rounded-md border border-border bg-background\">\n      <button\n        onClick={() => setExpanded(!expanded)}\n        className=\"flex w-full items-center gap-2 px-2.5 py-2 text-left hover:bg-accent/50\"\n      >\n        {expanded ? (\n          <IconChevronDown\n            size={12}\n            className=\"text-muted-foreground shrink-0\"\n          />\n        ) : (\n          <IconChevronRight\n            size={12}\n            className=\"text-muted-foreground shrink-0\"\n          />\n        )}\n        <Icon size={16} className=\"text-muted-foreground shrink-0\" />\n        <span className=\"flex-1 text-xs font-medium text-foreground\">\n          {status.label}\n        </span>\n        <StatusDot enabled={status.enabled} configured={status.configured} />\n      </button>\n\n      {expanded && (\n        <div className=\"border-t border-border px-2.5 py-2 space-y-2\">\n          {status.webhookUrl && (\n            <div>\n              <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n                Webhook URL\n              </div>\n              <div className=\"flex items-center gap-1\">\n                <code className=\"flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground\">\n                  {status.webhookUrl}\n                </code>\n                <Tooltip>\n                  <TooltipTrigger asChild>\n                    <button\n                      onClick={handleCopy}\n                      className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n                    >\n                      {copied ? (\n                        <IconCheck size={12} />\n                      ) : (\n                        <IconCopy size={12} />\n                      )}\n                    </button>\n                  </TooltipTrigger>\n                  <TooltipContent>Copy webhook URL</TooltipContent>\n                </Tooltip>\n              </div>\n            </div>\n          )}\n\n          {status.error && (\n            <p className=\"text-[10px] text-destructive\">{status.error}</p>\n          )}\n\n          {toggleError && (\n            <p className=\"text-[10px] text-destructive\">{toggleError}</p>\n          )}\n\n          {!status.configured && !status.error && (\n            <p className=\"text-[10px] text-muted-foreground\">\n              Not configured. Set the required secrets to enable this\n              integration.\n            </p>\n          )}\n\n          {status.configured && (\n            <button\n              onClick={handleToggle}\n              disabled={toggling}\n              className=\"w-full rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground hover:bg-accent/50 disabled:opacity-50\"\n            >\n              {toggling ? \"...\" : status.enabled ? \"Disable\" : \"Enable\"}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/integrations/IntegrationsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationsPanel.tsx"],"names":[],"mappings":"AA2YA,wBAAgB,iBAAiB,4CA4IhC"}
+{"version":3,"file":"IntegrationsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationsPanel.tsx"],"names":[],"mappings":"AAwZA,wBAAgB,iBAAiB,4CAgJhC"}

package/dist/client/integrations/IntegrationsPanel.js

@@ -3,6 +3,7 @@ import { useState, useCallback } from "react";
 import { IconPlus, IconBrandSlack, IconBrandTelegram, IconBrandWhatsapp, IconBrandGoogleDrive, IconTerminal2, IconBuildingSkyscraper, IconCopy, IconCheck, IconChevronLeft, IconExternalLink, IconCircleCheck, } from "@tabler/icons-react";
 import { useIntegrationStatus, } from "./useIntegrationStatus.js";
 import { agentNativePath } from "../api-path.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 const PLATFORMS = [
     {
         id: "slack",
@@ -141,7 +142,7 @@ function IntegrationDetail({ platform, serverStatus, onBack, onRefresh, }) {
     const serviceAccountEmail = typeof serverStatus?.details?.serviceAccountEmail === "string"
         ? serverStatus.details.serviceAccountEmail
         : null;
-    return (_jsxs("div", { children: [_jsxs("button", { onClick: onBack, className: "flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground mb-2", children: [_jsx(IconChevronLeft, { size: 12 }), "Back"] }), _jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(platform.icon, { size: 18, className: "text-foreground shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: platform.label }), _jsx("div", { className: "text-[10px] text-muted-foreground", children: platform.description })] })] }), _jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1.5", children: "Setup" }), _jsx("ol", { className: "space-y-1", children: platform.setupSteps.map((step, i) => (_jsxs("li", { className: "flex gap-1.5 text-[10px] text-muted-foreground leading-relaxed", children: [_jsxs("span", { className: "shrink-0 text-muted-foreground/50", children: [i + 1, "."] }), step] }, i))) })] }), serviceAccountEmail && (_jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Share documents with" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground", children: serviceAccountEmail }), _jsx("button", { onClick: () => handleCopy(serviceAccountEmail), className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "Copy service account email", children: copied ? _jsx(IconCheck, { size: 12 }) : _jsx(IconCopy, { size: 12 }) })] })] })), platform.envVars.length > 0 && (_jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Required secrets" }), _jsx("div", { className: "space-y-0.5", children: platform.envVars.map((v) => (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "text-[10px] text-foreground bg-muted px-1 py-0.5 rounded", children: v }), isConfigured && (_jsx(IconCircleCheck, { size: 11, className: "text-green-500 shrink-0" }))] }, v))) }), !isConfigured && (_jsx("p", { className: "text-[10px] text-amber-500 mt-1", children: "Set these in your .env file or environment to connect." }))] })), serverStatus?.webhookUrl && !platform.isClient && (_jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Webhook URL" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground", children: serverStatus.webhookUrl }), _jsx("button", { onClick: () => handleCopy(serverStatus.webhookUrl), className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "Copy", children: copied ? _jsx(IconCheck, { size: 12 }) : _jsx(IconCopy, { size: 12 }) })] })] })), platform.docsUrl && (_jsxs("a", { href: platform.docsUrl, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-1 text-[10px] text-blue-400 hover:text-blue-300 mb-3", children: ["Documentation", _jsx(IconExternalLink, { size: 10 })] })), serverStatus && !platform.isClient && isConfigured && (_jsx("button", { onClick: handleToggle, disabled: toggling, className: `w-full rounded-md border px-2 py-1.5 text-[11px] font-medium disabled:opacity-50 ${isEnabled
+    return (_jsxs("div", { children: [_jsxs("button", { onClick: onBack, className: "flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground mb-2", children: [_jsx(IconChevronLeft, { size: 12 }), "Back"] }), _jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(platform.icon, { size: 18, className: "text-foreground shrink-0" }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: platform.label }), _jsx("div", { className: "text-[10px] text-muted-foreground", children: platform.description })] })] }), _jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1.5", children: "Setup" }), _jsx("ol", { className: "space-y-1", children: platform.setupSteps.map((step, i) => (_jsxs("li", { className: "flex gap-1.5 text-[10px] text-muted-foreground leading-relaxed", children: [_jsxs("span", { className: "shrink-0 text-muted-foreground/50", children: [i + 1, "."] }), step] }, i))) })] }), serviceAccountEmail && (_jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Share documents with" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground", children: serviceAccountEmail }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => handleCopy(serviceAccountEmail), className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50", children: copied ? _jsx(IconCheck, { size: 12 }) : _jsx(IconCopy, { size: 12 }) }) }), _jsx(TooltipContent, { children: "Copy service account email" })] })] })] })), platform.envVars.length > 0 && (_jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Required secrets" }), _jsx("div", { className: "space-y-0.5", children: platform.envVars.map((v) => (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "text-[10px] text-foreground bg-muted px-1 py-0.5 rounded", children: v }), isConfigured && (_jsx(IconCircleCheck, { size: 11, className: "text-green-500 shrink-0" }))] }, v))) }), !isConfigured && (_jsx("p", { className: "text-[10px] text-amber-500 mt-1", children: "Set these in your .env file or environment to connect." }))] })), serverStatus?.webhookUrl && !platform.isClient && (_jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-[10px] font-medium text-muted-foreground mb-1", children: "Webhook URL" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("code", { className: "flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground", children: serverStatus.webhookUrl }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => handleCopy(serverStatus.webhookUrl), className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50", children: copied ? _jsx(IconCheck, { size: 12 }) : _jsx(IconCopy, { size: 12 }) }) }), _jsx(TooltipContent, { children: "Copy" })] })] })] })), platform.docsUrl && (_jsxs("a", { href: platform.docsUrl, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-1 text-[10px] text-blue-400 hover:text-blue-300 mb-3", children: ["Documentation", _jsx(IconExternalLink, { size: 10 })] })), serverStatus && !platform.isClient && isConfigured && (_jsx("button", { onClick: handleToggle, disabled: toggling, className: `w-full rounded-md border px-2 py-1.5 text-[11px] font-medium disabled:opacity-50 ${isEnabled
                     ? "border-border text-foreground hover:bg-accent/50"
                     : "border-green-600/50 text-green-400 hover:bg-green-900/20"}`, children: toggling ? "..." : isEnabled ? "Disable" : "Enable" })), platform.isClient && (_jsx("div", { className: "rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground", children: "This agent's A2A endpoint is automatically available. No configuration needed." })), serverStatus?.error && (_jsx("p", { className: "text-[10px] text-destructive mt-2", children: serverStatus.error })), toggleError && (_jsx("p", { className: "text-[10px] text-destructive mt-2", children: toggleError }))] }));
 }
@@ -170,7 +171,7 @@ export function IntegrationsPanel() {
                         setShowPicker(false);
                     } })] }));
     }
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: "Chat Integrations" }), _jsx("div", { className: "text-[10px] text-muted-foreground", children: "Talk to this agent from other platforms" })] }), _jsx("button", { onClick: () => setShowPicker(true), className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50", title: "Add integration", children: _jsx(IconPlus, { size: 12 }) })] }), loading ? (_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-6 w-full rounded bg-muted/50 animate-pulse" }), _jsx("div", { className: "h-6 w-3/4 rounded bg-muted/50 animate-pulse" })] })) : connectedPlatforms.length === 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => setShowPicker(true), className: "flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/30", children: [_jsx(IconPlus, { size: 12, className: "shrink-0" }), "Add integration"] }), _jsxs("div", { className: "rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground", children: ["For a central Slack or Telegram entrypoint that can route work across multiple apps, use the", " ", _jsx("a", { href: "https://dispatch.agent-native.com", target: "_blank", rel: "noopener noreferrer", className: "no-underline font-medium text-foreground hover:text-foreground/80", children: "dispatch template" }), "."] })] })) : (_jsxs("div", { className: "space-y-2", children: [connectedPlatforms.map((platform) => {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-medium text-foreground", children: "Chat Integrations" }), _jsx("div", { className: "text-[10px] text-muted-foreground", children: "Talk to this agent from other platforms" })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { onClick: () => setShowPicker(true), className: "flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50", children: _jsx(IconPlus, { size: 12 }) }) }), _jsx(TooltipContent, { children: "Add integration" })] })] }), loading ? (_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "h-6 w-full rounded bg-muted/50 animate-pulse" }), _jsx("div", { className: "h-6 w-3/4 rounded bg-muted/50 animate-pulse" })] })) : connectedPlatforms.length === 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => setShowPicker(true), className: "flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/30", children: [_jsx(IconPlus, { size: 12, className: "shrink-0" }), "Add integration"] }), _jsxs("div", { className: "rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground", children: ["For a central Slack or Telegram entrypoint that can route work across multiple apps, use the", " ", _jsx("a", { href: "https://dispatch.agent-native.com", target: "_blank", rel: "noopener noreferrer", className: "no-underline font-medium text-foreground hover:text-foreground/80", children: "dispatch template" }), "."] })] })) : (_jsxs("div", { className: "space-y-2", children: [connectedPlatforms.map((platform) => {
                         const s = statusMap.get(platform.id);
                         return (_jsxs("button", { onClick: () => setSelectedPlatform(platform), className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent/50", children: [_jsx(platform.icon, { size: 14, className: "shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-[11px] font-medium text-foreground truncate", children: platform.label }), s && (_jsx("span", { className: `inline-block h-1.5 w-1.5 rounded-full shrink-0 ${s.enabled && s.configured
                                         ? "bg-green-500"

package/dist/client/integrations/IntegrationsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationsPanel.js","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationsPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport {\n  IconPlus,\n  IconBrandSlack,\n  IconBrandTelegram,\n  IconBrandWhatsapp,\n  IconBrandGoogleDrive,\n  IconTerminal2,\n  IconBuildingSkyscraper,\n  IconMessageCircle,\n  IconCopy,\n  IconCheck,\n  IconChevronLeft,\n  IconExternalLink,\n  IconCircleCheck,\n} from \"@tabler/icons-react\";\nimport {\n  useIntegrationStatus,\n  type IntegrationStatus,\n} from \"./useIntegrationStatus.js\";\nimport { agentNativePath } from \"../api-path.js\";\n\n// ─── Platform config ─────────────────────────────────────────────────────────\n\ninterface PlatformInfo {\n  id: string;\n  label: string;\n  icon: React.ComponentType<any>;\n  description: string;\n  envVars: string[];\n  setupSteps: string[];\n  docsUrl?: string;\n  /** If true, this is a \"client\" integration (user connects TO the agent) rather than a webhook */\n  isClient?: boolean;\n}\n\nconst PLATFORMS: PlatformInfo[] = [\n  {\n    id: \"slack\",\n    label: \"Slack\",\n    icon: IconBrandSlack,\n    description: \"Message your agent from any Slack channel or DM.\",\n    envVars: [\"SLACK_BOT_TOKEN\", \"SLACK_SIGNING_SECRET\"],\n    setupSteps: [\n      \"Create a Slack app at api.slack.com/apps\",\n      'Enable \"Event Subscriptions\" and point to your webhook URL',\n      \"Subscribe to message.im and app_mention events\",\n      \"Install the app to your workspace\",\n      \"Copy the Bot Token and Signing Secret into your environment\",\n    ],\n    docsUrl: \"https://api.slack.com/apps\",\n  },\n  {\n    id: \"telegram\",\n    label: \"Telegram\",\n    icon: IconBrandTelegram,\n    description: \"Chat with your agent via a Telegram bot.\",\n    envVars: [\"TELEGRAM_BOT_TOKEN\"],\n    setupSteps: [\n      \"Message @BotFather on Telegram to create a new bot\",\n      \"Copy the bot token into your environment\",\n      'Click \"Setup webhook\" below to register automatically',\n    ],\n  },\n  {\n    id: \"whatsapp\",\n    label: \"WhatsApp\",\n    icon: IconBrandWhatsapp,\n    description: \"Connect your agent to WhatsApp Business.\",\n    envVars: [\"WHATSAPP_TOKEN\", \"WHATSAPP_VERIFY_TOKEN\"],\n    setupSteps: [\n      \"Create a Meta Business app at developers.facebook.com\",\n      \"Set up WhatsApp Business API\",\n      \"Configure the webhook URL and verify token\",\n      \"Copy the access token into your environment\",\n    ],\n    docsUrl: \"https://developers.facebook.com/docs/whatsapp\",\n  },\n  {\n    id: \"google-docs\",\n    label: \"Google Docs\",\n    icon: IconBrandGoogleDrive,\n    description: \"Tag the agent in Google Doc comments to get responses.\",\n    envVars: [\"GOOGLE_SERVICE_ACCOUNT_KEY\"],\n    setupSteps: [\n      \"Create a Google Cloud service account and download the JSON key\",\n      \"Set GOOGLE_SERVICE_ACCOUNT_KEY in your environment (JSON string or file path)\",\n      \"Share your Google Docs with the service account email\",\n      'Write a comment containing \"@Agent\" to trigger the agent',\n    ],\n  },\n  {\n    id: \"openclaw\",\n    label: \"OpenClaw\",\n    icon: IconTerminal2,\n    description: \"Access this agent from OpenClaw's unified agent interface.\",\n    envVars: [],\n    isClient: true,\n    setupSteps: [\n      \"Install OpenClaw: npm install -g openclaw\",\n      \"Add this agent's URL as a provider in your OpenClaw config\",\n      \"OpenClaw discovers your agent's capabilities via the A2A protocol\",\n    ],\n  },\n  {\n    id: \"claude-code\",\n    label: \"Claude Code\",\n    icon: IconTerminal2,\n    description:\n      \"Let Claude Code call this agent via A2A for data and actions.\",\n    envVars: [],\n    isClient: true,\n    setupSteps: [\n      \"Your agent exposes an A2A endpoint at /.well-known/agent-card.json\",\n      \"In Claude Code, reference your agent's URL when asking for data\",\n      \"Claude Code will discover and call your agent's skills automatically\",\n    ],\n  },\n  {\n    id: \"builder\",\n    label: \"Builder.io\",\n    icon: IconBuildingSkyscraper,\n    description:\n      \"One chat interface that orchestrates all your agents together.\",\n    envVars: [],\n    isClient: true,\n    setupSteps: [\n      \"Connect your agent-native apps in your Builder.io workspace\",\n      \"Builder.io discovers each agent's skills via A2A\",\n      \"Chat with one agent that can trigger actions across all your apps\",\n    ],\n    docsUrl: \"https://www.builder.io\",\n  },\n];\n\n// ─── Integration detail view ─────────────────────────────────────────────────\n\nfunction IntegrationDetail({\n  platform,\n  serverStatus,\n  onBack,\n  onRefresh,\n}: {\n  platform: PlatformInfo;\n  serverStatus?: IntegrationStatus;\n  onBack: () => void;\n  onRefresh: () => void;\n}) {\n  const [toggling, setToggling] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const [toggleError, setToggleError] = useState<string | null>(null);\n\n  const handleToggle = useCallback(async () => {\n    setToggling(true);\n    setToggleError(null);\n    try {\n      const action = serverStatus?.enabled ? \"disable\" : \"enable\";\n      const res = await fetch(\n        agentNativePath(`/_agent-native/integrations/${platform.id}/${action}`),\n        { method: \"POST\" },\n      );\n      if (res.ok) {\n        onRefresh();\n        return;\n      }\n      // Surface the real reason instead of silently doing nothing.\n      // The endpoint returns `{ error }` for known failures (admin gating,\n      // missing secrets, etc.); fall back to status text otherwise.\n      const data = (await res.json().catch(() => null)) as {\n        error?: string;\n      } | null;\n      setToggleError(\n        data?.error ||\n          res.statusText ||\n          `Couldn't ${action} ${platform.label} (HTTP ${res.status})`,\n      );\n    } catch (err) {\n      setToggleError(\n        err instanceof Error\n          ? err.message\n          : \"Network error reaching the server\",\n      );\n    } finally {\n      setToggling(false);\n    }\n  }, [platform.id, platform.label, serverStatus?.enabled, onRefresh]);\n\n  const handleCopy = useCallback(async (text: string) => {\n    await navigator.clipboard.writeText(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, []);\n\n  const isConfigured = serverStatus?.configured ?? false;\n  const isEnabled = serverStatus?.enabled ?? false;\n  const serviceAccountEmail =\n    typeof serverStatus?.details?.serviceAccountEmail === \"string\"\n      ? serverStatus.details.serviceAccountEmail\n      : null;\n\n  return (\n    <div>\n      <button\n        onClick={onBack}\n        className=\"flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground mb-2\"\n      >\n        <IconChevronLeft size={12} />\n        Back\n      </button>\n\n      <div className=\"flex items-center gap-2 mb-2\">\n        <platform.icon size={18} className=\"text-foreground shrink-0\" />\n        <div>\n          <div className=\"text-xs font-medium text-foreground\">\n            {platform.label}\n          </div>\n          <div className=\"text-[10px] text-muted-foreground\">\n            {platform.description}\n          </div>\n        </div>\n      </div>\n\n      {/* Setup steps */}\n      <div className=\"mb-3\">\n        <div className=\"text-[10px] font-medium text-muted-foreground mb-1.5\">\n          Setup\n        </div>\n        <ol className=\"space-y-1\">\n          {platform.setupSteps.map((step, i) => (\n            <li\n              key={i}\n              className=\"flex gap-1.5 text-[10px] text-muted-foreground leading-relaxed\"\n            >\n              <span className=\"shrink-0 text-muted-foreground/50\">\n                {i + 1}.\n              </span>\n              {step}\n            </li>\n          ))}\n        </ol>\n      </div>\n\n      {serviceAccountEmail && (\n        <div className=\"mb-3\">\n          <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n            Share documents with\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <code className=\"flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground\">\n              {serviceAccountEmail}\n            </code>\n            <button\n              onClick={() => handleCopy(serviceAccountEmail)}\n              className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n              title=\"Copy service account email\"\n            >\n              {copied ? <IconCheck size={12} /> : <IconCopy size={12} />}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Required secrets */}\n      {platform.envVars.length > 0 && (\n        <div className=\"mb-3\">\n          <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n            Required secrets\n          </div>\n          <div className=\"space-y-0.5\">\n            {platform.envVars.map((v) => (\n              <div key={v} className=\"flex items-center gap-1\">\n                <code className=\"text-[10px] text-foreground bg-muted px-1 py-0.5 rounded\">\n                  {v}\n                </code>\n                {isConfigured && (\n                  <IconCircleCheck\n                    size={11}\n                    className=\"text-green-500 shrink-0\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n          {!isConfigured && (\n            <p className=\"text-[10px] text-amber-500 mt-1\">\n              Set these in your .env file or environment to connect.\n            </p>\n          )}\n        </div>\n      )}\n\n      {/* Webhook URL */}\n      {serverStatus?.webhookUrl && !platform.isClient && (\n        <div className=\"mb-3\">\n          <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n            Webhook URL\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <code className=\"flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground\">\n              {serverStatus.webhookUrl}\n            </code>\n            <button\n              onClick={() => handleCopy(serverStatus.webhookUrl!)}\n              className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n              title=\"Copy\"\n            >\n              {copied ? <IconCheck size={12} /> : <IconCopy size={12} />}\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Docs link */}\n      {platform.docsUrl && (\n        <a\n          href={platform.docsUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"flex items-center gap-1 text-[10px] text-blue-400 hover:text-blue-300 mb-3\"\n        >\n          Documentation\n          <IconExternalLink size={10} />\n        </a>\n      )}\n\n      {/* Enable/disable for server integrations */}\n      {serverStatus && !platform.isClient && isConfigured && (\n        <button\n          onClick={handleToggle}\n          disabled={toggling}\n          className={`w-full rounded-md border px-2 py-1.5 text-[11px] font-medium disabled:opacity-50 ${\n            isEnabled\n              ? \"border-border text-foreground hover:bg-accent/50\"\n              : \"border-green-600/50 text-green-400 hover:bg-green-900/20\"\n          }`}\n        >\n          {toggling ? \"...\" : isEnabled ? \"Disable\" : \"Enable\"}\n        </button>\n      )}\n\n      {/* Status for client integrations */}\n      {platform.isClient && (\n        <div className=\"rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground\">\n          This agent's A2A endpoint is automatically available. No configuration\n          needed.\n        </div>\n      )}\n\n      {serverStatus?.error && (\n        <p className=\"text-[10px] text-destructive mt-2\">\n          {serverStatus.error}\n        </p>\n      )}\n\n      {toggleError && (\n        <p className=\"text-[10px] text-destructive mt-2\">{toggleError}</p>\n      )}\n    </div>\n  );\n}\n\n// ─── Add integration picker ──────────────────────────────────────────────────\n\nfunction AddIntegrationPicker({\n  connectedIds,\n  onSelect,\n}: {\n  connectedIds: Set<string>;\n  onSelect: (platform: PlatformInfo) => void;\n}) {\n  return (\n    <div className=\"space-y-1\">\n      {PLATFORMS.filter((p) => !connectedIds.has(p.id)).map((platform) => (\n        <button\n          key={platform.id}\n          onClick={() => onSelect(platform)}\n          className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent/50\"\n        >\n          <platform.icon size={14} className=\"shrink-0 text-muted-foreground\" />\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"text-[11px] font-medium text-foreground\">\n              {platform.label}\n            </div>\n            <div className=\"text-[10px] text-muted-foreground truncate\">\n              {platform.description}\n            </div>\n          </div>\n        </button>\n      ))}\n    </div>\n  );\n}\n\n// ─── Main panel ──────────────────────────────────────────────────────────────\n\nexport function IntegrationsPanel() {\n  const { statuses, loading, refetch } = useIntegrationStatus();\n  const [selectedPlatform, setSelectedPlatform] = useState<PlatformInfo | null>(\n    null,\n  );\n  const [showPicker, setShowPicker] = useState(false);\n\n  const statusMap = new Map(statuses.map((s) => [s.platform, s]));\n\n  // Show connected (enabled or configured) integrations\n  const connectedPlatforms = PLATFORMS.filter((p) => {\n    const s = statusMap.get(p.id);\n    return s?.configured || s?.enabled;\n  });\n\n  const connectedIds = new Set(connectedPlatforms.map((p) => p.id));\n\n  if (selectedPlatform) {\n    return (\n      <IntegrationDetail\n        platform={selectedPlatform}\n        serverStatus={statusMap.get(selectedPlatform.id)}\n        onBack={() => setSelectedPlatform(null)}\n        onRefresh={refetch}\n      />\n    );\n  }\n\n  if (showPicker) {\n    return (\n      <div>\n        <button\n          onClick={() => setShowPicker(false)}\n          className=\"flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground mb-2\"\n        >\n          <IconChevronLeft size={12} />\n          Back\n        </button>\n        <div className=\"text-[10px] font-medium text-muted-foreground mb-1.5\">\n          Add a chat integration\n        </div>\n        <AddIntegrationPicker\n          connectedIds={connectedIds}\n          onSelect={(p) => {\n            setSelectedPlatform(p);\n            setShowPicker(false);\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-1.5\">\n        <div>\n          <div className=\"text-xs font-medium text-foreground\">\n            Chat Integrations\n          </div>\n          <div className=\"text-[10px] text-muted-foreground\">\n            Talk to this agent from other platforms\n          </div>\n        </div>\n        <button\n          onClick={() => setShowPicker(true)}\n          className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n          title=\"Add integration\"\n        >\n          <IconPlus size={12} />\n        </button>\n      </div>\n\n      {loading ? (\n        <div className=\"space-y-1.5\">\n          <div className=\"h-6 w-full rounded bg-muted/50 animate-pulse\" />\n          <div className=\"h-6 w-3/4 rounded bg-muted/50 animate-pulse\" />\n        </div>\n      ) : connectedPlatforms.length === 0 ? (\n        <div className=\"space-y-2\">\n          <button\n            onClick={() => setShowPicker(true)}\n            className=\"flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/30\"\n          >\n            <IconPlus size={12} className=\"shrink-0\" />\n            Add integration\n          </button>\n          <div className=\"rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground\">\n            For a central Slack or Telegram entrypoint that can route work\n            across multiple apps, use the{\" \"}\n            <a\n              href=\"https://dispatch.agent-native.com\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"no-underline font-medium text-foreground hover:text-foreground/80\"\n            >\n              dispatch template\n            </a>\n            .\n          </div>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {connectedPlatforms.map((platform) => {\n            const s = statusMap.get(platform.id);\n            return (\n              <button\n                key={platform.id}\n                onClick={() => setSelectedPlatform(platform)}\n                className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent/50\"\n              >\n                <platform.icon\n                  size={14}\n                  className=\"shrink-0 text-muted-foreground\"\n                />\n                <span className=\"flex-1 text-[11px] font-medium text-foreground truncate\">\n                  {platform.label}\n                </span>\n                {s && (\n                  <span\n                    className={`inline-block h-1.5 w-1.5 rounded-full shrink-0 ${\n                      s.enabled && s.configured\n                        ? \"bg-green-500\"\n                        : s.configured\n                          ? \"bg-yellow-500\"\n                          : \"bg-gray-400\"\n                    }`}\n                  />\n                )}\n              </button>\n            );\n          })}\n          <div className=\"rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground\">\n            Need one shared messaging surface for your workspace? Connect Slack\n            or Telegram to a dispatch app and let it delegate to other agents\n            over A2A.\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"IntegrationsPanel.js","sourceRoot":"","sources":["../../../src/client/integrations/IntegrationsPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport {\n  IconPlus,\n  IconBrandSlack,\n  IconBrandTelegram,\n  IconBrandWhatsapp,\n  IconBrandGoogleDrive,\n  IconTerminal2,\n  IconBuildingSkyscraper,\n  IconMessageCircle,\n  IconCopy,\n  IconCheck,\n  IconChevronLeft,\n  IconExternalLink,\n  IconCircleCheck,\n} from \"@tabler/icons-react\";\nimport {\n  useIntegrationStatus,\n  type IntegrationStatus,\n} from \"./useIntegrationStatus.js\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\n// ─── Platform config ─────────────────────────────────────────────────────────\n\ninterface PlatformInfo {\n  id: string;\n  label: string;\n  icon: React.ComponentType<any>;\n  description: string;\n  envVars: string[];\n  setupSteps: string[];\n  docsUrl?: string;\n  /** If true, this is a \"client\" integration (user connects TO the agent) rather than a webhook */\n  isClient?: boolean;\n}\n\nconst PLATFORMS: PlatformInfo[] = [\n  {\n    id: \"slack\",\n    label: \"Slack\",\n    icon: IconBrandSlack,\n    description: \"Message your agent from any Slack channel or DM.\",\n    envVars: [\"SLACK_BOT_TOKEN\", \"SLACK_SIGNING_SECRET\"],\n    setupSteps: [\n      \"Create a Slack app at api.slack.com/apps\",\n      'Enable \"Event Subscriptions\" and point to your webhook URL',\n      \"Subscribe to message.im and app_mention events\",\n      \"Install the app to your workspace\",\n      \"Copy the Bot Token and Signing Secret into your environment\",\n    ],\n    docsUrl: \"https://api.slack.com/apps\",\n  },\n  {\n    id: \"telegram\",\n    label: \"Telegram\",\n    icon: IconBrandTelegram,\n    description: \"Chat with your agent via a Telegram bot.\",\n    envVars: [\"TELEGRAM_BOT_TOKEN\"],\n    setupSteps: [\n      \"Message @BotFather on Telegram to create a new bot\",\n      \"Copy the bot token into your environment\",\n      'Click \"Setup webhook\" below to register automatically',\n    ],\n  },\n  {\n    id: \"whatsapp\",\n    label: \"WhatsApp\",\n    icon: IconBrandWhatsapp,\n    description: \"Connect your agent to WhatsApp Business.\",\n    envVars: [\"WHATSAPP_TOKEN\", \"WHATSAPP_VERIFY_TOKEN\"],\n    setupSteps: [\n      \"Create a Meta Business app at developers.facebook.com\",\n      \"Set up WhatsApp Business API\",\n      \"Configure the webhook URL and verify token\",\n      \"Copy the access token into your environment\",\n    ],\n    docsUrl: \"https://developers.facebook.com/docs/whatsapp\",\n  },\n  {\n    id: \"google-docs\",\n    label: \"Google Docs\",\n    icon: IconBrandGoogleDrive,\n    description: \"Tag the agent in Google Doc comments to get responses.\",\n    envVars: [\"GOOGLE_SERVICE_ACCOUNT_KEY\"],\n    setupSteps: [\n      \"Create a Google Cloud service account and download the JSON key\",\n      \"Set GOOGLE_SERVICE_ACCOUNT_KEY in your environment (JSON string or file path)\",\n      \"Share your Google Docs with the service account email\",\n      'Write a comment containing \"@Agent\" to trigger the agent',\n    ],\n  },\n  {\n    id: \"openclaw\",\n    label: \"OpenClaw\",\n    icon: IconTerminal2,\n    description: \"Access this agent from OpenClaw's unified agent interface.\",\n    envVars: [],\n    isClient: true,\n    setupSteps: [\n      \"Install OpenClaw: npm install -g openclaw\",\n      \"Add this agent's URL as a provider in your OpenClaw config\",\n      \"OpenClaw discovers your agent's capabilities via the A2A protocol\",\n    ],\n  },\n  {\n    id: \"claude-code\",\n    label: \"Claude Code\",\n    icon: IconTerminal2,\n    description:\n      \"Let Claude Code call this agent via A2A for data and actions.\",\n    envVars: [],\n    isClient: true,\n    setupSteps: [\n      \"Your agent exposes an A2A endpoint at /.well-known/agent-card.json\",\n      \"In Claude Code, reference your agent's URL when asking for data\",\n      \"Claude Code will discover and call your agent's skills automatically\",\n    ],\n  },\n  {\n    id: \"builder\",\n    label: \"Builder.io\",\n    icon: IconBuildingSkyscraper,\n    description:\n      \"One chat interface that orchestrates all your agents together.\",\n    envVars: [],\n    isClient: true,\n    setupSteps: [\n      \"Connect your agent-native apps in your Builder.io workspace\",\n      \"Builder.io discovers each agent's skills via A2A\",\n      \"Chat with one agent that can trigger actions across all your apps\",\n    ],\n    docsUrl: \"https://www.builder.io\",\n  },\n];\n\n// ─── Integration detail view ─────────────────────────────────────────────────\n\nfunction IntegrationDetail({\n  platform,\n  serverStatus,\n  onBack,\n  onRefresh,\n}: {\n  platform: PlatformInfo;\n  serverStatus?: IntegrationStatus;\n  onBack: () => void;\n  onRefresh: () => void;\n}) {\n  const [toggling, setToggling] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const [toggleError, setToggleError] = useState<string | null>(null);\n\n  const handleToggle = useCallback(async () => {\n    setToggling(true);\n    setToggleError(null);\n    try {\n      const action = serverStatus?.enabled ? \"disable\" : \"enable\";\n      const res = await fetch(\n        agentNativePath(`/_agent-native/integrations/${platform.id}/${action}`),\n        { method: \"POST\" },\n      );\n      if (res.ok) {\n        onRefresh();\n        return;\n      }\n      // Surface the real reason instead of silently doing nothing.\n      // The endpoint returns `{ error }` for known failures (admin gating,\n      // missing secrets, etc.); fall back to status text otherwise.\n      const data = (await res.json().catch(() => null)) as {\n        error?: string;\n      } | null;\n      setToggleError(\n        data?.error ||\n          res.statusText ||\n          `Couldn't ${action} ${platform.label} (HTTP ${res.status})`,\n      );\n    } catch (err) {\n      setToggleError(\n        err instanceof Error\n          ? err.message\n          : \"Network error reaching the server\",\n      );\n    } finally {\n      setToggling(false);\n    }\n  }, [platform.id, platform.label, serverStatus?.enabled, onRefresh]);\n\n  const handleCopy = useCallback(async (text: string) => {\n    await navigator.clipboard.writeText(text);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, []);\n\n  const isConfigured = serverStatus?.configured ?? false;\n  const isEnabled = serverStatus?.enabled ?? false;\n  const serviceAccountEmail =\n    typeof serverStatus?.details?.serviceAccountEmail === \"string\"\n      ? serverStatus.details.serviceAccountEmail\n      : null;\n\n  return (\n    <div>\n      <button\n        onClick={onBack}\n        className=\"flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground mb-2\"\n      >\n        <IconChevronLeft size={12} />\n        Back\n      </button>\n\n      <div className=\"flex items-center gap-2 mb-2\">\n        <platform.icon size={18} className=\"text-foreground shrink-0\" />\n        <div>\n          <div className=\"text-xs font-medium text-foreground\">\n            {platform.label}\n          </div>\n          <div className=\"text-[10px] text-muted-foreground\">\n            {platform.description}\n          </div>\n        </div>\n      </div>\n\n      {/* Setup steps */}\n      <div className=\"mb-3\">\n        <div className=\"text-[10px] font-medium text-muted-foreground mb-1.5\">\n          Setup\n        </div>\n        <ol className=\"space-y-1\">\n          {platform.setupSteps.map((step, i) => (\n            <li\n              key={i}\n              className=\"flex gap-1.5 text-[10px] text-muted-foreground leading-relaxed\"\n            >\n              <span className=\"shrink-0 text-muted-foreground/50\">\n                {i + 1}.\n              </span>\n              {step}\n            </li>\n          ))}\n        </ol>\n      </div>\n\n      {serviceAccountEmail && (\n        <div className=\"mb-3\">\n          <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n            Share documents with\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <code className=\"flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground\">\n              {serviceAccountEmail}\n            </code>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  onClick={() => handleCopy(serviceAccountEmail)}\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n                >\n                  {copied ? <IconCheck size={12} /> : <IconCopy size={12} />}\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>Copy service account email</TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n      )}\n\n      {/* Required secrets */}\n      {platform.envVars.length > 0 && (\n        <div className=\"mb-3\">\n          <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n            Required secrets\n          </div>\n          <div className=\"space-y-0.5\">\n            {platform.envVars.map((v) => (\n              <div key={v} className=\"flex items-center gap-1\">\n                <code className=\"text-[10px] text-foreground bg-muted px-1 py-0.5 rounded\">\n                  {v}\n                </code>\n                {isConfigured && (\n                  <IconCircleCheck\n                    size={11}\n                    className=\"text-green-500 shrink-0\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n          {!isConfigured && (\n            <p className=\"text-[10px] text-amber-500 mt-1\">\n              Set these in your .env file or environment to connect.\n            </p>\n          )}\n        </div>\n      )}\n\n      {/* Webhook URL */}\n      {serverStatus?.webhookUrl && !platform.isClient && (\n        <div className=\"mb-3\">\n          <div className=\"text-[10px] font-medium text-muted-foreground mb-1\">\n            Webhook URL\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <code className=\"flex-1 truncate rounded bg-muted px-1.5 py-0.5 text-[10px] text-foreground\">\n              {serverStatus.webhookUrl}\n            </code>\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  onClick={() => handleCopy(serverStatus.webhookUrl!)}\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n                >\n                  {copied ? <IconCheck size={12} /> : <IconCopy size={12} />}\n                </button>\n              </TooltipTrigger>\n              <TooltipContent>Copy</TooltipContent>\n            </Tooltip>\n          </div>\n        </div>\n      )}\n\n      {/* Docs link */}\n      {platform.docsUrl && (\n        <a\n          href={platform.docsUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"flex items-center gap-1 text-[10px] text-blue-400 hover:text-blue-300 mb-3\"\n        >\n          Documentation\n          <IconExternalLink size={10} />\n        </a>\n      )}\n\n      {/* Enable/disable for server integrations */}\n      {serverStatus && !platform.isClient && isConfigured && (\n        <button\n          onClick={handleToggle}\n          disabled={toggling}\n          className={`w-full rounded-md border px-2 py-1.5 text-[11px] font-medium disabled:opacity-50 ${\n            isEnabled\n              ? \"border-border text-foreground hover:bg-accent/50\"\n              : \"border-green-600/50 text-green-400 hover:bg-green-900/20\"\n          }`}\n        >\n          {toggling ? \"...\" : isEnabled ? \"Disable\" : \"Enable\"}\n        </button>\n      )}\n\n      {/* Status for client integrations */}\n      {platform.isClient && (\n        <div className=\"rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground\">\n          This agent's A2A endpoint is automatically available. No configuration\n          needed.\n        </div>\n      )}\n\n      {serverStatus?.error && (\n        <p className=\"text-[10px] text-destructive mt-2\">\n          {serverStatus.error}\n        </p>\n      )}\n\n      {toggleError && (\n        <p className=\"text-[10px] text-destructive mt-2\">{toggleError}</p>\n      )}\n    </div>\n  );\n}\n\n// ─── Add integration picker ──────────────────────────────────────────────────\n\nfunction AddIntegrationPicker({\n  connectedIds,\n  onSelect,\n}: {\n  connectedIds: Set<string>;\n  onSelect: (platform: PlatformInfo) => void;\n}) {\n  return (\n    <div className=\"space-y-1\">\n      {PLATFORMS.filter((p) => !connectedIds.has(p.id)).map((platform) => (\n        <button\n          key={platform.id}\n          onClick={() => onSelect(platform)}\n          className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent/50\"\n        >\n          <platform.icon size={14} className=\"shrink-0 text-muted-foreground\" />\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"text-[11px] font-medium text-foreground\">\n              {platform.label}\n            </div>\n            <div className=\"text-[10px] text-muted-foreground truncate\">\n              {platform.description}\n            </div>\n          </div>\n        </button>\n      ))}\n    </div>\n  );\n}\n\n// ─── Main panel ──────────────────────────────────────────────────────────────\n\nexport function IntegrationsPanel() {\n  const { statuses, loading, refetch } = useIntegrationStatus();\n  const [selectedPlatform, setSelectedPlatform] = useState<PlatformInfo | null>(\n    null,\n  );\n  const [showPicker, setShowPicker] = useState(false);\n\n  const statusMap = new Map(statuses.map((s) => [s.platform, s]));\n\n  // Show connected (enabled or configured) integrations\n  const connectedPlatforms = PLATFORMS.filter((p) => {\n    const s = statusMap.get(p.id);\n    return s?.configured || s?.enabled;\n  });\n\n  const connectedIds = new Set(connectedPlatforms.map((p) => p.id));\n\n  if (selectedPlatform) {\n    return (\n      <IntegrationDetail\n        platform={selectedPlatform}\n        serverStatus={statusMap.get(selectedPlatform.id)}\n        onBack={() => setSelectedPlatform(null)}\n        onRefresh={refetch}\n      />\n    );\n  }\n\n  if (showPicker) {\n    return (\n      <div>\n        <button\n          onClick={() => setShowPicker(false)}\n          className=\"flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground mb-2\"\n        >\n          <IconChevronLeft size={12} />\n          Back\n        </button>\n        <div className=\"text-[10px] font-medium text-muted-foreground mb-1.5\">\n          Add a chat integration\n        </div>\n        <AddIntegrationPicker\n          connectedIds={connectedIds}\n          onSelect={(p) => {\n            setSelectedPlatform(p);\n            setShowPicker(false);\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center justify-between mb-1.5\">\n        <div>\n          <div className=\"text-xs font-medium text-foreground\">\n            Chat Integrations\n          </div>\n          <div className=\"text-[10px] text-muted-foreground\">\n            Talk to this agent from other platforms\n          </div>\n        </div>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              onClick={() => setShowPicker(true)}\n              className=\"flex h-5 w-5 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n            >\n              <IconPlus size={12} />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Add integration</TooltipContent>\n        </Tooltip>\n      </div>\n\n      {loading ? (\n        <div className=\"space-y-1.5\">\n          <div className=\"h-6 w-full rounded bg-muted/50 animate-pulse\" />\n          <div className=\"h-6 w-3/4 rounded bg-muted/50 animate-pulse\" />\n        </div>\n      ) : connectedPlatforms.length === 0 ? (\n        <div className=\"space-y-2\">\n          <button\n            onClick={() => setShowPicker(true)}\n            className=\"flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/30\"\n          >\n            <IconPlus size={12} className=\"shrink-0\" />\n            Add integration\n          </button>\n          <div className=\"rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground\">\n            For a central Slack or Telegram entrypoint that can route work\n            across multiple apps, use the{\" \"}\n            <a\n              href=\"https://dispatch.agent-native.com\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"no-underline font-medium text-foreground hover:text-foreground/80\"\n            >\n              dispatch template\n            </a>\n            .\n          </div>\n        </div>\n      ) : (\n        <div className=\"space-y-2\">\n          {connectedPlatforms.map((platform) => {\n            const s = statusMap.get(platform.id);\n            return (\n              <button\n                key={platform.id}\n                onClick={() => setSelectedPlatform(platform)}\n                className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent/50\"\n              >\n                <platform.icon\n                  size={14}\n                  className=\"shrink-0 text-muted-foreground\"\n                />\n                <span className=\"flex-1 text-[11px] font-medium text-foreground truncate\">\n                  {platform.label}\n                </span>\n                {s && (\n                  <span\n                    className={`inline-block h-1.5 w-1.5 rounded-full shrink-0 ${\n                      s.enabled && s.configured\n                        ? \"bg-green-500\"\n                        : s.configured\n                          ? \"bg-yellow-500\"\n                          : \"bg-gray-400\"\n                    }`}\n                  />\n                )}\n              </button>\n            );\n          })}\n          <div className=\"rounded-md border border-border bg-muted/30 px-2.5 py-2 text-[10px] text-muted-foreground\">\n            Need one shared messaging surface for your workspace? Connect Slack\n            or Telegram to a dispatch app and let it delegate to other agents\n            over A2A.\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/onboarding/OnboardingPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingPanel.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"AAgCA,UAAU,oBAAoB;IAC5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAe,GAChB,EAAE,oBAAoB,2CAmHtB"}
+{"version":3,"file":"OnboardingPanel.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"AAqCA,UAAU,oBAAoB;IAC5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAe,GAChB,EAAE,oBAAoB,2CA6HtB"}

package/dist/client/onboarding/OnboardingPanel.js

@@ -14,6 +14,7 @@ import { useOnboardingPreviewMode } from "./use-preview-mode.js";
 import { sendToAgentChat } from "../agent-chat.js";
 import { useDevMode } from "../use-dev-mode.js";
 import { useBuilderConnectFlow } from "../settings/useBuilderStatus.js";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 export function OnboardingPanel({ className, title = "Setup", }) {
     const previewMode = useOnboardingPreviewMode();
     const onboarding = useOnboarding({ preview: previewMode });
@@ -52,9 +53,9 @@ export function OnboardingPanel({ className, title = "Setup", }) {
             return null;
     }
     if (!expanded) {
-        return (_jsx("div", { className: className, style: styles.compactBanner, children: _jsxs("button", { type: "button", onClick: () => setExpanded(true), style: styles.compactBannerBtn, title: "Expand setup", "aria-label": "Expand setup", children: [_jsx("span", { style: allComplete ? styles.checkDone : styles.checkTodo, children: allComplete ? _jsx(IconCheck, { size: 12, strokeWidth: 3 }) : null }), _jsx("span", { style: styles.headerTitle, children: title }), _jsxs("span", { style: styles.headerCounter, children: [completeCount, " of ", totalCount] }), _jsx("span", { style: { marginLeft: "auto", opacity: 0.5, display: "flex" }, children: _jsx(IconChevronDown, { size: 14 }) })] }) }));
+        return (_jsx("div", { className: className, style: styles.compactBanner, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { type: "button", onClick: () => setExpanded(true), style: styles.compactBannerBtn, "aria-label": "Expand setup", children: [_jsx("span", { style: allComplete ? styles.checkDone : styles.checkTodo, children: allComplete ? _jsx(IconCheck, { size: 12, strokeWidth: 3 }) : null }), _jsx("span", { style: styles.headerTitle, children: title }), _jsxs("span", { style: styles.headerCounter, children: [completeCount, " of ", totalCount] }), _jsx("span", { style: { marginLeft: "auto", opacity: 0.5, display: "flex" }, children: _jsx(IconChevronDown, { size: 14 }) })] }) }), _jsx(TooltipContent, { children: "Expand setup" })] }) }));
     }
-    return (_jsxs("div", { className: className, style: styles.root, children: [_jsxs("div", { style: styles.header, children: [_jsxs("div", { style: styles.headerLeft, children: [allComplete ? (_jsx("span", { style: styles.checkDone, children: _jsx(IconCheck, { size: 12, strokeWidth: 3 }) })) : (_jsx(IconChecklist, { size: 14, style: styles.headerIcon, "aria-hidden": true })), _jsx("span", { style: styles.headerTitle, children: title }), _jsxs("span", { style: styles.headerCounter, children: [completeCount, " of ", totalCount] })] }), _jsx("button", { type: "button", onClick: () => setExpanded(false), title: "Collapse", "aria-label": "Collapse onboarding", style: styles.dismissBtn, children: _jsx(IconChevronUp, { size: 14 }) })] }), _jsx("div", { style: styles.list, children: steps.map((step) => (_jsx(StepCard, { step: step, expanded: step.id === currentStepId, onMarkComplete: () => complete(step.id), onRefresh: refresh }, step.id))) }), _jsx("div", { style: styles.footer, children: _jsx("button", { type: "button", onClick: dismiss, style: styles.hideLink, children: "Hide setup" }) })] }));
+    return (_jsxs("div", { className: className, style: styles.root, children: [_jsxs("div", { style: styles.header, children: [_jsxs("div", { style: styles.headerLeft, children: [allComplete ? (_jsx("span", { style: styles.checkDone, children: _jsx(IconCheck, { size: 12, strokeWidth: 3 }) })) : (_jsx(IconChecklist, { size: 14, style: styles.headerIcon, "aria-hidden": true })), _jsx("span", { style: styles.headerTitle, children: title }), _jsxs("span", { style: styles.headerCounter, children: [completeCount, " of ", totalCount] })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => setExpanded(false), "aria-label": "Collapse onboarding", style: styles.dismissBtn, children: _jsx(IconChevronUp, { size: 14 }) }) }), _jsx(TooltipContent, { children: "Collapse" })] })] }), _jsx("div", { style: styles.list, children: steps.map((step) => (_jsx(StepCard, { step: step, expanded: step.id === currentStepId, onMarkComplete: () => complete(step.id), onRefresh: refresh }, step.id))) }), _jsx("div", { style: styles.footer, children: _jsx("button", { type: "button", onClick: dismiss, style: styles.hideLink, children: "Hide setup" }) })] }));
 }
 // ─── StepCard ──────────────────────────────────────────────────────────────
 function StepCard({ step, expanded: expandedProp, onMarkComplete, onRefresh, }) {

package/dist/client/onboarding/OnboardingPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingPanel.js","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\n/**\n * <OnboardingPanel /> — the setup checklist that sits above the agent chat.\n *\n * The active step is expanded; completed steps collapse with a green check;\n * remaining steps sit dimmed below. Each method renders differently based on\n * its `kind` (link / form / builder-cli-auth / agent-task).\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport {\n  IconCheck,\n  IconChecklist,\n  IconChevronDown,\n  IconChevronRight,\n  IconChevronUp,\n  IconExternalLink,\n  IconKey,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { useOnboarding } from \"./use-onboarding.js\";\nimport { useOnboardingPreviewMode } from \"./use-preview-mode.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { useDevMode } from \"../use-dev-mode.js\";\nimport { useBuilderConnectFlow } from \"../settings/useBuilderStatus.js\";\nimport type {\n  OnboardingMethod,\n  OnboardingStepStatus,\n} from \"../../onboarding/types.js\";\n\ntype FormOnboardingMethod = Extract<OnboardingMethod, { kind: \"form\" }>;\n\ninterface OnboardingPanelProps {\n  /** Optional extra styles / classes for the wrapper. */\n  className?: string;\n  /** Override the built-in title. */\n  title?: string;\n}\n\nexport function OnboardingPanel({\n  className,\n  title = \"Setup\",\n}: OnboardingPanelProps) {\n  const previewMode = useOnboardingPreviewMode();\n  const onboarding = useOnboarding({ preview: previewMode });\n  const { isDevMode } = useDevMode();\n  const {\n    steps: rawSteps,\n    currentStepId: rawCurrentStepId,\n    dismissed,\n    loading,\n    refresh,\n    complete,\n    dismiss,\n  } = onboarding;\n  // `database` and `auth` steps only apply to local dev (SQLite default,\n  // local-mode auth bypass). In production those are configured via env\n  // vars / deployment config, so don't nag the user about them.\n  const DEV_ONLY_STEP_IDS = new Set([\"database\", \"auth\"]);\n  const steps = isDevMode\n    ? rawSteps\n    : rawSteps.filter((s) => !DEV_ONLY_STEP_IDS.has(s.id));\n  const totalCount = steps.length;\n  const completeCount = steps.filter((s) => s.complete).length;\n  const allComplete = steps.filter((s) => s.required).every((s) => s.complete);\n  const currentStepId = steps.some((s) => s.id === rawCurrentStepId)\n    ? rawCurrentStepId\n    : (steps.find((s) => s.required && !s.complete)?.id ??\n      steps.find((s) => !s.complete)?.id ??\n      null);\n  // Default expanded. (Older code used `useState(!allComplete)`, but the first\n  // render fires with `steps === []` — `[].every()` is vacuously true, so\n  // `allComplete` was true and `expanded` got locked to false even after the\n  // real incomplete steps loaded.)\n  const [expanded, setExpanded] = useState(true);\n\n  if (loading || totalCount === 0) return null;\n  // Preview mode (dev overlay) bypasses the auto-hide so template authors\n  // can render the new-user flow even when their own setup is done.\n  if (!previewMode) {\n    if (dismissed) return null;\n    // Auto-hide once every required step is done — no need to take up sidebar\n    // space when there's nothing left to do.\n    if (allComplete) return null;\n  }\n\n  if (!expanded) {\n    return (\n      <div className={className} style={styles.compactBanner}>\n        <button\n          type=\"button\"\n          onClick={() => setExpanded(true)}\n          style={styles.compactBannerBtn}\n          title=\"Expand setup\"\n          aria-label=\"Expand setup\"\n        >\n          <span style={allComplete ? styles.checkDone : styles.checkTodo}>\n            {allComplete ? <IconCheck size={12} strokeWidth={3} /> : null}\n          </span>\n          <span style={styles.headerTitle}>{title}</span>\n          <span style={styles.headerCounter}>\n            {completeCount} of {totalCount}\n          </span>\n          <span style={{ marginLeft: \"auto\", opacity: 0.5, display: \"flex\" }}>\n            <IconChevronDown size={14} />\n          </span>\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={styles.root}>\n      <div style={styles.header}>\n        <div style={styles.headerLeft}>\n          {allComplete ? (\n            <span style={styles.checkDone}>\n              <IconCheck size={12} strokeWidth={3} />\n            </span>\n          ) : (\n            <IconChecklist size={14} style={styles.headerIcon} aria-hidden />\n          )}\n          <span style={styles.headerTitle}>{title}</span>\n          <span style={styles.headerCounter}>\n            {completeCount} of {totalCount}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => setExpanded(false)}\n          title=\"Collapse\"\n          aria-label=\"Collapse onboarding\"\n          style={styles.dismissBtn}\n        >\n          <IconChevronUp size={14} />\n        </button>\n      </div>\n\n      <div style={styles.list}>\n        {steps.map((step) => (\n          <StepCard\n            key={step.id}\n            step={step}\n            expanded={step.id === currentStepId}\n            onMarkComplete={() => complete(step.id)}\n            onRefresh={refresh}\n          />\n        ))}\n      </div>\n\n      <div style={styles.footer}>\n        <button type=\"button\" onClick={dismiss} style={styles.hideLink}>\n          Hide setup\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// ─── StepCard ──────────────────────────────────────────────────────────────\n\nfunction StepCard({\n  step,\n  expanded: expandedProp,\n  onMarkComplete,\n  onRefresh,\n}: {\n  step: OnboardingStepStatus;\n  expanded: boolean;\n  onMarkComplete: () => void;\n  onRefresh: () => Promise<void>;\n}) {\n  const [expanded, setExpanded] = useState(expandedProp);\n  useEffect(() => setExpanded(expandedProp), [expandedProp]);\n\n  const isDone = step.complete;\n  const sortedMethods = [...step.methods].sort((a, b) => {\n    if (!!a.primary === !!b.primary) return 0;\n    return a.primary ? -1 : 1;\n  });\n\n  const handleCompleted = async () => {\n    await onRefresh();\n  };\n\n  return (\n    <div\n      style={{\n        ...styles.card,\n        ...(isDone ? styles.cardDone : null),\n      }}\n    >\n      <button\n        type=\"button\"\n        style={styles.cardHeader}\n        onClick={() => setExpanded((e) => !e)}\n        aria-expanded={expanded}\n      >\n        <span style={styles.cardHeaderLeft}>\n          <span style={isDone ? styles.checkDone : styles.checkTodo}>\n            {isDone ? <IconCheck size={12} strokeWidth={3} /> : null}\n          </span>\n          <span style={styles.cardTitle}>\n            {step.title}\n            {step.required && !isDone && (\n              <span style={styles.requiredPill}>required</span>\n            )}\n          </span>\n        </span>\n        <span style={styles.chevron}>\n          {expanded ? (\n            <IconChevronDown size={14} />\n          ) : (\n            <IconChevronRight size={14} />\n          )}\n        </span>\n      </button>\n\n      {expanded && (\n        <div style={styles.cardBody}>\n          <p style={styles.cardDesc}>{step.description}</p>\n          <StepMethods\n            step={step}\n            methods={sortedMethods}\n            onCompleted={handleCompleted}\n            onMarkManualComplete={onMarkComplete}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction isFormMethod(\n  method: OnboardingMethod,\n): method is FormOnboardingMethod {\n  return method.kind === \"form\";\n}\n\nfunction StepMethods({\n  step,\n  methods,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  step: OnboardingStepStatus;\n  methods: OnboardingMethod[];\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  const formMethods = methods.filter(isFormMethod);\n\n  if (step.id === \"llm\") {\n    return (\n      <LlmMethodGroup\n        methods={methods}\n        formMethods={formMethods}\n        stepId={step.id}\n        onCompleted={onCompleted}\n        onMarkManualComplete={onMarkManualComplete}\n      />\n    );\n  }\n\n  if (methods.length > 1 && formMethods.length === methods.length) {\n    const pickerLabel = step.id === \"auth\" ? \"Sign-in path\" : \"Provider\";\n    return (\n      <div style={styles.methods}>\n        <FormMethodPicker\n          methods={formMethods}\n          label={pickerLabel}\n          onCompleted={onCompleted}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div style={styles.methods}>\n      {methods.map((method) => (\n        <MethodBlock\n          key={method.id}\n          method={method}\n          stepId={step.id}\n          onCompleted={onCompleted}\n          onMarkManualComplete={onMarkManualComplete}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction LlmMethodGroup({\n  methods,\n  formMethods,\n  stepId,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  methods: OnboardingMethod[];\n  formMethods: FormOnboardingMethod[];\n  stepId: string;\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  const [showKeyForm, setShowKeyForm] = useState(false);\n  const primaryMethod =\n    methods.find((method) => method.kind === \"builder-cli-auth\") ??\n    methods.find((method) => method.primary);\n  const otherMethods = methods.filter(\n    (method) => method !== primaryMethod && !isFormMethod(method),\n  );\n\n  return (\n    <div style={styles.methods}>\n      {primaryMethod && (\n        <MethodBlock\n          method={primaryMethod}\n          stepId={stepId}\n          onCompleted={onCompleted}\n          onMarkManualComplete={onMarkManualComplete}\n        />\n      )}\n\n      {formMethods.length > 0 && (\n        <div style={styles.secondaryPanel}>\n          <button\n            type=\"button\"\n            onClick={() => setShowKeyForm((value) => !value)}\n            style={styles.secondaryToggle}\n            aria-expanded={showKeyForm}\n          >\n            <span style={styles.secondaryToggleLeft}>\n              <IconKey size={13} aria-hidden />\n              <span>Add your own provider key</span>\n            </span>\n            <span style={styles.chevron}>\n              {showKeyForm ? (\n                <IconChevronDown size={14} />\n              ) : (\n                <IconChevronRight size={14} />\n              )}\n            </span>\n          </button>\n          {showKeyForm && (\n            <FormMethodPicker\n              methods={formMethods}\n              label=\"Provider\"\n              onCompleted={onCompleted}\n              embedded\n            />\n          )}\n        </div>\n      )}\n\n      {otherMethods.map((method) => (\n        <MethodBlock\n          key={method.id}\n          method={method}\n          stepId={stepId}\n          onCompleted={onCompleted}\n          onMarkManualComplete={onMarkManualComplete}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction FormMethodPicker({\n  methods,\n  label,\n  onCompleted,\n  embedded,\n}: {\n  methods: FormOnboardingMethod[];\n  label: string;\n  onCompleted: () => Promise<void>;\n  embedded?: boolean;\n}) {\n  const [selectedId, setSelectedId] = useState(methods[0]?.id ?? \"\");\n\n  useEffect(() => {\n    if (!methods.some((method) => method.id === selectedId)) {\n      setSelectedId(methods[0]?.id ?? \"\");\n    }\n  }, [methods, selectedId]);\n\n  const selectedMethod =\n    methods.find((method) => method.id === selectedId) ?? methods[0];\n\n  if (!selectedMethod) return null;\n\n  return (\n    <div style={embedded ? styles.methodPickerEmbedded : styles.method}>\n      <label style={styles.pickerLabel}>\n        <span style={styles.formLabelText}>{label}</span>\n        <select\n          value={selectedMethod.id}\n          onChange={(event) => setSelectedId(event.target.value)}\n          style={styles.select}\n        >\n          {methods.map((method) => (\n            <option key={method.id} value={method.id}>\n              {method.label}\n            </option>\n          ))}\n        </select>\n      </label>\n      {selectedMethod.description && (\n        <p style={styles.methodDesc}>{selectedMethod.description}</p>\n      )}\n      <FormMethod\n        key={selectedMethod.id}\n        method={selectedMethod}\n        onCompleted={onCompleted}\n      />\n    </div>\n  );\n}\n\n// ─── MethodBlock ───────────────────────────────────────────────────────────\n\nfunction MethodBlock({\n  method,\n  stepId,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  method: OnboardingMethod;\n  stepId: string;\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  return (\n    <div style={method.primary ? styles.methodPrimary : styles.method}>\n      <div style={styles.methodHeader}>\n        <span style={styles.methodLabel}>\n          {method.label}\n          {method.badge && (\n            <span style={badgeStyle(method.badge)}>{method.badge}</span>\n          )}\n        </span>\n      </div>\n      {method.description && (\n        <p style={styles.methodDesc}>{method.description}</p>\n      )}\n      <MethodBody\n        method={method}\n        stepId={stepId}\n        onCompleted={onCompleted}\n        onMarkManualComplete={onMarkManualComplete}\n      />\n    </div>\n  );\n}\n\nfunction MethodBody({\n  method,\n  stepId,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  method: OnboardingMethod;\n  stepId: string;\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  switch (method.kind) {\n    case \"link\":\n      return (\n        <LinkMethod method={method} onMarkComplete={onMarkManualComplete} />\n      );\n    case \"form\":\n      return <FormMethod method={method} onCompleted={onCompleted} />;\n    case \"builder-cli-auth\":\n      return (\n        <BuilderCliAuthMethod\n          onCompleted={onCompleted}\n          primary={method.primary}\n        />\n      );\n    case \"agent-task\":\n      return <AgentTaskMethod method={method} stepId={stepId} />;\n  }\n}\n\n// ─── link ──────────────────────────────────────────────────────────────────\n\nfunction LinkMethod({\n  method,\n  onMarkComplete,\n}: {\n  method: Extract<OnboardingMethod, { kind: \"link\" }>;\n  onMarkComplete: () => void;\n}) {\n  const { url, external } = method.payload;\n  const isNoop = !url || url === \"#\";\n  if (isNoop) {\n    // Sentinel URL — treat as \"mark this method as the chosen one\".\n    return (\n      <button\n        type=\"button\"\n        style={buttonPrimary(method.primary)}\n        onClick={onMarkComplete}\n      >\n        Use this option\n      </button>\n    );\n  }\n  return (\n    <a\n      href={url}\n      target={external ? \"_blank\" : undefined}\n      rel={external ? \"noopener noreferrer\" : undefined}\n      style={{ ...buttonPrimary(method.primary), textDecoration: \"none\" }}\n    >\n      Continue\n      {external && <IconExternalLink size={12} style={{ marginLeft: 4 }} />}\n    </a>\n  );\n}\n\n// ─── form ──────────────────────────────────────────────────────────────────\n\nfunction FormMethod({\n  method,\n  onCompleted,\n}: {\n  method: Extract<OnboardingMethod, { kind: \"form\" }>;\n  onCompleted: () => Promise<void>;\n}) {\n  const { fields, writeScope } = method.payload;\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [saving, setSaving] = useState(false);\n  const [err, setErr] = useState<string | null>(null);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setSaving(true);\n    setErr(null);\n    try {\n      const vars = fields\n        .map((f) => ({ key: f.key, value: (values[f.key] ?? \"\").trim() }))\n        .filter((v) => v.value !== \"\");\n      if (vars.length === 0) {\n        setErr(\"Enter a value first.\");\n        return;\n      }\n      const res = await fetch(agentNativePath(\"/_agent-native/env-vars\"), {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ vars, scope: writeScope ?? \"workspace\" }),\n      });\n      if (!res.ok) {\n        const data = await res.json().catch(() => ({}));\n        throw new Error(\n          (data as { error?: string }).error ?? `Save failed: ${res.status}`,\n        );\n      }\n      setValues({});\n      await onCompleted();\n    } catch (e) {\n      setErr(e instanceof Error ? e.message : \"Save failed\");\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit} style={styles.form}>\n      {fields.map((f) => (\n        <label key={f.key} style={styles.formLabel}>\n          <span style={styles.formLabelText}>{f.label}</span>\n          <input\n            type={f.secret ? \"password\" : \"text\"}\n            value={values[f.key] ?? \"\"}\n            placeholder={f.placeholder}\n            onChange={(e) =>\n              setValues((v) => ({ ...v, [f.key]: e.target.value }))\n            }\n            style={styles.input}\n            autoComplete=\"off\"\n            spellCheck={false}\n          />\n        </label>\n      ))}\n      {err && <p style={styles.errText}>{err}</p>}\n      <button\n        type=\"submit\"\n        disabled={saving}\n        style={{ ...buttonPrimary(method.primary), opacity: saving ? 0.6 : 1 }}\n      >\n        {saving ? \"Saving...\" : \"Save\"}\n      </button>\n    </form>\n  );\n}\n\n// ─── builder-cli-auth ──────────────────────────────────────────────────────\n\nfunction BuilderCliAuthMethod({\n  onCompleted,\n  primary,\n}: {\n  onCompleted: () => Promise<void>;\n  primary?: boolean;\n}) {\n  const { connecting, error, start } = useBuilderConnectFlow({\n    onConnected: onCompleted,\n  });\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={start}\n        disabled={connecting}\n        style={{ ...buttonPrimary(primary), opacity: connecting ? 0.7 : 1 }}\n      >\n        {connecting ? (\n          <>\n            <IconLoader2\n              size={12}\n              style={{ marginRight: 4 }}\n              className=\"animate-spin\"\n            />\n            Waiting for Builder...\n          </>\n        ) : (\n          \"Connect Builder\"\n        )}\n      </button>\n      {error && <p style={styles.errText}>{error}</p>}\n    </>\n  );\n}\n\n// ─── agent-task ────────────────────────────────────────────────────────────\n\nfunction AgentTaskMethod({\n  method,\n  stepId: _stepId,\n}: {\n  method: Extract<OnboardingMethod, { kind: \"agent-task\" }>;\n  stepId: string;\n}) {\n  const handleClick = () => {\n    sendToAgentChat({ message: method.payload.prompt, submit: true });\n  };\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      style={buttonPrimary(method.primary)}\n    >\n      Ask the agent\n    </button>\n  );\n}\n\n// ─── styles ────────────────────────────────────────────────────────────────\n\nfunction buttonPrimary(primary: boolean | undefined): React.CSSProperties {\n  return {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    padding: \"6px 12px\",\n    borderRadius: 6,\n    border: primary\n      ? \"1px solid transparent\"\n      : \"1px solid rgba(255,255,255,0.15)\",\n    background: primary ? \"#3b82f6\" : \"rgba(255,255,255,0.04)\",\n    color: primary ? \"#fff\" : \"inherit\",\n    fontSize: 12,\n    fontWeight: 500,\n    cursor: \"pointer\",\n  };\n}\n\nfunction badgeStyle(\n  kind: \"recommended\" | \"beta\" | \"free\",\n): React.CSSProperties {\n  const palette = {\n    recommended: { bg: \"rgba(59,130,246,0.15)\", fg: \"#60a5fa\" },\n    beta: { bg: \"rgba(168,85,247,0.15)\", fg: \"#c084fc\" },\n    free: { bg: \"rgba(34,197,94,0.15)\", fg: \"#4ade80\" },\n  }[kind];\n  return {\n    marginLeft: 6,\n    fontSize: 10,\n    padding: \"1px 6px\",\n    borderRadius: 4,\n    background: palette.bg,\n    color: palette.fg,\n    fontWeight: 500,\n    textTransform: \"uppercase\" as const,\n    letterSpacing: 0.3,\n  };\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  root: {\n    borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n    background: \"rgba(255,255,255,0.02)\",\n    fontSize: 12,\n    display: \"flex\",\n    flexDirection: \"column\",\n    maxHeight: \"60vh\",\n    minHeight: 0,\n  },\n  compactBanner: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n    background: \"rgba(34,197,94,0.04)\",\n    fontSize: 12,\n  },\n  compactBannerBtn: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    cursor: \"pointer\",\n    padding: \"6px 12px\",\n    flex: 1,\n    minWidth: 0,\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"8px 12px\",\n  },\n  headerLeft: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n  },\n  headerIcon: { color: \"#60a5fa\" },\n  headerTitle: { fontWeight: 600, fontSize: 12 },\n  headerCounter: {\n    opacity: 0.5,\n    fontSize: 11,\n    marginLeft: 4,\n  },\n  dismissBtn: {\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    opacity: 0.5,\n    cursor: \"pointer\",\n    padding: 2,\n    display: \"flex\",\n  },\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 4,\n    padding: \"4px 8px 10px\",\n    overflowY: \"auto\",\n    minHeight: 0,\n    flex: \"1 1 auto\",\n  },\n  card: {\n    border: \"1px solid hsl(var(--border, 0 0% 100%) / 0.06)\",\n    borderRadius: 6,\n    background: \"hsl(var(--muted, 0 0% 0%) / 0.12)\",\n  },\n  cardDone: {\n    borderColor: \"rgba(34,197,94,0.12)\",\n    background: \"rgba(34,197,94,0.025)\",\n  },\n  cardHeader: {\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    padding: \"7px 9px\",\n    cursor: \"pointer\",\n    textAlign: \"left\" as const,\n  },\n  cardHeaderLeft: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 8,\n    minWidth: 0,\n  },\n  cardTitle: {\n    fontSize: 12,\n    fontWeight: 500,\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n    minWidth: 0,\n    flexWrap: \"wrap\" as const,\n  },\n  requiredPill: {\n    fontSize: 10,\n    padding: \"1px 5px\",\n    borderRadius: 4,\n    background: \"rgba(239,68,68,0.12)\",\n    color: \"#f87171\",\n    fontWeight: 500,\n  },\n  chevron: { opacity: 0.5 },\n  checkDone: {\n    width: 16,\n    height: 16,\n    borderRadius: \"50%\",\n    background: \"#22c55e\",\n    color: \"#fff\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  checkTodo: {\n    width: 16,\n    height: 16,\n    borderRadius: \"50%\",\n    border: \"1px solid rgba(255,255,255,0.2)\",\n  },\n  cardBody: {\n    padding: \"0 10px 10px 34px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 8,\n  },\n  cardDesc: {\n    margin: 0,\n    opacity: 0.65,\n    fontSize: 12,\n    lineHeight: 1.4,\n  },\n  methods: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  method: {\n    padding: \"8px 10px\",\n    border: \"1px solid rgba(255,255,255,0.06)\",\n    borderRadius: 6,\n    background: \"rgba(255,255,255,0.02)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  methodPrimary: {\n    padding: \"10px\",\n    border: \"1px solid rgba(59,130,246,0.25)\",\n    borderRadius: 6,\n    background: \"rgba(59,130,246,0.06)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  methodHeader: { display: \"flex\", alignItems: \"center\" },\n  methodLabel: { fontSize: 12, fontWeight: 500 },\n  methodDesc: { margin: 0, opacity: 0.6, fontSize: 11, lineHeight: 1.4 },\n  secondaryPanel: {\n    paddingTop: 2,\n  },\n  secondaryToggle: {\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: 8,\n    padding: \"7px 8px\",\n    borderRadius: 6,\n    border: \"1px solid rgba(255,255,255,0.08)\",\n    background: \"rgba(255,255,255,0.025)\",\n    color: \"inherit\",\n    cursor: \"pointer\",\n    fontSize: 11,\n    fontWeight: 500,\n    textAlign: \"left\" as const,\n  },\n  secondaryToggleLeft: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n    minWidth: 0,\n  },\n  methodPickerEmbedded: {\n    paddingTop: 8,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  pickerLabel: { display: \"flex\", flexDirection: \"column\", gap: 3 },\n  form: { display: \"flex\", flexDirection: \"column\", gap: 6 },\n  formLabel: { display: \"flex\", flexDirection: \"column\", gap: 2 },\n  formLabelText: { fontSize: 11, opacity: 0.6 },\n  select: {\n    width: \"100%\",\n    padding: \"6px 8px\",\n    fontSize: 12,\n    borderRadius: 5,\n    border: \"1px solid rgba(255,255,255,0.1)\",\n    background: \"rgba(0,0,0,0.25)\",\n    color: \"inherit\",\n    outline: \"none\",\n    boxSizing: \"border-box\" as const,\n  },\n  input: {\n    width: \"100%\",\n    padding: \"6px 8px\",\n    fontSize: 12,\n    borderRadius: 5,\n    border: \"1px solid rgba(255,255,255,0.1)\",\n    background: \"rgba(0,0,0,0.25)\",\n    color: \"inherit\",\n    outline: \"none\",\n    boxSizing: \"border-box\" as const,\n  },\n  errText: { margin: 0, fontSize: 11, color: \"#f87171\" },\n  footer: {\n    padding: \"0 12px 10px\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n  },\n  hideLink: {\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    opacity: 0.5,\n    cursor: \"pointer\",\n    fontSize: 11,\n    padding: \"2px 4px\",\n  },\n};\n"]}
+{"version":3,"file":"OnboardingPanel.js","sourceRoot":"","sources":["../../../src/client/onboarding/OnboardingPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\n/**\n * <OnboardingPanel /> — the setup checklist that sits above the agent chat.\n *\n * The active step is expanded; completed steps collapse with a green check;\n * remaining steps sit dimmed below. Each method renders differently based on\n * its `kind` (link / form / builder-cli-auth / agent-task).\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport {\n  IconCheck,\n  IconChecklist,\n  IconChevronDown,\n  IconChevronRight,\n  IconChevronUp,\n  IconExternalLink,\n  IconKey,\n  IconLoader2,\n} from \"@tabler/icons-react\";\nimport { useOnboarding } from \"./use-onboarding.js\";\nimport { useOnboardingPreviewMode } from \"./use-preview-mode.js\";\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { useDevMode } from \"../use-dev-mode.js\";\nimport { useBuilderConnectFlow } from \"../settings/useBuilderStatus.js\";\nimport type {\n  OnboardingMethod,\n  OnboardingStepStatus,\n} from \"../../onboarding/types.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ntype FormOnboardingMethod = Extract<OnboardingMethod, { kind: \"form\" }>;\n\ninterface OnboardingPanelProps {\n  /** Optional extra styles / classes for the wrapper. */\n  className?: string;\n  /** Override the built-in title. */\n  title?: string;\n}\n\nexport function OnboardingPanel({\n  className,\n  title = \"Setup\",\n}: OnboardingPanelProps) {\n  const previewMode = useOnboardingPreviewMode();\n  const onboarding = useOnboarding({ preview: previewMode });\n  const { isDevMode } = useDevMode();\n  const {\n    steps: rawSteps,\n    currentStepId: rawCurrentStepId,\n    dismissed,\n    loading,\n    refresh,\n    complete,\n    dismiss,\n  } = onboarding;\n  // `database` and `auth` steps only apply to local dev (SQLite default,\n  // local-mode auth bypass). In production those are configured via env\n  // vars / deployment config, so don't nag the user about them.\n  const DEV_ONLY_STEP_IDS = new Set([\"database\", \"auth\"]);\n  const steps = isDevMode\n    ? rawSteps\n    : rawSteps.filter((s) => !DEV_ONLY_STEP_IDS.has(s.id));\n  const totalCount = steps.length;\n  const completeCount = steps.filter((s) => s.complete).length;\n  const allComplete = steps.filter((s) => s.required).every((s) => s.complete);\n  const currentStepId = steps.some((s) => s.id === rawCurrentStepId)\n    ? rawCurrentStepId\n    : (steps.find((s) => s.required && !s.complete)?.id ??\n      steps.find((s) => !s.complete)?.id ??\n      null);\n  // Default expanded. (Older code used `useState(!allComplete)`, but the first\n  // render fires with `steps === []` — `[].every()` is vacuously true, so\n  // `allComplete` was true and `expanded` got locked to false even after the\n  // real incomplete steps loaded.)\n  const [expanded, setExpanded] = useState(true);\n\n  if (loading || totalCount === 0) return null;\n  // Preview mode (dev overlay) bypasses the auto-hide so template authors\n  // can render the new-user flow even when their own setup is done.\n  if (!previewMode) {\n    if (dismissed) return null;\n    // Auto-hide once every required step is done — no need to take up sidebar\n    // space when there's nothing left to do.\n    if (allComplete) return null;\n  }\n\n  if (!expanded) {\n    return (\n      <div className={className} style={styles.compactBanner}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => setExpanded(true)}\n              style={styles.compactBannerBtn}\n              aria-label=\"Expand setup\"\n            >\n              <span style={allComplete ? styles.checkDone : styles.checkTodo}>\n                {allComplete ? <IconCheck size={12} strokeWidth={3} /> : null}\n              </span>\n              <span style={styles.headerTitle}>{title}</span>\n              <span style={styles.headerCounter}>\n                {completeCount} of {totalCount}\n              </span>\n              <span\n                style={{ marginLeft: \"auto\", opacity: 0.5, display: \"flex\" }}\n              >\n                <IconChevronDown size={14} />\n              </span>\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Expand setup</TooltipContent>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  return (\n    <div className={className} style={styles.root}>\n      <div style={styles.header}>\n        <div style={styles.headerLeft}>\n          {allComplete ? (\n            <span style={styles.checkDone}>\n              <IconCheck size={12} strokeWidth={3} />\n            </span>\n          ) : (\n            <IconChecklist size={14} style={styles.headerIcon} aria-hidden />\n          )}\n          <span style={styles.headerTitle}>{title}</span>\n          <span style={styles.headerCounter}>\n            {completeCount} of {totalCount}\n          </span>\n        </div>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => setExpanded(false)}\n              aria-label=\"Collapse onboarding\"\n              style={styles.dismissBtn}\n            >\n              <IconChevronUp size={14} />\n            </button>\n          </TooltipTrigger>\n          <TooltipContent>Collapse</TooltipContent>\n        </Tooltip>\n      </div>\n\n      <div style={styles.list}>\n        {steps.map((step) => (\n          <StepCard\n            key={step.id}\n            step={step}\n            expanded={step.id === currentStepId}\n            onMarkComplete={() => complete(step.id)}\n            onRefresh={refresh}\n          />\n        ))}\n      </div>\n\n      <div style={styles.footer}>\n        <button type=\"button\" onClick={dismiss} style={styles.hideLink}>\n          Hide setup\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// ─── StepCard ──────────────────────────────────────────────────────────────\n\nfunction StepCard({\n  step,\n  expanded: expandedProp,\n  onMarkComplete,\n  onRefresh,\n}: {\n  step: OnboardingStepStatus;\n  expanded: boolean;\n  onMarkComplete: () => void;\n  onRefresh: () => Promise<void>;\n}) {\n  const [expanded, setExpanded] = useState(expandedProp);\n  useEffect(() => setExpanded(expandedProp), [expandedProp]);\n\n  const isDone = step.complete;\n  const sortedMethods = [...step.methods].sort((a, b) => {\n    if (!!a.primary === !!b.primary) return 0;\n    return a.primary ? -1 : 1;\n  });\n\n  const handleCompleted = async () => {\n    await onRefresh();\n  };\n\n  return (\n    <div\n      style={{\n        ...styles.card,\n        ...(isDone ? styles.cardDone : null),\n      }}\n    >\n      <button\n        type=\"button\"\n        style={styles.cardHeader}\n        onClick={() => setExpanded((e) => !e)}\n        aria-expanded={expanded}\n      >\n        <span style={styles.cardHeaderLeft}>\n          <span style={isDone ? styles.checkDone : styles.checkTodo}>\n            {isDone ? <IconCheck size={12} strokeWidth={3} /> : null}\n          </span>\n          <span style={styles.cardTitle}>\n            {step.title}\n            {step.required && !isDone && (\n              <span style={styles.requiredPill}>required</span>\n            )}\n          </span>\n        </span>\n        <span style={styles.chevron}>\n          {expanded ? (\n            <IconChevronDown size={14} />\n          ) : (\n            <IconChevronRight size={14} />\n          )}\n        </span>\n      </button>\n\n      {expanded && (\n        <div style={styles.cardBody}>\n          <p style={styles.cardDesc}>{step.description}</p>\n          <StepMethods\n            step={step}\n            methods={sortedMethods}\n            onCompleted={handleCompleted}\n            onMarkManualComplete={onMarkComplete}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction isFormMethod(\n  method: OnboardingMethod,\n): method is FormOnboardingMethod {\n  return method.kind === \"form\";\n}\n\nfunction StepMethods({\n  step,\n  methods,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  step: OnboardingStepStatus;\n  methods: OnboardingMethod[];\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  const formMethods = methods.filter(isFormMethod);\n\n  if (step.id === \"llm\") {\n    return (\n      <LlmMethodGroup\n        methods={methods}\n        formMethods={formMethods}\n        stepId={step.id}\n        onCompleted={onCompleted}\n        onMarkManualComplete={onMarkManualComplete}\n      />\n    );\n  }\n\n  if (methods.length > 1 && formMethods.length === methods.length) {\n    const pickerLabel = step.id === \"auth\" ? \"Sign-in path\" : \"Provider\";\n    return (\n      <div style={styles.methods}>\n        <FormMethodPicker\n          methods={formMethods}\n          label={pickerLabel}\n          onCompleted={onCompleted}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div style={styles.methods}>\n      {methods.map((method) => (\n        <MethodBlock\n          key={method.id}\n          method={method}\n          stepId={step.id}\n          onCompleted={onCompleted}\n          onMarkManualComplete={onMarkManualComplete}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction LlmMethodGroup({\n  methods,\n  formMethods,\n  stepId,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  methods: OnboardingMethod[];\n  formMethods: FormOnboardingMethod[];\n  stepId: string;\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  const [showKeyForm, setShowKeyForm] = useState(false);\n  const primaryMethod =\n    methods.find((method) => method.kind === \"builder-cli-auth\") ??\n    methods.find((method) => method.primary);\n  const otherMethods = methods.filter(\n    (method) => method !== primaryMethod && !isFormMethod(method),\n  );\n\n  return (\n    <div style={styles.methods}>\n      {primaryMethod && (\n        <MethodBlock\n          method={primaryMethod}\n          stepId={stepId}\n          onCompleted={onCompleted}\n          onMarkManualComplete={onMarkManualComplete}\n        />\n      )}\n\n      {formMethods.length > 0 && (\n        <div style={styles.secondaryPanel}>\n          <button\n            type=\"button\"\n            onClick={() => setShowKeyForm((value) => !value)}\n            style={styles.secondaryToggle}\n            aria-expanded={showKeyForm}\n          >\n            <span style={styles.secondaryToggleLeft}>\n              <IconKey size={13} aria-hidden />\n              <span>Add your own provider key</span>\n            </span>\n            <span style={styles.chevron}>\n              {showKeyForm ? (\n                <IconChevronDown size={14} />\n              ) : (\n                <IconChevronRight size={14} />\n              )}\n            </span>\n          </button>\n          {showKeyForm && (\n            <FormMethodPicker\n              methods={formMethods}\n              label=\"Provider\"\n              onCompleted={onCompleted}\n              embedded\n            />\n          )}\n        </div>\n      )}\n\n      {otherMethods.map((method) => (\n        <MethodBlock\n          key={method.id}\n          method={method}\n          stepId={stepId}\n          onCompleted={onCompleted}\n          onMarkManualComplete={onMarkManualComplete}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction FormMethodPicker({\n  methods,\n  label,\n  onCompleted,\n  embedded,\n}: {\n  methods: FormOnboardingMethod[];\n  label: string;\n  onCompleted: () => Promise<void>;\n  embedded?: boolean;\n}) {\n  const [selectedId, setSelectedId] = useState(methods[0]?.id ?? \"\");\n\n  useEffect(() => {\n    if (!methods.some((method) => method.id === selectedId)) {\n      setSelectedId(methods[0]?.id ?? \"\");\n    }\n  }, [methods, selectedId]);\n\n  const selectedMethod =\n    methods.find((method) => method.id === selectedId) ?? methods[0];\n\n  if (!selectedMethod) return null;\n\n  return (\n    <div style={embedded ? styles.methodPickerEmbedded : styles.method}>\n      <label style={styles.pickerLabel}>\n        <span style={styles.formLabelText}>{label}</span>\n        <select\n          value={selectedMethod.id}\n          onChange={(event) => setSelectedId(event.target.value)}\n          style={styles.select}\n        >\n          {methods.map((method) => (\n            <option key={method.id} value={method.id}>\n              {method.label}\n            </option>\n          ))}\n        </select>\n      </label>\n      {selectedMethod.description && (\n        <p style={styles.methodDesc}>{selectedMethod.description}</p>\n      )}\n      <FormMethod\n        key={selectedMethod.id}\n        method={selectedMethod}\n        onCompleted={onCompleted}\n      />\n    </div>\n  );\n}\n\n// ─── MethodBlock ───────────────────────────────────────────────────────────\n\nfunction MethodBlock({\n  method,\n  stepId,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  method: OnboardingMethod;\n  stepId: string;\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  return (\n    <div style={method.primary ? styles.methodPrimary : styles.method}>\n      <div style={styles.methodHeader}>\n        <span style={styles.methodLabel}>\n          {method.label}\n          {method.badge && (\n            <span style={badgeStyle(method.badge)}>{method.badge}</span>\n          )}\n        </span>\n      </div>\n      {method.description && (\n        <p style={styles.methodDesc}>{method.description}</p>\n      )}\n      <MethodBody\n        method={method}\n        stepId={stepId}\n        onCompleted={onCompleted}\n        onMarkManualComplete={onMarkManualComplete}\n      />\n    </div>\n  );\n}\n\nfunction MethodBody({\n  method,\n  stepId,\n  onCompleted,\n  onMarkManualComplete,\n}: {\n  method: OnboardingMethod;\n  stepId: string;\n  onCompleted: () => Promise<void>;\n  onMarkManualComplete: () => void;\n}) {\n  switch (method.kind) {\n    case \"link\":\n      return (\n        <LinkMethod method={method} onMarkComplete={onMarkManualComplete} />\n      );\n    case \"form\":\n      return <FormMethod method={method} onCompleted={onCompleted} />;\n    case \"builder-cli-auth\":\n      return (\n        <BuilderCliAuthMethod\n          onCompleted={onCompleted}\n          primary={method.primary}\n        />\n      );\n    case \"agent-task\":\n      return <AgentTaskMethod method={method} stepId={stepId} />;\n  }\n}\n\n// ─── link ──────────────────────────────────────────────────────────────────\n\nfunction LinkMethod({\n  method,\n  onMarkComplete,\n}: {\n  method: Extract<OnboardingMethod, { kind: \"link\" }>;\n  onMarkComplete: () => void;\n}) {\n  const { url, external } = method.payload;\n  const isNoop = !url || url === \"#\";\n  if (isNoop) {\n    // Sentinel URL — treat as \"mark this method as the chosen one\".\n    return (\n      <button\n        type=\"button\"\n        style={buttonPrimary(method.primary)}\n        onClick={onMarkComplete}\n      >\n        Use this option\n      </button>\n    );\n  }\n  return (\n    <a\n      href={url}\n      target={external ? \"_blank\" : undefined}\n      rel={external ? \"noopener noreferrer\" : undefined}\n      style={{ ...buttonPrimary(method.primary), textDecoration: \"none\" }}\n    >\n      Continue\n      {external && <IconExternalLink size={12} style={{ marginLeft: 4 }} />}\n    </a>\n  );\n}\n\n// ─── form ──────────────────────────────────────────────────────────────────\n\nfunction FormMethod({\n  method,\n  onCompleted,\n}: {\n  method: Extract<OnboardingMethod, { kind: \"form\" }>;\n  onCompleted: () => Promise<void>;\n}) {\n  const { fields, writeScope } = method.payload;\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [saving, setSaving] = useState(false);\n  const [err, setErr] = useState<string | null>(null);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setSaving(true);\n    setErr(null);\n    try {\n      const vars = fields\n        .map((f) => ({ key: f.key, value: (values[f.key] ?? \"\").trim() }))\n        .filter((v) => v.value !== \"\");\n      if (vars.length === 0) {\n        setErr(\"Enter a value first.\");\n        return;\n      }\n      const res = await fetch(agentNativePath(\"/_agent-native/env-vars\"), {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ vars, scope: writeScope ?? \"workspace\" }),\n      });\n      if (!res.ok) {\n        const data = await res.json().catch(() => ({}));\n        throw new Error(\n          (data as { error?: string }).error ?? `Save failed: ${res.status}`,\n        );\n      }\n      setValues({});\n      await onCompleted();\n    } catch (e) {\n      setErr(e instanceof Error ? e.message : \"Save failed\");\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit} style={styles.form}>\n      {fields.map((f) => (\n        <label key={f.key} style={styles.formLabel}>\n          <span style={styles.formLabelText}>{f.label}</span>\n          <input\n            type={f.secret ? \"password\" : \"text\"}\n            value={values[f.key] ?? \"\"}\n            placeholder={f.placeholder}\n            onChange={(e) =>\n              setValues((v) => ({ ...v, [f.key]: e.target.value }))\n            }\n            style={styles.input}\n            autoComplete=\"off\"\n            spellCheck={false}\n          />\n        </label>\n      ))}\n      {err && <p style={styles.errText}>{err}</p>}\n      <button\n        type=\"submit\"\n        disabled={saving}\n        style={{ ...buttonPrimary(method.primary), opacity: saving ? 0.6 : 1 }}\n      >\n        {saving ? \"Saving...\" : \"Save\"}\n      </button>\n    </form>\n  );\n}\n\n// ─── builder-cli-auth ──────────────────────────────────────────────────────\n\nfunction BuilderCliAuthMethod({\n  onCompleted,\n  primary,\n}: {\n  onCompleted: () => Promise<void>;\n  primary?: boolean;\n}) {\n  const { connecting, error, start } = useBuilderConnectFlow({\n    onConnected: onCompleted,\n  });\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={start}\n        disabled={connecting}\n        style={{ ...buttonPrimary(primary), opacity: connecting ? 0.7 : 1 }}\n      >\n        {connecting ? (\n          <>\n            <IconLoader2\n              size={12}\n              style={{ marginRight: 4 }}\n              className=\"animate-spin\"\n            />\n            Waiting for Builder...\n          </>\n        ) : (\n          \"Connect Builder\"\n        )}\n      </button>\n      {error && <p style={styles.errText}>{error}</p>}\n    </>\n  );\n}\n\n// ─── agent-task ────────────────────────────────────────────────────────────\n\nfunction AgentTaskMethod({\n  method,\n  stepId: _stepId,\n}: {\n  method: Extract<OnboardingMethod, { kind: \"agent-task\" }>;\n  stepId: string;\n}) {\n  const handleClick = () => {\n    sendToAgentChat({ message: method.payload.prompt, submit: true });\n  };\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      style={buttonPrimary(method.primary)}\n    >\n      Ask the agent\n    </button>\n  );\n}\n\n// ─── styles ────────────────────────────────────────────────────────────────\n\nfunction buttonPrimary(primary: boolean | undefined): React.CSSProperties {\n  return {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    padding: \"6px 12px\",\n    borderRadius: 6,\n    border: primary\n      ? \"1px solid transparent\"\n      : \"1px solid rgba(255,255,255,0.15)\",\n    background: primary ? \"#3b82f6\" : \"rgba(255,255,255,0.04)\",\n    color: primary ? \"#fff\" : \"inherit\",\n    fontSize: 12,\n    fontWeight: 500,\n    cursor: \"pointer\",\n  };\n}\n\nfunction badgeStyle(\n  kind: \"recommended\" | \"beta\" | \"free\",\n): React.CSSProperties {\n  const palette = {\n    recommended: { bg: \"rgba(59,130,246,0.15)\", fg: \"#60a5fa\" },\n    beta: { bg: \"rgba(168,85,247,0.15)\", fg: \"#c084fc\" },\n    free: { bg: \"rgba(34,197,94,0.15)\", fg: \"#4ade80\" },\n  }[kind];\n  return {\n    marginLeft: 6,\n    fontSize: 10,\n    padding: \"1px 6px\",\n    borderRadius: 4,\n    background: palette.bg,\n    color: palette.fg,\n    fontWeight: 500,\n    textTransform: \"uppercase\" as const,\n    letterSpacing: 0.3,\n  };\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  root: {\n    borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n    background: \"rgba(255,255,255,0.02)\",\n    fontSize: 12,\n    display: \"flex\",\n    flexDirection: \"column\",\n    maxHeight: \"60vh\",\n    minHeight: 0,\n  },\n  compactBanner: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    borderBottom: \"1px solid rgba(255,255,255,0.06)\",\n    background: \"rgba(34,197,94,0.04)\",\n    fontSize: 12,\n  },\n  compactBannerBtn: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    cursor: \"pointer\",\n    padding: \"6px 12px\",\n    flex: 1,\n    minWidth: 0,\n  },\n  header: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"8px 12px\",\n  },\n  headerLeft: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n  },\n  headerIcon: { color: \"#60a5fa\" },\n  headerTitle: { fontWeight: 600, fontSize: 12 },\n  headerCounter: {\n    opacity: 0.5,\n    fontSize: 11,\n    marginLeft: 4,\n  },\n  dismissBtn: {\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    opacity: 0.5,\n    cursor: \"pointer\",\n    padding: 2,\n    display: \"flex\",\n  },\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 4,\n    padding: \"4px 8px 10px\",\n    overflowY: \"auto\",\n    minHeight: 0,\n    flex: \"1 1 auto\",\n  },\n  card: {\n    border: \"1px solid hsl(var(--border, 0 0% 100%) / 0.06)\",\n    borderRadius: 6,\n    background: \"hsl(var(--muted, 0 0% 0%) / 0.12)\",\n  },\n  cardDone: {\n    borderColor: \"rgba(34,197,94,0.12)\",\n    background: \"rgba(34,197,94,0.025)\",\n  },\n  cardHeader: {\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    padding: \"7px 9px\",\n    cursor: \"pointer\",\n    textAlign: \"left\" as const,\n  },\n  cardHeaderLeft: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 8,\n    minWidth: 0,\n  },\n  cardTitle: {\n    fontSize: 12,\n    fontWeight: 500,\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n    minWidth: 0,\n    flexWrap: \"wrap\" as const,\n  },\n  requiredPill: {\n    fontSize: 10,\n    padding: \"1px 5px\",\n    borderRadius: 4,\n    background: \"rgba(239,68,68,0.12)\",\n    color: \"#f87171\",\n    fontWeight: 500,\n  },\n  chevron: { opacity: 0.5 },\n  checkDone: {\n    width: 16,\n    height: 16,\n    borderRadius: \"50%\",\n    background: \"#22c55e\",\n    color: \"#fff\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  checkTodo: {\n    width: 16,\n    height: 16,\n    borderRadius: \"50%\",\n    border: \"1px solid rgba(255,255,255,0.2)\",\n  },\n  cardBody: {\n    padding: \"0 10px 10px 34px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 8,\n  },\n  cardDesc: {\n    margin: 0,\n    opacity: 0.65,\n    fontSize: 12,\n    lineHeight: 1.4,\n  },\n  methods: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  method: {\n    padding: \"8px 10px\",\n    border: \"1px solid rgba(255,255,255,0.06)\",\n    borderRadius: 6,\n    background: \"rgba(255,255,255,0.02)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  methodPrimary: {\n    padding: \"10px\",\n    border: \"1px solid rgba(59,130,246,0.25)\",\n    borderRadius: 6,\n    background: \"rgba(59,130,246,0.06)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  methodHeader: { display: \"flex\", alignItems: \"center\" },\n  methodLabel: { fontSize: 12, fontWeight: 500 },\n  methodDesc: { margin: 0, opacity: 0.6, fontSize: 11, lineHeight: 1.4 },\n  secondaryPanel: {\n    paddingTop: 2,\n  },\n  secondaryToggle: {\n    width: \"100%\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: 8,\n    padding: \"7px 8px\",\n    borderRadius: 6,\n    border: \"1px solid rgba(255,255,255,0.08)\",\n    background: \"rgba(255,255,255,0.025)\",\n    color: \"inherit\",\n    cursor: \"pointer\",\n    fontSize: 11,\n    fontWeight: 500,\n    textAlign: \"left\" as const,\n  },\n  secondaryToggleLeft: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 6,\n    minWidth: 0,\n  },\n  methodPickerEmbedded: {\n    paddingTop: 8,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 6,\n  },\n  pickerLabel: { display: \"flex\", flexDirection: \"column\", gap: 3 },\n  form: { display: \"flex\", flexDirection: \"column\", gap: 6 },\n  formLabel: { display: \"flex\", flexDirection: \"column\", gap: 2 },\n  formLabelText: { fontSize: 11, opacity: 0.6 },\n  select: {\n    width: \"100%\",\n    padding: \"6px 8px\",\n    fontSize: 12,\n    borderRadius: 5,\n    border: \"1px solid rgba(255,255,255,0.1)\",\n    background: \"rgba(0,0,0,0.25)\",\n    color: \"inherit\",\n    outline: \"none\",\n    boxSizing: \"border-box\" as const,\n  },\n  input: {\n    width: \"100%\",\n    padding: \"6px 8px\",\n    fontSize: 12,\n    borderRadius: 5,\n    border: \"1px solid rgba(255,255,255,0.1)\",\n    background: \"rgba(0,0,0,0.25)\",\n    color: \"inherit\",\n    outline: \"none\",\n    boxSizing: \"border-box\" as const,\n  },\n  errText: { margin: 0, fontSize: 11, color: \"#f87171\" },\n  footer: {\n    padding: \"0 12px 10px\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n  },\n  hideLink: {\n    background: \"transparent\",\n    border: \"none\",\n    color: \"inherit\",\n    opacity: 0.5,\n    cursor: \"pointer\",\n    fontSize: 11,\n    padding: \"2px 4px\",\n  },\n};\n"]}

package/dist/client/onboarding/SetupButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetupButton.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/SetupButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAwChE"}
+{"version":3,"file":"SetupButton.d.ts","sourceRoot":"","sources":["../../../src/client/onboarding/SetupButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAcH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CA4ChE"}