@agent-native/core 0.7.19 → 0.7.21

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":["export {\n  sendToAgentChat,\n  generateTabId,\n  type AgentChatMessage,\n} from \"./agent-chat.js\";\nexport { DEV_MODE_USER_EMAIL } from \"./dev-mode.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  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  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  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 { PoweredByBadge, type PoweredByBadgeProps } from \"./PoweredByBadge.js\";\nexport { FeedbackButton, type FeedbackButtonProps } from \"./FeedbackButton.js\";\nexport { ErrorBoundary } from \"./ErrorBoundary.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":"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","sourcesContent":["export {\n  sendToAgentChat,\n  generateTabId,\n  type AgentChatMessage,\n} from \"./agent-chat.js\";\nexport { DEV_MODE_USER_EMAIL } from \"./dev-mode.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  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  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 { 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"]}

package/dist/client/notifications/NotificationsBell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsBell.d.ts","sourceRoot":"","sources":["../../../src/client/notifications/NotificationsBell.tsx"],"names":[],"mappings":"AAcA,UAAU,sBAAsB;IAC9B,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAMD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAwB,EACxB,SAAS,EACT,oBAA4B,GAC7B,EAAE,sBAAsB,2CAkRxB"}
+{"version":3,"file":"NotificationsBell.d.ts","sourceRoot":"","sources":["../../../src/client/notifications/NotificationsBell.tsx"],"names":[],"mappings":"AAcA,UAAU,sBAAsB;IAC9B,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAMD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAwB,EACxB,SAAS,EACT,oBAA4B,GAC7B,EAAE,sBAAsB,2CAoTxB"}

package/dist/client/notifications/NotificationsBell.js

