@agent-native/core 0.8.1 → 0.9.1

package/dist/client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { installRouteChunkRecovery } from \"./route-chunk-recovery.js\";\n\ninstallRouteChunkRecovery();\n\nexport {\n  sendToAgentChat,\n  generateTabId,\n  type AgentChatMessage,\n} from \"./agent-chat.js\";\nexport { useAgentChatGenerating } from \"./use-agent-chat.js\";\nexport { useDevMode } from \"./use-dev-mode.js\";\nexport {\n  agentNativePath,\n  appApiPath,\n  appBasePath,\n  appPath,\n} from \"./api-path.js\";\nexport { useSendToAgentChat } from \"./use-send-to-agent-chat.js\";\nexport {\n  useChatModels,\n  type UseChatModelsResult,\n  type EngineModelGroup,\n} from \"./use-chat-models.js\";\nexport {\n  CodeRequiredDialog,\n  type CodeRequiredDialogProps,\n} from \"./components/CodeRequiredDialog.js\";\nexport {\n  CodeAgentIndicator,\n  type CodeAgentIndicatorProps,\n} from \"./components/CodeAgentIndicator.js\";\nexport {\n  useDbSync,\n  useFileWatcher,\n  useScreenRefreshKey,\n} from \"./use-db-sync.js\";\nexport { cn } from \"./utils.js\";\nexport { ApiKeySettings } from \"./components/ApiKeySettings.js\";\nexport { useSession, type AuthSession } from \"./use-session.js\";\nexport {\n  sendToFrame,\n  onFrameMessage,\n  requestUserInfo,\n  getFrameOrigin,\n  getCallbackOrigin,\n  isInFrame,\n  enterStyleEditing,\n  enterTextEditing,\n  exitSelectionMode,\n  type UserInfo,\n} from \"./frame.js\";\nexport {\n  getBuilderParentOrigin,\n  isInBuilderFrame,\n  sendToBuilderChat,\n  type BuilderChatMessage,\n} from \"./builder-frame.js\";\nexport {\n  NewWorkspaceAppFlow,\n  type NewWorkspaceAppFlowProps,\n  type VaultSecretOption,\n} from \"./NewWorkspaceAppFlow.js\";\nexport {\n  AssistantChat,\n  clearChatStorage,\n  type AssistantChatProps,\n  type AssistantChatHandle,\n} from \"./AssistantChat.js\";\nexport {\n  MultiTabAssistantChat,\n  type MultiTabAssistantChatProps,\n  type MultiTabAssistantChatHeaderProps,\n} from \"./MultiTabAssistantChat.js\";\nexport { createAgentChatAdapter } from \"./agent-chat-adapter.js\";\nexport {\n  PromptComposer,\n  type PromptComposerProps,\n  type PromptComposerFile,\n} from \"./composer/PromptComposer.js\";\nexport {\n  useChatThreads,\n  type ChatThreadSummary,\n  type ChatThreadData,\n} from \"./use-chat-threads.js\";\nexport {\n  AgentPanel,\n  AgentSidebar,\n  AgentToggleButton,\n  focusAgentChat,\n  type AgentPanelProps,\n  type AgentSidebarProps,\n} from \"./AgentPanel.js\";\n// Deprecated — use AgentSidebar + AgentToggleButton instead\nexport {\n  ProductionAgentPanel,\n  type ProductionAgentPanelProps,\n} from \"./ProductionAgentPanel.js\";\nexport {\n  useProductionAgent,\n  type ProductionAgentMessage,\n  type UseProductionAgentOptions,\n  type UseProductionAgentResult,\n} from \"./useProductionAgent.js\";\nexport { Turnstile, type TurnstileProps } from \"./Turnstile.js\";\nexport {\n  OpenSourceBadge,\n  PoweredByBadge,\n  type OpenSourceBadgeProps,\n  type PoweredByBadgeProps,\n} from \"./PoweredByBadge.js\";\nexport { FeedbackButton, type FeedbackButtonProps } from \"./FeedbackButton.js\";\nexport { ErrorBoundary } from \"./ErrorBoundary.js\";\nexport { installRouteChunkRecovery } from \"./route-chunk-recovery.js\";\nexport { ClientOnly } from \"./ClientOnly.js\";\nexport { DefaultSpinner } from \"./DefaultSpinner.js\";\nexport { AgentTerminal, type AgentTerminalProps } from \"./terminal/index.js\";\nexport {\n  trackEvent,\n  trackSessionStatus,\n  configureTracking,\n} from \"./analytics.js\";\nexport {\n  useCollaborativeDoc,\n  emailToColor,\n  emailToName,\n  type UseCollaborativeDocOptions,\n  type UseCollaborativeDocResult,\n  type CollabUser,\n} from \"../collab/client.js\";\nexport {\n  ResourcesPanel,\n  ResourceTree,\n  ResourceEditor,\n  useResources,\n  useResourceTree,\n  useResource,\n  useCreateResource,\n  useUpdateResource,\n  useDeleteResource,\n  useUploadResource,\n  type Resource,\n  type ResourceMeta,\n  type TreeNode,\n  type ResourceScope,\n  type ResourceTreeProps,\n  type ResourceEditorProps,\n} from \"./resources/index.js\";\nexport type {\n  AppToFrameMessage,\n  FrameToAppMessage,\n  FrameMessage,\n  CodeCompleteMessage,\n  ChatRunningMessage,\n} from \"./frame-protocol.js\";\nexport {\n  CommandMenu,\n  useCommandMenuShortcut,\n  openAgentSidebar,\n  submitToAgent,\n  type CommandMenuProps,\n  type CommandGroupProps,\n  type CommandItemProps,\n  type CommandShortcutProps,\n} from \"./CommandMenu.js\";\nexport {\n  DevOverlay,\n  useDevOverlayShortcut,\n  registerDevPanel,\n  unregisterDevPanel,\n  listDevPanels,\n  subscribeDevPanels,\n  useDevOption,\n  clearAllDevOverlayStorage,\n  devOptionKey,\n  DEV_OVERLAY_STORAGE_PREFIX,\n  type DevOverlayProps,\n  type DevPanel,\n  type DevOption,\n  type DevBooleanOption,\n  type DevSelectOption,\n  type DevStringOption,\n  type DevActionOption,\n  type DevOptionValue,\n} from \"./dev-overlay/index.js\";\nexport {\n  useActionQuery,\n  useActionMutation,\n  type ActionRegistry,\n} from \"./use-action.js\";\nexport {\n  ShareButton,\n  ShareDialog,\n  VisibilityBadge,\n  type ShareButtonProps,\n  type ShareDialogProps,\n  type VisibilityBadgeProps,\n} from \"./sharing/index.js\";\nexport {\n  postNavigate,\n  isInAgentEmbed,\n  AGENT_NAVIGATE_MESSAGE_TYPE,\n  type AgentNavigateMessage,\n} from \"./embed.js\";\nexport { IframeEmbed, parseEmbedBody } from \"./IframeEmbed.js\";\nexport {\n  useAvatarUrl,\n  uploadAvatar,\n  invalidateAvatarCache,\n} from \"./use-avatar.js\";\nexport {\n  ObservabilityDashboard,\n  ThumbsFeedback,\n} from \"./observability/index.js\";\n// Presence UI components\nexport {\n  PresenceBar,\n  type PresenceBarProps,\n} from \"./components/PresenceBar.js\";\nexport {\n  AgentPresenceChip,\n  type AgentPresenceChipProps,\n} from \"./components/AgentPresenceChip.js\";\n// Structured data collaboration hooks\nexport {\n  useCollaborativeMap,\n  useCollaborativeArray,\n  type UseCollaborativeMapOptions,\n  type UseCollaborativeMapResult,\n  type UseCollaborativeArrayOptions,\n  type UseCollaborativeArrayResult,\n} from \"../collab/client-struct.js\";\nexport { NotificationsBell } from \"./notifications/index.js\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,yBAAyB,EAAE,CAAC;AAE5B,OAAO,EACL,eAAe,EACf,aAAa,GAEd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EACX,OAAO,GACR,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EACL,aAAa,GAGd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,SAAS,EACT,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAoB,MAAM,kBAAkB,CAAC;AAChE,OAAO,EACL,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,GAElB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,mBAAmB,GAGpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,aAAa,EACb,gBAAgB,GAGjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,qBAAqB,GAGtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EACL,cAAc,GAGf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,cAAc,GAGf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,cAAc,GAGf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAC7E,4DAA4D;AAC5D,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,kBAAkB,GAInB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EACL,eAAe,EACf,cAAc,GAGf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACL,kBAAkB,EAClB,eAAe,GAEhB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,GACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,WAAW,GAIZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAOlB,MAAM,sBAAsB,CAAC;AAQ9B,OAAO,EACL,WAAW,EACX,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,GAKd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,yBAAyB,EACzB,YAAY,EACZ,0BAA0B,GAS3B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,cAAc,EACd,iBAAiB,GAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,WAAW,EACX,WAAW,EACX,eAAe,GAIhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,YAAY,EACZ,cAAc,EACd,2BAA2B,GAE5B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,sBAAsB,EACtB,cAAc,GACf,MAAM,0BAA0B,CAAC;AAClC,yBAAyB;AACzB,OAAO,EACL,WAAW,GAEZ,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,iBAAiB,GAElB,MAAM,mCAAmC,CAAC;AAC3C,sCAAsC;AACtC,OAAO,EACL,mBAAmB,EACnB,qBAAqB,GAKtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["import { installRouteChunkRecovery } from \"./route-chunk-recovery.js\";\n\ninstallRouteChunkRecovery();\n\nexport {\n  sendToAgentChat,\n  generateTabId,\n  type AgentChatMessage,\n} from \"./agent-chat.js\";\nexport { useAgentChatGenerating } from \"./use-agent-chat.js\";\nexport { useDevMode } from \"./use-dev-mode.js\";\nexport {\n  agentNativePath,\n  appApiPath,\n  appBasePath,\n  appPath,\n} from \"./api-path.js\";\nexport { useSendToAgentChat } from \"./use-send-to-agent-chat.js\";\nexport {\n  useChatModels,\n  type UseChatModelsResult,\n  type EngineModelGroup,\n} from \"./use-chat-models.js\";\nexport {\n  CodeRequiredDialog,\n  type CodeRequiredDialogProps,\n} from \"./components/CodeRequiredDialog.js\";\nexport {\n  CodeAgentIndicator,\n  type CodeAgentIndicatorProps,\n} from \"./components/CodeAgentIndicator.js\";\nexport {\n  useDbSync,\n  useFileWatcher,\n  useScreenRefreshKey,\n} from \"./use-db-sync.js\";\nexport { cn } from \"./utils.js\";\nexport { ApiKeySettings } from \"./components/ApiKeySettings.js\";\nexport { useSession, type AuthSession } from \"./use-session.js\";\nexport {\n  sendToFrame,\n  onFrameMessage,\n  requestUserInfo,\n  getFrameOrigin,\n  getCallbackOrigin,\n  isInFrame,\n  enterStyleEditing,\n  enterTextEditing,\n  exitSelectionMode,\n  type UserInfo,\n} from \"./frame.js\";\nexport {\n  getBuilderParentOrigin,\n  isInBuilderFrame,\n  sendToBuilderChat,\n  type BuilderChatMessage,\n} from \"./builder-frame.js\";\nexport {\n  NewWorkspaceAppFlow,\n  type NewWorkspaceAppFlowProps,\n  type VaultSecretOption,\n} from \"./NewWorkspaceAppFlow.js\";\nexport {\n  AssistantChat,\n  clearChatStorage,\n  type AssistantChatProps,\n  type AssistantChatHandle,\n} from \"./AssistantChat.js\";\nexport {\n  MultiTabAssistantChat,\n  type MultiTabAssistantChatProps,\n  type MultiTabAssistantChatHeaderProps,\n} from \"./MultiTabAssistantChat.js\";\nexport { createAgentChatAdapter } from \"./agent-chat-adapter.js\";\nexport {\n  PromptComposer,\n  type PromptComposerProps,\n  type PromptComposerFile,\n} from \"./composer/PromptComposer.js\";\nexport {\n  useChatThreads,\n  type ChatThreadSummary,\n  type ChatThreadData,\n} from \"./use-chat-threads.js\";\nexport {\n  AgentPanel,\n  AgentSidebar,\n  AgentToggleButton,\n  focusAgentChat,\n  type AgentPanelProps,\n  type AgentSidebarProps,\n} from \"./AgentPanel.js\";\nexport { SettingsPanel, type SettingsPanelProps } from \"./settings/index.js\";\n// Deprecated — use AgentSidebar + AgentToggleButton instead\nexport {\n  ProductionAgentPanel,\n  type ProductionAgentPanelProps,\n} from \"./ProductionAgentPanel.js\";\nexport {\n  useProductionAgent,\n  type ProductionAgentMessage,\n  type UseProductionAgentOptions,\n  type UseProductionAgentResult,\n} from \"./useProductionAgent.js\";\nexport { Turnstile, type TurnstileProps } from \"./Turnstile.js\";\nexport {\n  OpenSourceBadge,\n  PoweredByBadge,\n  type OpenSourceBadgeProps,\n  type PoweredByBadgeProps,\n} from \"./PoweredByBadge.js\";\nexport { FeedbackButton, type FeedbackButtonProps } from \"./FeedbackButton.js\";\nexport { ErrorBoundary } from \"./ErrorBoundary.js\";\nexport { installRouteChunkRecovery } from \"./route-chunk-recovery.js\";\nexport { ClientOnly } from \"./ClientOnly.js\";\nexport { DefaultSpinner } from \"./DefaultSpinner.js\";\nexport {\n  getThemeInitScript,\n  themeInitScript,\n  type ThemePreference,\n} from \"./theme.js\";\nexport { AgentTerminal, type AgentTerminalProps } from \"./terminal/index.js\";\nexport {\n  trackEvent,\n  trackSessionStatus,\n  configureTracking,\n  setSentryUser,\n} from \"./analytics.js\";\nexport {\n  useCollaborativeDoc,\n  emailToColor,\n  emailToName,\n  type UseCollaborativeDocOptions,\n  type UseCollaborativeDocResult,\n  type CollabUser,\n} from \"../collab/client.js\";\nexport {\n  ResourcesPanel,\n  ResourceTree,\n  ResourceEditor,\n  useResources,\n  useResourceTree,\n  useResource,\n  useCreateResource,\n  useUpdateResource,\n  useDeleteResource,\n  useUploadResource,\n  type Resource,\n  type ResourceMeta,\n  type TreeNode,\n  type ResourceScope,\n  type ResourceTreeProps,\n  type ResourceEditorProps,\n} from \"./resources/index.js\";\nexport type {\n  AppToFrameMessage,\n  FrameToAppMessage,\n  FrameMessage,\n  CodeCompleteMessage,\n  ChatRunningMessage,\n} from \"./frame-protocol.js\";\nexport {\n  CommandMenu,\n  useCommandMenuShortcut,\n  openAgentSidebar,\n  submitToAgent,\n  type CommandMenuProps,\n  type CommandGroupProps,\n  type CommandItemProps,\n  type CommandShortcutProps,\n} from \"./CommandMenu.js\";\nexport {\n  DevOverlay,\n  useDevOverlayShortcut,\n  registerDevPanel,\n  unregisterDevPanel,\n  listDevPanels,\n  subscribeDevPanels,\n  useDevOption,\n  clearAllDevOverlayStorage,\n  devOptionKey,\n  DEV_OVERLAY_STORAGE_PREFIX,\n  type DevOverlayProps,\n  type DevPanel,\n  type DevOption,\n  type DevBooleanOption,\n  type DevSelectOption,\n  type DevStringOption,\n  type DevActionOption,\n  type DevOptionValue,\n} from \"./dev-overlay/index.js\";\nexport {\n  useActionQuery,\n  useActionMutation,\n  type ActionRegistry,\n} from \"./use-action.js\";\nexport {\n  ShareButton,\n  ShareDialog,\n  VisibilityBadge,\n  type ShareButtonProps,\n  type ShareDialogProps,\n  type VisibilityBadgeProps,\n} from \"./sharing/index.js\";\nexport {\n  postNavigate,\n  isInAgentEmbed,\n  AGENT_NAVIGATE_MESSAGE_TYPE,\n  type AgentNavigateMessage,\n} from \"./embed.js\";\nexport { IframeEmbed, parseEmbedBody } from \"./IframeEmbed.js\";\nexport {\n  useAvatarUrl,\n  uploadAvatar,\n  invalidateAvatarCache,\n} from \"./use-avatar.js\";\nexport {\n  ObservabilityDashboard,\n  ThumbsFeedback,\n} from \"./observability/index.js\";\n// Presence UI components\nexport {\n  PresenceBar,\n  type PresenceBarProps,\n} from \"./components/PresenceBar.js\";\nexport {\n  AgentPresenceChip,\n  type AgentPresenceChipProps,\n} from \"./components/AgentPresenceChip.js\";\n// Structured data collaboration hooks\nexport {\n  useCollaborativeMap,\n  useCollaborativeArray,\n  type UseCollaborativeMapOptions,\n  type UseCollaborativeMapResult,\n  type UseCollaborativeArrayOptions,\n  type UseCollaborativeArrayResult,\n} from \"../collab/client-struct.js\";\nexport { NotificationsBell } from \"./notifications/index.js\";\n"]}

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":"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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\";\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, }) {