@@ -16,6 +16,7 @@ export function NotificationsBell({ pollMs = POLL_MS_DEFAULT, className, browser
     const [unreadCount, setUnreadCount] = useState(0);
     const [open, setOpen] = useState(false);
     const [items, setItems] = useState(null);
+    const [menuPosition, setMenuPosition] = useState(null);
     // Init to "default" unconditionally so server and client render the same
     // HTML — reading Notification.permission at init would diverge between SSR
     // ("denied", no API) and hydration ("default"/"granted"), causing a mismatch
@@ -27,6 +28,7 @@ export function NotificationsBell({ pollMs = POLL_MS_DEFAULT, className, browser
             setPermission(Notification.permission);
     }, []);
     const menuRef = useRef(null);
+    const triggerRef = useRef(null);
     // Ids already popped as browser notifications. Seeded on first run so
     // existing unread don't pop retroactively on page load.
     const seenIdsRef = useRef(null);
@@ -103,6 +105,28 @@ export function NotificationsBell({ pollMs = POLL_MS_DEFAULT, className, browser
             return;
         loadItems();
     }, [open, loadItems]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const updatePosition = () => {
+            const rect = triggerRef.current?.getBoundingClientRect();
+            if (!rect)
+                return;
+            const width = 320;
+            const margin = 12;
+            setMenuPosition({
+                top: rect.bottom + 8,
+                left: Math.min(Math.max(rect.right - width, margin), window.innerWidth - width - margin),
+            });
+        };
+        updatePosition();
+        window.addEventListener("resize", updatePosition);
+        window.addEventListener("scroll", updatePosition, true);
+        return () => {
+            window.removeEventListener("resize", updatePosition);
+            window.removeEventListener("scroll", updatePosition, true);
+        };
+    }, [open]);
     useEffect(() => {
         if (!open)
             return;
@@ -157,7 +181,10 @@ export function NotificationsBell({ pollMs = POLL_MS_DEFAULT, className, browser
     const hasUnread = unreadCount > 0;
     const Icon = hasUnread ? IconBellRinging : IconBell;
     return (_jsxs("div", { ref: menuRef, className: "an-notifications-bell relative inline-flex" +
-            (className ? ` ${className}` : ""), children: [_jsxs("button", { type: "button", "aria-label": hasUnread ? `${unreadCount} unread notifications` : "Notifications", onClick: () => setOpen((v) => !v), className: "an-notifications-bell__trigger relative inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground", children: [_jsx(Icon, { size: 18, "aria-hidden": true }), hasUnread ? (_jsx("span", { "aria-hidden": true, className: "an-notifications-bell__badge absolute -right-0.5 -top-0.5 rounded-full bg-destructive px-1 text-[10px] leading-[14px] font-medium text-destructive-foreground", children: unreadCount > 99 ? "99+" : unreadCount })) : null] }), open ? (_jsxs("div", { role: "menu", className: "an-notifications-bell__menu absolute right-0 top-full z-50 mt-2 w-80 rounded-md border border-border bg-popover text-popover-foreground shadow-lg", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2 text-sm font-medium", children: [_jsx("span", { children: "Notifications" }), hasUnread ? (_jsx("button", { type: "button", onClick: markAllRead, className: "text-xs text-primary hover:underline", children: "Mark all read" })) : null] }), browserNotifications &&
+            (className ? ` ${className}` : ""), children: [_jsxs("button", { ref: triggerRef, type: "button", "aria-label": hasUnread ? `${unreadCount} unread notifications` : "Notifications", onClick: () => setOpen((v) => !v), className: "an-notifications-bell__trigger relative inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground", children: [_jsx(Icon, { size: 18, "aria-hidden": true }), hasUnread ? (_jsx("span", { "aria-hidden": true, className: "an-notifications-bell__badge absolute -right-0.5 -top-0.5 rounded-full bg-destructive px-1 text-[10px] leading-[14px] font-medium text-destructive-foreground", children: unreadCount > 99 ? "99+" : unreadCount })) : null] }), open ? (_jsxs("div", { role: "menu", className: "an-notifications-bell__menu fixed z-[2100] w-80 rounded-md border border-border bg-popover text-popover-foreground shadow-lg", style: {
+                    top: menuPosition?.top ?? 48,
+                    left: menuPosition?.left ?? 12,
+                }, children: [_jsxs("div", { className: "flex items-center justify-between border-b border-border px-3 py-2 text-sm font-medium", children: [_jsx("span", { children: "Notifications" }), hasUnread ? (_jsx("button", { type: "button", onClick: markAllRead, className: "text-xs text-primary hover:underline", children: "Mark all read" })) : null] }), browserNotifications &&
                         SUPPORTS_NOTIFICATION &&
                         permission === "default" ? (_jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-accent/40 px-3 py-2 text-xs text-foreground", children: [_jsx("span", { children: "Get a system popup for new notifications." }), _jsx("button", { type: "button", onClick: async () => {
                                     const result = await Notification.requestPermission();

package/dist/client/notifications/NotificationsBell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsBell.js","sourceRoot":"","sources":["../../../src/client/notifications/NotificationsBell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  IconBell,\n  IconBellRinging,\n  IconLoader2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { usePausingInterval } from \"../use-pausing-interval.js\";\nimport type {\n  Notification as NotificationDto,\n  NotificationSeverity,\n} from \"../../notifications/types.js\";\n\ninterface NotificationsBellProps {\n  /** Poll interval in ms. Set to 0 to disable polling. Default: 10000. */\n  pollMs?: number;\n  /** Optional className for the outer container. */\n  className?: string;\n  /**\n   * When true, fires a system-level `new Notification(...)` popup for each\n   * new unread notification — handy when the tab is in the background.\n   * Renders an \"Enable browser notifications\" prompt in the dropdown until\n   * the user grants permission. Silently no-ops on denied or unsupported.\n   */\n  browserNotifications?: boolean;\n}\n\nconst POLL_MS_DEFAULT = 10_000;\nconst SUPPORTS_NOTIFICATION =\n  typeof window !== \"undefined\" && \"Notification\" in window;\n\n/**\n * Header-bar bell that shows the unread-notification count and a dropdown of\n * recent entries. Polling keeps it in sync (the framework poll loop already\n * bumps a version counter so notifications ride on that signal, but we poll\n * the count endpoint directly so the bell updates even outside an app-state\n * change).\n */\nexport function NotificationsBell({\n  pollMs = POLL_MS_DEFAULT,\n  className,\n  browserNotifications = false,\n}: NotificationsBellProps) {\n  const [unreadCount, setUnreadCount] = useState(0);\n  const [open, setOpen] = useState(false);\n  const [items, setItems] = useState<NotificationDto[] | null>(null);\n  // Init to \"default\" unconditionally so server and client render the same\n  // HTML — reading Notification.permission at init would diverge between SSR\n  // (\"denied\", no API) and hydration (\"default\"/\"granted\"), causing a mismatch\n  // in templates that mount the bell outside a ClientOnly boundary. We sync\n  // to the real value in a useEffect below.\n  const [permission, setPermission] =\n    useState<NotificationPermission>(\"default\");\n\n  useEffect(() => {\n    if (SUPPORTS_NOTIFICATION) setPermission(Notification.permission);\n  }, []);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  // Ids already popped as browser notifications. Seeded on first run so\n  // existing unread don't pop retroactively on page load.\n  const seenIdsRef = useRef<Set<string> | null>(null);\n\n  const loadItems = useCallback(async () => {\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/notifications?limit=20\"),\n      );\n      if (!res.ok) return;\n      const rows = (await res.json()) as NotificationDto[];\n      setItems(rows);\n    } catch {\n      // best-effort\n    }\n  }, []);\n\n  // One polling callback used by both paths. When browserNotifications is on\n  // we fetch the unread list (source of truth for both the badge count AND\n  // the popup loop — no second /count request), and pop Notification() for\n  // any new ids. When off, we fetch just /count. The unread-list branch also\n  // opts out of visibility pause so popups still fire for backgrounded tabs.\n  const refresh = useCallback(async () => {\n    if (browserNotifications) {\n      try {\n        const res = await fetch(\n          agentNativePath(\"/_agent-native/notifications?unread=true&limit=20\"),\n        );\n        if (!res.ok) return;\n        const rows = (await res.json()) as NotificationDto[];\n        setUnreadCount(rows.length);\n        // First run: treat everything as already seen so we don't pop\n        // retroactively on page load. After that, rebuild from the current\n        // unread list so ids for read/archived rows drop out — keeps the\n        // set bounded to the unread fetch limit (~20).\n        const prev = seenIdsRef.current;\n        const seen = new Set<string>();\n        for (const n of rows) {\n          const alreadySeen = prev?.has(n.id) ?? true;\n          seen.add(n.id);\n          if (alreadySeen) continue;\n          if (!SUPPORTS_NOTIFICATION) continue;\n          if (Notification.permission !== \"granted\") continue;\n          try {\n            new Notification(n.title, { body: n.body, tag: n.id });\n          } catch {\n            // Safari / restricted contexts may throw even when permission\n            // claims to be granted — silent no-op.\n          }\n        }\n        seenIdsRef.current = seen;\n      } catch {\n        // best-effort\n      }\n      return;\n    }\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/notifications/count\"),\n      );\n      if (!res.ok) return;\n      const data = (await res.json()) as { count: number };\n      setUnreadCount(data.count);\n    } catch {\n      // best-effort\n    }\n  }, [browserNotifications]);\n\n  usePausingInterval(\n    refresh,\n    pollMs,\n    /* pauseWhenHidden */ !browserNotifications,\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    loadItems();\n  }, [open, loadItems]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onDocClick = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDocClick);\n    return () => document.removeEventListener(\"mousedown\", onDocClick);\n  }, [open]);\n\n  const markRead = async (id: string) => {\n    try {\n      await fetch(agentNativePath(`/_agent-native/notifications/${id}/read`), {\n        method: \"POST\",\n      });\n      setItems((prev) =>\n        prev\n          ? prev.map((n) =>\n              n.id === id ? { ...n, readAt: new Date().toISOString() } : n,\n            )\n          : prev,\n      );\n      refresh();\n    } catch {\n      // best-effort\n    }\n  };\n\n  const markAllRead = async () => {\n    try {\n      await fetch(agentNativePath(`/_agent-native/notifications/read-all`), {\n        method: \"POST\",\n      });\n      setItems((prev) =>\n        prev\n          ? prev.map((n) =>\n              n.readAt ? n : { ...n, readAt: new Date().toISOString() },\n            )\n          : prev,\n      );\n      setUnreadCount(0);\n    } catch {\n      // best-effort\n    }\n  };\n\n  const dismiss = async (id: string) => {\n    try {\n      await fetch(agentNativePath(`/_agent-native/notifications/${id}`), {\n        method: \"DELETE\",\n      });\n      setItems((prev) => (prev ? prev.filter((n) => n.id !== id) : prev));\n      refresh();\n    } catch {\n      // best-effort\n    }\n  };\n\n  const hasUnread = unreadCount > 0;\n  const Icon = hasUnread ? IconBellRinging : IconBell;\n\n  return (\n    <div\n      ref={menuRef}\n      className={\n        \"an-notifications-bell relative inline-flex\" +\n        (className ? ` ${className}` : \"\")\n      }\n    >\n      <button\n        type=\"button\"\n        aria-label={\n          hasUnread ? `${unreadCount} unread notifications` : \"Notifications\"\n        }\n        onClick={() => setOpen((v) => !v)}\n        className=\"an-notifications-bell__trigger relative inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground\"\n      >\n        <Icon size={18} aria-hidden />\n        {hasUnread ? (\n          <span\n            aria-hidden\n            className=\"an-notifications-bell__badge absolute -right-0.5 -top-0.5 rounded-full bg-destructive px-1 text-[10px] leading-[14px] font-medium text-destructive-foreground\"\n          >\n            {unreadCount > 99 ? \"99+\" : unreadCount}\n          </span>\n        ) : null}\n      </button>\n      {open ? (\n        <div\n          role=\"menu\"\n          className=\"an-notifications-bell__menu absolute right-0 top-full z-50 mt-2 w-80 rounded-md border border-border bg-popover text-popover-foreground shadow-lg\"\n        >\n          <div className=\"flex items-center justify-between border-b border-border px-3 py-2 text-sm font-medium\">\n            <span>Notifications</span>\n            {hasUnread ? (\n              <button\n                type=\"button\"\n                onClick={markAllRead}\n                className=\"text-xs text-primary hover:underline\"\n              >\n                Mark all read\n              </button>\n            ) : null}\n          </div>\n          {browserNotifications &&\n          SUPPORTS_NOTIFICATION &&\n          permission === \"default\" ? (\n            <div className=\"flex items-center justify-between gap-2 border-b border-border bg-accent/40 px-3 py-2 text-xs text-foreground\">\n              <span>Get a system popup for new notifications.</span>\n              <button\n                type=\"button\"\n                onClick={async () => {\n                  const result = await Notification.requestPermission();\n                  setPermission(result);\n                }}\n                className=\"shrink-0 rounded bg-primary px-2 py-0.5 font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                Enable\n              </button>\n            </div>\n          ) : null}\n          <div className=\"max-h-96 overflow-y-auto\">\n            {items === null ? (\n              <div className=\"flex items-center gap-2 p-4 text-sm text-muted-foreground\">\n                <IconLoader2 size={14} className=\"animate-spin\" /> Loading…\n              </div>\n            ) : items.length > 0 ? (\n              items.map((n) => (\n                <div\n                  key={n.id}\n                  className={\n                    \"group relative border-b border-border last:border-b-0 hover:bg-accent/40 \" +\n                    (n.readAt ? \"opacity-60\" : \"\")\n                  }\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => (n.readAt ? undefined : markRead(n.id))}\n                    className=\"flex w-full flex-col items-start gap-0.5 px-3 py-2 pr-8 text-left\"\n                  >\n                    <div className=\"flex w-full items-center justify-between gap-2\">\n                      <span className=\"truncate text-sm font-medium text-foreground\">\n                        {n.title}\n                      </span>\n                      <SeverityBadge severity={n.severity} />\n                    </div>\n                    {n.body ? (\n                      <span className=\"line-clamp-2 text-xs text-muted-foreground\">\n                        {n.body}\n                      </span>\n                    ) : null}\n                    <span className=\"text-[10px] text-muted-foreground/70\">\n                      {new Date(n.createdAt).toLocaleString()}\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    aria-label=\"Dismiss notification\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      void dismiss(n.id);\n                    }}\n                    className=\"absolute right-2 top-2 hidden rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-foreground group-hover:flex\"\n                  >\n                    <IconX size={12} />\n                  </button>\n                </div>\n              ))\n            ) : (\n              <div className=\"p-4 text-sm text-muted-foreground\">\n                No notifications.\n              </div>\n            )}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n// Severity color pairs — use /20 opacity backdrops that work against both\n// light and dark theme backgrounds; text uses 700/300 so it stays readable\n// in each mode (the `dark:` prefix is one of the few places where explicit\n// variants are necessary since these are brand-color tokens, not semantic).\nfunction SeverityBadge({ severity }: { severity: NotificationSeverity }) {\n  const color =\n    severity === \"critical\"\n      ? \"bg-red-500/20 text-red-700 dark:text-red-300\"\n      : severity === \"warning\"\n        ? \"bg-amber-500/20 text-amber-700 dark:text-amber-300\"\n        : \"bg-muted text-muted-foreground\";\n  return (\n    <span className={`rounded px-1.5 py-0.5 text-[10px] font-medium ${color}`}>\n      {severity}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"NotificationsBell.js","sourceRoot":"","sources":["../../../src/client/notifications/NotificationsBell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"../api-path.js\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  IconBell,\n  IconBellRinging,\n  IconLoader2,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { usePausingInterval } from \"../use-pausing-interval.js\";\nimport type {\n  Notification as NotificationDto,\n  NotificationSeverity,\n} from \"../../notifications/types.js\";\n\ninterface NotificationsBellProps {\n  /** Poll interval in ms. Set to 0 to disable polling. Default: 10000. */\n  pollMs?: number;\n  /** Optional className for the outer container. */\n  className?: string;\n  /**\n   * When true, fires a system-level `new Notification(...)` popup for each\n   * new unread notification — handy when the tab is in the background.\n   * Renders an \"Enable browser notifications\" prompt in the dropdown until\n   * the user grants permission. Silently no-ops on denied or unsupported.\n   */\n  browserNotifications?: boolean;\n}\n\nconst POLL_MS_DEFAULT = 10_000;\nconst SUPPORTS_NOTIFICATION =\n  typeof window !== \"undefined\" && \"Notification\" in window;\n\n/**\n * Header-bar bell that shows the unread-notification count and a dropdown of\n * recent entries. Polling keeps it in sync (the framework poll loop already\n * bumps a version counter so notifications ride on that signal, but we poll\n * the count endpoint directly so the bell updates even outside an app-state\n * change).\n */\nexport function NotificationsBell({\n  pollMs = POLL_MS_DEFAULT,\n  className,\n  browserNotifications = false,\n}: NotificationsBellProps) {\n  const [unreadCount, setUnreadCount] = useState(0);\n  const [open, setOpen] = useState(false);\n  const [items, setItems] = useState<NotificationDto[] | null>(null);\n  const [menuPosition, setMenuPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  // Init to \"default\" unconditionally so server and client render the same\n  // HTML — reading Notification.permission at init would diverge between SSR\n  // (\"denied\", no API) and hydration (\"default\"/\"granted\"), causing a mismatch\n  // in templates that mount the bell outside a ClientOnly boundary. We sync\n  // to the real value in a useEffect below.\n  const [permission, setPermission] =\n    useState<NotificationPermission>(\"default\");\n\n  useEffect(() => {\n    if (SUPPORTS_NOTIFICATION) setPermission(Notification.permission);\n  }, []);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  // Ids already popped as browser notifications. Seeded on first run so\n  // existing unread don't pop retroactively on page load.\n  const seenIdsRef = useRef<Set<string> | null>(null);\n\n  const loadItems = useCallback(async () => {\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/notifications?limit=20\"),\n      );\n      if (!res.ok) return;\n      const rows = (await res.json()) as NotificationDto[];\n      setItems(rows);\n    } catch {\n      // best-effort\n    }\n  }, []);\n\n  // One polling callback used by both paths. When browserNotifications is on\n  // we fetch the unread list (source of truth for both the badge count AND\n  // the popup loop — no second /count request), and pop Notification() for\n  // any new ids. When off, we fetch just /count. The unread-list branch also\n  // opts out of visibility pause so popups still fire for backgrounded tabs.\n  const refresh = useCallback(async () => {\n    if (browserNotifications) {\n      try {\n        const res = await fetch(\n          agentNativePath(\"/_agent-native/notifications?unread=true&limit=20\"),\n        );\n        if (!res.ok) return;\n        const rows = (await res.json()) as NotificationDto[];\n        setUnreadCount(rows.length);\n        // First run: treat everything as already seen so we don't pop\n        // retroactively on page load. After that, rebuild from the current\n        // unread list so ids for read/archived rows drop out — keeps the\n        // set bounded to the unread fetch limit (~20).\n        const prev = seenIdsRef.current;\n        const seen = new Set<string>();\n        for (const n of rows) {\n          const alreadySeen = prev?.has(n.id) ?? true;\n          seen.add(n.id);\n          if (alreadySeen) continue;\n          if (!SUPPORTS_NOTIFICATION) continue;\n          if (Notification.permission !== \"granted\") continue;\n          try {\n            new Notification(n.title, { body: n.body, tag: n.id });\n          } catch {\n            // Safari / restricted contexts may throw even when permission\n            // claims to be granted — silent no-op.\n          }\n        }\n        seenIdsRef.current = seen;\n      } catch {\n        // best-effort\n      }\n      return;\n    }\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/notifications/count\"),\n      );\n      if (!res.ok) return;\n      const data = (await res.json()) as { count: number };\n      setUnreadCount(data.count);\n    } catch {\n      // best-effort\n    }\n  }, [browserNotifications]);\n\n  usePausingInterval(\n    refresh,\n    pollMs,\n    /* pauseWhenHidden */ !browserNotifications,\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    loadItems();\n  }, [open, loadItems]);\n\n  useEffect(() => {\n    if (!open) return;\n    const updatePosition = () => {\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (!rect) return;\n      const width = 320;\n      const margin = 12;\n      setMenuPosition({\n        top: rect.bottom + 8,\n        left: Math.min(\n          Math.max(rect.right - width, margin),\n          window.innerWidth - width - margin,\n        ),\n      });\n    };\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [open]);\n\n  useEffect(() => {\n    if (!open) return;\n    const onDocClick = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", onDocClick);\n    return () => document.removeEventListener(\"mousedown\", onDocClick);\n  }, [open]);\n\n  const markRead = async (id: string) => {\n    try {\n      await fetch(agentNativePath(`/_agent-native/notifications/${id}/read`), {\n        method: \"POST\",\n      });\n      setItems((prev) =>\n        prev\n          ? prev.map((n) =>\n              n.id === id ? { ...n, readAt: new Date().toISOString() } : n,\n            )\n          : prev,\n      );\n      refresh();\n    } catch {\n      // best-effort\n    }\n  };\n\n  const markAllRead = async () => {\n    try {\n      await fetch(agentNativePath(`/_agent-native/notifications/read-all`), {\n        method: \"POST\",\n      });\n      setItems((prev) =>\n        prev\n          ? prev.map((n) =>\n              n.readAt ? n : { ...n, readAt: new Date().toISOString() },\n            )\n          : prev,\n      );\n      setUnreadCount(0);\n    } catch {\n      // best-effort\n    }\n  };\n\n  const dismiss = async (id: string) => {\n    try {\n      await fetch(agentNativePath(`/_agent-native/notifications/${id}`), {\n        method: \"DELETE\",\n      });\n      setItems((prev) => (prev ? prev.filter((n) => n.id !== id) : prev));\n      refresh();\n    } catch {\n      // best-effort\n    }\n  };\n\n  const hasUnread = unreadCount > 0;\n  const Icon = hasUnread ? IconBellRinging : IconBell;\n\n  return (\n    <div\n      ref={menuRef}\n      className={\n        \"an-notifications-bell relative inline-flex\" +\n        (className ? ` ${className}` : \"\")\n      }\n    >\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        aria-label={\n          hasUnread ? `${unreadCount} unread notifications` : \"Notifications\"\n        }\n        onClick={() => setOpen((v) => !v)}\n        className=\"an-notifications-bell__trigger relative inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/40 hover:text-foreground\"\n      >\n        <Icon size={18} aria-hidden />\n        {hasUnread ? (\n          <span\n            aria-hidden\n            className=\"an-notifications-bell__badge absolute -right-0.5 -top-0.5 rounded-full bg-destructive px-1 text-[10px] leading-[14px] font-medium text-destructive-foreground\"\n          >\n            {unreadCount > 99 ? \"99+\" : unreadCount}\n          </span>\n        ) : null}\n      </button>\n      {open ? (\n        <div\n          role=\"menu\"\n          className=\"an-notifications-bell__menu fixed z-[2100] w-80 rounded-md border border-border bg-popover text-popover-foreground shadow-lg\"\n          style={{\n            top: menuPosition?.top ?? 48,\n            left: menuPosition?.left ?? 12,\n          }}\n        >\n          <div className=\"flex items-center justify-between border-b border-border px-3 py-2 text-sm font-medium\">\n            <span>Notifications</span>\n            {hasUnread ? (\n              <button\n                type=\"button\"\n                onClick={markAllRead}\n                className=\"text-xs text-primary hover:underline\"\n              >\n                Mark all read\n              </button>\n            ) : null}\n          </div>\n          {browserNotifications &&\n          SUPPORTS_NOTIFICATION &&\n          permission === \"default\" ? (\n            <div className=\"flex items-center justify-between gap-2 border-b border-border bg-accent/40 px-3 py-2 text-xs text-foreground\">\n              <span>Get a system popup for new notifications.</span>\n              <button\n                type=\"button\"\n                onClick={async () => {\n                  const result = await Notification.requestPermission();\n                  setPermission(result);\n                }}\n                className=\"shrink-0 rounded bg-primary px-2 py-0.5 font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                Enable\n              </button>\n            </div>\n          ) : null}\n          <div className=\"max-h-96 overflow-y-auto\">\n            {items === null ? (\n              <div className=\"flex items-center gap-2 p-4 text-sm text-muted-foreground\">\n                <IconLoader2 size={14} className=\"animate-spin\" /> Loading…\n              </div>\n            ) : items.length > 0 ? (\n              items.map((n) => (\n                <div\n                  key={n.id}\n                  className={\n                    \"group relative border-b border-border last:border-b-0 hover:bg-accent/40 \" +\n                    (n.readAt ? \"opacity-60\" : \"\")\n                  }\n                >\n                  <button\n                    type=\"button\"\n                    onClick={() => (n.readAt ? undefined : markRead(n.id))}\n                    className=\"flex w-full flex-col items-start gap-0.5 px-3 py-2 pr-8 text-left\"\n                  >\n                    <div className=\"flex w-full items-center justify-between gap-2\">\n                      <span className=\"truncate text-sm font-medium text-foreground\">\n                        {n.title}\n                      </span>\n                      <SeverityBadge severity={n.severity} />\n                    </div>\n                    {n.body ? (\n                      <span className=\"line-clamp-2 text-xs text-muted-foreground\">\n                        {n.body}\n                      </span>\n                    ) : null}\n                    <span className=\"text-[10px] text-muted-foreground/70\">\n                      {new Date(n.createdAt).toLocaleString()}\n                    </span>\n                  </button>\n                  <button\n                    type=\"button\"\n                    aria-label=\"Dismiss notification\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      void dismiss(n.id);\n                    }}\n                    className=\"absolute right-2 top-2 hidden rounded p-0.5 text-muted-foreground hover:bg-accent hover:text-foreground group-hover:flex\"\n                  >\n                    <IconX size={12} />\n                  </button>\n                </div>\n              ))\n            ) : (\n              <div className=\"p-4 text-sm text-muted-foreground\">\n                No notifications.\n              </div>\n            )}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n// Severity color pairs — use /20 opacity backdrops that work against both\n// light and dark theme backgrounds; text uses 700/300 so it stays readable\n// in each mode (the `dark:` prefix is one of the few places where explicit\n// variants are necessary since these are brand-color tokens, not semantic).\nfunction SeverityBadge({ severity }: { severity: NotificationSeverity }) {\n  const color =\n    severity === \"critical\"\n      ? \"bg-red-500/20 text-red-700 dark:text-red-300\"\n      : severity === \"warning\"\n        ? \"bg-amber-500/20 text-amber-700 dark:text-amber-300\"\n        : \"bg-muted text-muted-foreground\";\n  return (\n    <span className={`rounded px-1.5 py-0.5 text-[10px] font-medium ${color}`}>\n      {severity}\n    </span>\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":"AA6BA,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":"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"}

package/dist/client/onboarding/OnboardingPanel.js

@@ -8,7 +8,7 @@ import { agentNativePath } from "../api-path.js";
  * its `kind` (link / form / builder-cli-auth / agent-task).
  */
 import { useState, useEffect } from "react";
-import { IconCheck, IconChecklist, IconChevronDown, IconChevronRight, IconChevronUp, IconExternalLink, IconLoader2, } from "@tabler/icons-react";
+import { IconCheck, IconChecklist, IconChevronDown, IconChevronRight, IconChevronUp, IconExternalLink, IconKey, IconLoader2, } from "@tabler/icons-react";
 import { useOnboarding } from "./use-onboarding.js";
 import { useOnboardingPreviewMode } from "./use-preview-mode.js";
 import { sendToAgentChat } from "../agent-chat.js";
@@ -66,12 +66,46 @@ function StepCard({ step, expanded: expandedProp, onMarkComplete, onRefresh, })
             return 0;
         return a.primary ? -1 : 1;
     });
+    const handleCompleted = async () => {
+        await onRefresh();
+    };
     return (_jsxs("div", { style: {
             ...styles.card,
             ...(isDone ? styles.cardDone : null),
-        }, children: [_jsxs("button", { type: "button", style: styles.cardHeader, onClick: () => setExpanded((e) => !e), "aria-expanded": expanded, children: [_jsxs("span", { style: styles.cardHeaderLeft, children: [_jsx("span", { style: isDone ? styles.checkDone : styles.checkTodo, children: isDone ? _jsx(IconCheck, { size: 12, strokeWidth: 3 }) : null }), _jsxs("span", { style: styles.cardTitle, children: [step.title, step.required && !isDone && (_jsx("span", { style: styles.requiredPill, children: "required" }))] })] }), _jsx("span", { style: styles.chevron, children: expanded ? (_jsx(IconChevronDown, { size: 14 })) : (_jsx(IconChevronRight, { size: 14 })) })] }), expanded && (_jsxs("div", { style: styles.cardBody, children: [_jsx("p", { style: styles.cardDesc, children: step.description }), _jsx("div", { style: styles.methods, children: sortedMethods.map((method) => (_jsx(MethodBlock, { method: method, stepId: step.id, onCompleted: async () => {
-                                await onRefresh();
-                            }, onMarkManualComplete: onMarkComplete }, method.id))) })] }))] }));
+        }, children: [_jsxs("button", { type: "button", style: styles.cardHeader, onClick: () => setExpanded((e) => !e), "aria-expanded": expanded, children: [_jsxs("span", { style: styles.cardHeaderLeft, children: [_jsx("span", { style: isDone ? styles.checkDone : styles.checkTodo, children: isDone ? _jsx(IconCheck, { size: 12, strokeWidth: 3 }) : null }), _jsxs("span", { style: styles.cardTitle, children: [step.title, step.required && !isDone && (_jsx("span", { style: styles.requiredPill, children: "required" }))] })] }), _jsx("span", { style: styles.chevron, children: expanded ? (_jsx(IconChevronDown, { size: 14 })) : (_jsx(IconChevronRight, { size: 14 })) })] }), expanded && (_jsxs("div", { style: styles.cardBody, children: [_jsx("p", { style: styles.cardDesc, children: step.description }), _jsx(StepMethods, { step: step, methods: sortedMethods, onCompleted: handleCompleted, onMarkManualComplete: onMarkComplete })] }))] }));
+}
+function isFormMethod(method) {
+    return method.kind === "form";
+}
+function StepMethods({ step, methods, onCompleted, onMarkManualComplete, }) {
+    const formMethods = methods.filter(isFormMethod);
+    if (step.id === "llm") {
+        return (_jsx(LlmMethodGroup, { methods: methods, formMethods: formMethods, stepId: step.id, onCompleted: onCompleted, onMarkManualComplete: onMarkManualComplete }));
+    }
+    if (methods.length > 1 && formMethods.length === methods.length) {
+        const pickerLabel = step.id === "auth" ? "Sign-in path" : "Provider";
+        return (_jsx("div", { style: styles.methods, children: _jsx(FormMethodPicker, { methods: formMethods, label: pickerLabel, onCompleted: onCompleted }) }));
+    }
+    return (_jsx("div", { style: styles.methods, children: methods.map((method) => (_jsx(MethodBlock, { method: method, stepId: step.id, onCompleted: onCompleted, onMarkManualComplete: onMarkManualComplete }, method.id))) }));
+}
+function LlmMethodGroup({ methods, formMethods, stepId, onCompleted, onMarkManualComplete, }) {
+    const [showKeyForm, setShowKeyForm] = useState(false);
+    const primaryMethod = methods.find((method) => method.kind === "builder-cli-auth") ??
+        methods.find((method) => method.primary);
+    const otherMethods = methods.filter((method) => method !== primaryMethod && !isFormMethod(method));
+    return (_jsxs("div", { style: styles.methods, children: [primaryMethod && (_jsx(MethodBlock, { method: primaryMethod, stepId: stepId, onCompleted: onCompleted, onMarkManualComplete: onMarkManualComplete })), formMethods.length > 0 && (_jsxs("div", { style: styles.secondaryPanel, children: [_jsxs("button", { type: "button", onClick: () => setShowKeyForm((value) => !value), style: styles.secondaryToggle, "aria-expanded": showKeyForm, children: [_jsxs("span", { style: styles.secondaryToggleLeft, children: [_jsx(IconKey, { size: 13, "aria-hidden": true }), _jsx("span", { children: "Add your own provider key" })] }), _jsx("span", { style: styles.chevron, children: showKeyForm ? (_jsx(IconChevronDown, { size: 14 })) : (_jsx(IconChevronRight, { size: 14 })) })] }), showKeyForm && (_jsx(FormMethodPicker, { methods: formMethods, label: "Provider", onCompleted: onCompleted, embedded: true }))] })), otherMethods.map((method) => (_jsx(MethodBlock, { method: method, stepId: stepId, onCompleted: onCompleted, onMarkManualComplete: onMarkManualComplete }, method.id)))] }));
+}
+function FormMethodPicker({ methods, label, onCompleted, embedded, }) {
+    const [selectedId, setSelectedId] = useState(methods[0]?.id ?? "");
+    useEffect(() => {
+        if (!methods.some((method) => method.id === selectedId)) {
+            setSelectedId(methods[0]?.id ?? "");
+        }
+    }, [methods, selectedId]);
+    const selectedMethod = methods.find((method) => method.id === selectedId) ?? methods[0];
+    if (!selectedMethod)
+        return null;
+    return (_jsxs("div", { style: embedded ? styles.methodPickerEmbedded : styles.method, children: [_jsxs("label", { style: styles.pickerLabel, children: [_jsx("span", { style: styles.formLabelText, children: label }), _jsx("select", { value: selectedMethod.id, onChange: (event) => setSelectedId(event.target.value), style: styles.select, children: methods.map((method) => (_jsx("option", { value: method.id, children: method.label }, method.id))) })] }), selectedMethod.description && (_jsx("p", { style: styles.methodDesc, children: selectedMethod.description })), _jsx(FormMethod, { method: selectedMethod, onCompleted: onCompleted }, selectedMethod.id)] }));
 }
 // ─── MethodBlock ───────────────────────────────────────────────────────────
 function MethodBlock({ method, stepId, onCompleted, onMarkManualComplete, }) {
@@ -260,7 +294,8 @@ const styles = {
         background: "hsl(var(--muted, 0 0% 0%) / 0.12)",
     },
     cardDone: {
-        opacity: 0.55,
+        borderColor: "rgba(34,197,94,0.12)",
+        background: "rgba(34,197,94,0.025)",
     },
     cardHeader: {
         width: "100%",
@@ -283,9 +318,13 @@ const styles = {
     cardTitle: {
         fontSize: 12,
         fontWeight: 500,
+        display: "flex",
+        alignItems: "center",
+        gap: 6,
+        minWidth: 0,
+        flexWrap: "wrap",
     },
     requiredPill: {
-        marginLeft: 6,
         fontSize: 10,
         padding: "1px 5px",
         borderRadius: 4,
@@ -348,9 +387,52 @@ const styles = {
     methodHeader: { display: "flex", alignItems: "center" },
     methodLabel: { fontSize: 12, fontWeight: 500 },
     methodDesc: { margin: 0, opacity: 0.6, fontSize: 11, lineHeight: 1.4 },
+    secondaryPanel: {
+        paddingTop: 2,
+    },
+    secondaryToggle: {
+        width: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        gap: 8,
+        padding: "7px 8px",
+        borderRadius: 6,
+        border: "1px solid rgba(255,255,255,0.08)",
+        background: "rgba(255,255,255,0.025)",
+        color: "inherit",
+        cursor: "pointer",
+        fontSize: 11,
+        fontWeight: 500,
+        textAlign: "left",
+    },
+    secondaryToggleLeft: {
+        display: "flex",
+        alignItems: "center",
+        gap: 6,
+        minWidth: 0,
+    },
+    methodPickerEmbedded: {
+        paddingTop: 8,
+        display: "flex",
+        flexDirection: "column",
+        gap: 6,
+    },
+    pickerLabel: { display: "flex", flexDirection: "column", gap: 3 },
     form: { display: "flex", flexDirection: "column", gap: 6 },
     formLabel: { display: "flex", flexDirection: "column", gap: 2 },
     formLabelText: { fontSize: 11, opacity: 0.6 },
+    select: {
+        width: "100%",
+        padding: "6px 8px",
+        fontSize: 12,
+        borderRadius: 5,
+        border: "1px solid rgba(255,255,255,0.1)",
+        background: "rgba(0,0,0,0.25)",
+        color: "inherit",
+        outline: "none",
+        boxSizing: "border-box",
+    },
     input: {
         width: "100%",
         padding: "6px 8px",

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  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\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  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          <div style={styles.methods}>\n            {sortedMethods.map((method) => (\n              <MethodBlock\n                key={method.id}\n                method={method}\n                stepId={step.id}\n                onCompleted={async () => {\n                  await onRefresh();\n                }}\n                onMarkManualComplete={onMarkComplete}\n              />\n            ))}\n          </div>\n        </div>\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    opacity: 0.55,\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  },\n  requiredPill: {\n    marginLeft: 6,\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  form: { display: \"flex\", flexDirection: \"column\", gap: 6 },\n  formLabel: { display: \"flex\", flexDirection: \"column\", gap: 2 },\n  formLabelText: { fontSize: 11, opacity: 0.6 },\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\";\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"]}

package/dist/client/settings/SettingsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AA6oCA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,2CAuRpB"}
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AAs7CA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,2CAmSpB"}