@burdenoff/microfe-vibecontrols 2026.514.4 → 2026.514.6

package/dist/components/agent-manager/AgentManagerChatPane.js

@@ -128,40 +128,43 @@ var y = ({ sessionId: l, agentId: y }) => {
 			}),
 			/* @__PURE__ */ _(b, {
 				agentId: y,
-				agentRef: I
+				agentRef: I,
+				initialProviderId: M?.sdk ?? void 0
 			})
 		]
 	});
-}, b = ({ agentId: t, agentRef: n }) => {
-	let r = i((e) => e.sdkAuthPrompt), a = i((e) => e.setSdkAuthPrompt), o = e();
-	return !r || r.agentId !== t ? null : /* @__PURE__ */ v("div", {
-		className: "fixed inset-0 z-50 flex items-center justify-center",
+}, b = ({ agentId: t, agentRef: n, initialProviderId: r }) => {
+	let a = i((e) => e.sdkAuthPrompt), o = i((e) => e.setSdkAuthPrompt), s = e();
+	return !a || a.agentId !== t ? null : /* @__PURE__ */ v("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
 		children: [/* @__PURE__ */ _("div", {
 			className: "absolute inset-0 bg-bg-overlay",
-			onClick: () => a(null),
+			onClick: () => o(null),
 			"aria-hidden": !0
 		}), /* @__PURE__ */ v("div", {
-			className: "relative w-full max-w-xl mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl p-4 space-y-3",
-			children: [
-				/* @__PURE__ */ v("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ _("h3", {
-						className: "text-lg font-semibold text-text-primary",
-						children: o("vibecontrols.ai.sdkAuth.title", "Configure AI provider credentials")
-					}), /* @__PURE__ */ _("button", {
-						type: "button",
-						onClick: () => a(null),
-						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
-						"aria-label": o("vibecontrols.common.close", "Close"),
-						children: /* @__PURE__ */ _(g, { className: "w-5 h-5 text-text-secondary" })
-					})]
-				}),
-				/* @__PURE__ */ _("p", {
+			className: "relative w-full max-w-xl max-h-[85vh] flex flex-col rounded-lg border border-border-default bg-bg-surface shadow-xl overflow-hidden",
+			children: [/* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-surface flex-shrink-0",
+				children: [/* @__PURE__ */ _("h3", {
+					className: "text-base font-semibold text-text-primary truncate pr-2",
+					children: s("vibecontrols.ai.sdkAuth.title", "Configure AI provider credentials")
+				}), /* @__PURE__ */ _("button", {
+					type: "button",
+					onClick: () => o(null),
+					className: "p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
+					"aria-label": s("vibecontrols.common.close", "Close"),
+					children: /* @__PURE__ */ _(g, { className: "w-5 h-5 text-text-secondary" })
+				})]
+			}), /* @__PURE__ */ v("div", {
+				className: "flex-1 min-h-0 overflow-y-auto px-4 py-3 space-y-3",
+				children: [/* @__PURE__ */ _("p", {
 					className: "text-sm text-text-secondary",
-					children: o("vibecontrols.ai.sdkAuth.body", "The agent does not have an Anthropic credential configured. Save one below to continue this conversation.")
-				}),
-				/* @__PURE__ */ _(l, { agent: n })
-			]
+					children: s("vibecontrols.ai.sdkAuth.body", "The agent does not have a credential configured for this provider. Pick a provider and save one to continue the conversation.")
+				}), /* @__PURE__ */ _(l, {
+					agent: n,
+					initialProviderId: r
+				})]
+			})]
 		})]
 	});
 };

package/dist/components/agent-manager/AgentManagerChatPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentManagerChatPane.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerChatPane.tsx"],"sourcesContent":["/**\n * Main chat interface for a single Agent Manager session.\n *\n * Renders message list + input area, manages the send/receive flow,\n * fetches existing conversation logs on mount, and provides\n * auto-scroll, cancel, and in-session search support.\n */\n\nimport { useEffect, useState, useCallback, useMemo, type FC } from 'react';\nimport { PackagePlus, Search, X } from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useAgentManagerStreaming } from '@/hooks/useAgentManagerStreaming';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { fetchSessionLogs } from '@/services/aiApi';\nimport { useActiveAgentProfile } from '@/hooks/useActiveAgentProfile';\nimport { AgentManagerMessageList } from './AgentManagerMessageList';\nimport { AgentManagerInputArea } from './AgentManagerInputArea';\nimport { PluginInstallModal } from './PluginInstallModal';\nimport { AIProviderCredentialsCard } from '@/components/ai/AIProviderCredentialsCard';\nimport type { AgentManagerMessage } from '@/types/agentManager';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerChatPaneProps {\n  sessionId: string;\n  agentId: string;\n}\n\nexport const AgentManagerChatPane: FC<AgentManagerChatPaneProps> = ({ sessionId, agentId }) => {\n  const [loadingLogs, setLoadingLogs] = useState(false);\n  const [searchOpen, setSearchOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  // Provider-install modal triggered from the header. Lets users add a\n  // claude/codex/gemini/opencode plugin without leaving the conversation.\n  const [installModalOpen, setInstallModalOpen] = useState(false);\n  const tr = useTr();\n\n  const { agents } = useCachedInitialData();\n  const activeAgent = useMemo(\n    () => agents.find((a) => a.id === agentId) ?? null,\n    [agents, agentId]\n  );\n\n  const sessionState = useAgentManagerStore((s) => s.sessionStates[sessionId]);\n  const addMessage = useAgentManagerStore((s) => s.addMessage);\n\n  const messages = sessionState?.messages ?? [];\n\n  const { active: activeProfile } = useActiveAgentProfile(activeAgent?.id ?? null);\n  const agentRef = useMemo(\n    () => ({ id: agentId, profile: activeProfile }),\n    [agentId, activeProfile]\n  );\n\n  const { sendMessage, cancelStream, isStreaming } = useAgentManagerStreaming({\n    agent: agentRef,\n    sessionId,\n  });\n\n  const toggleSearch = useCallback(() => {\n    setSearchOpen((prev) => {\n      if (prev) setSearchQuery('');\n      return !prev;\n    });\n  }, []);\n\n  // Fetch existing conversation logs on mount\n  useEffect(() => {\n    let cancelled = false;\n\n    const loadExistingLogs = async () => {\n      // Only load if session has no messages yet\n      if (messages.length > 0) return;\n\n      setLoadingLogs(true);\n      try {\n        const logs = await fetchSessionLogs(agentRef, sessionId, {\n          types: ['input', 'output'],\n        });\n\n        if (cancelled || logs.length === 0) return;\n\n        const seenLogKeys = new Set<string>();\n\n        // Convert session logs to AgentManagerMessage format. The core AI\n        // route owns logging, but older provider builds also wrote the same\n        // input/output records; collapse same-second duplicates on restore.\n        for (const log of logs) {\n          const content = log.message || log.content || '';\n          const timestamp = log.timestamp || log.createdAt;\n          const timestampSecond = timestamp ? Math.floor(new Date(timestamp).getTime() / 1000) : 0;\n          const logKey = [log.type, content, log.model ?? '', timestampSecond].join('\\u0000');\n          if (seenLogKeys.has(logKey)) continue;\n          seenLogKeys.add(logKey);\n\n          const msg: AgentManagerMessage = {\n            id: log.id,\n            role: log.type === 'input' ? 'user' : 'assistant',\n            content,\n            timestamp,\n            tokens: log.tokenCount ? { input: 0, output: log.tokenCount } : undefined,\n            model: log.model,\n          };\n          addMessage(sessionId, msg);\n        }\n      } catch {\n        // Silent fail -- session may not have logs yet\n      } finally {\n        if (!cancelled) setLoadingLogs(false);\n      }\n    };\n\n    void loadExistingLogs();\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- only run on mount\n  }, [agentId, sessionId]);\n\n  return (\n    <div className=\"flex flex-col h-full min-h-0\" data-testid=\"agent-manager-chat-pane\">\n      {/* In-session search bar.\n          Layout: [search controls (flex-1)] ... [Manage AI providers].\n          The search input expands inside the LEFT cluster only, so the\n          Manage button stays anchored on the right and never shifts. */}\n      <div className=\"flex items-center gap-1 px-3 py-1 border-b border-border-default bg-bg-surface flex-shrink-0\">\n        <div className=\"flex items-center gap-1.5 min-w-0 flex-1\">\n          <button\n            type=\"button\"\n            onClick={toggleSearch}\n            className={`p-1 rounded transition-colors shrink-0 ${\n              searchOpen\n                ? 'bg-action-primary-bg/10 text-action-primary-text'\n                : 'text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated'\n            }`}\n            title={tr(\n              'vibecontrols.agentManager.chatPane.searchInSession',\n              'Search in session (Ctrl+F)'\n            )}\n            aria-label={tr(\n              'vibecontrols.agentManager.chatPane.searchInSession',\n              'Search in session'\n            )}\n          >\n            <Search className=\"w-3.5 h-3.5\" />\n          </button>\n          {searchOpen && (\n            <div className=\"flex items-center gap-1.5 flex-1 min-w-0\">\n              <input\n                type=\"text\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={tr(\n                  'vibecontrols.agentManager.chatPane.searchPlaceholder',\n                  'Search in conversation...'\n                )}\n                autoFocus\n                className=\"flex-1 min-w-0 bg-transparent text-xs text-text-primary placeholder:text-text-tertiary focus:outline-none\"\n              />\n              {searchQuery && (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery('')}\n                  className=\"p-0.5 rounded hover:bg-bg-elevated transition-colors\"\n                >\n                  <X className=\"w-3 h-3 text-text-tertiary\" />\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => setInstallModalOpen(true)}\n          className=\"shrink-0 inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-elevated px-2 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken hover:border-action-primary-bg/40\"\n          title={tr(\n            'vibecontrols.agentManager.chatPane.manageProvidersTooltip',\n            'Install or remove AI providers (Claude, Codex, Gemini, OpenCode)'\n          )}\n          aria-label={tr(\n            'vibecontrols.agentManager.chatPane.manageProviders',\n            'Manage AI providers'\n          )}\n          data-testid=\"agent-manager-manage-providers\"\n        >\n          <PackagePlus className=\"w-3.5 h-3.5\" />\n          <span className=\"hidden sm:inline\">\n            {tr('vibecontrols.agentManager.chatPane.manageProviders', 'Manage AI providers')}\n          </span>\n        </button>\n      </div>\n\n      {/* Message list */}\n      {loadingLogs ? (\n        <div className=\"flex-1 flex items-center justify-center\">\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'vibecontrols.agentManager.chatPane.loadingConversation',\n              'Loading conversation...'\n            )}\n          </p>\n        </div>\n      ) : (\n        <AgentManagerMessageList\n          messages={messages}\n          isStreaming={isStreaming}\n          onCancelStream={cancelStream}\n          searchQuery={searchQuery}\n        />\n      )}\n\n      {/* Rich input area with controls */}\n      <AgentManagerInputArea\n        agentId={agentId}\n        sessionId={sessionId}\n        onSend={(text) => void sendMessage(text)}\n        onCancel={cancelStream}\n        agentTunnelUrl={activeAgent?.tunnelUrl ?? undefined}\n        agentApiKey={activeAgent?.agentApiKey ?? undefined}\n      />\n\n      {/* Header-triggered provider install/remove. Sits below the chat\n          tree so it can render full-screen without disturbing layout. */}\n      <PluginInstallModal\n        open={installModalOpen}\n        agentId={agentId}\n        onClose={() => setInstallModalOpen(false)}\n      />\n\n      {/* SDK auth prompt: opens when the streaming hook detects a missing\n          ANTHROPIC_API_KEY / ANTHROPIC_AUTH_TOKEN, so the user can save the\n          credential inline instead of being told to go look elsewhere. */}\n      <SdkAuthPromptModal agentId={agentId} agentRef={agentRef} />\n    </div>\n  );\n};\n\ninterface SdkAuthPromptModalProps {\n  agentId: string;\n  agentRef: { id: string; profile: string };\n}\n\nconst SdkAuthPromptModal: FC<SdkAuthPromptModalProps> = ({ agentId, agentRef }) => {\n  const sdkAuthPrompt = useAgentManagerStore((s) => s.sdkAuthPrompt);\n  const setSdkAuthPrompt = useAgentManagerStore((s) => s.setSdkAuthPrompt);\n  const tr = useTr();\n\n  if (!sdkAuthPrompt || sdkAuthPrompt.agentId !== agentId) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      <div\n        className=\"absolute inset-0 bg-bg-overlay\"\n        onClick={() => setSdkAuthPrompt(null)}\n        aria-hidden\n      />\n      <div className=\"relative w-full max-w-xl mx-4 rounded-lg border border-border-default bg-bg-surface shadow-xl p-4 space-y-3\">\n        <div className=\"flex items-center justify-between\">\n          <h3 className=\"text-lg font-semibold text-text-primary\">\n            {tr(\n              'vibecontrols.ai.sdkAuth.title',\n              'Configure AI provider credentials'\n            )}\n          </h3>\n          <button\n            type=\"button\"\n            onClick={() => setSdkAuthPrompt(null)}\n            className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n            aria-label={tr('vibecontrols.common.close', 'Close')}\n          >\n            <X className=\"w-5 h-5 text-text-secondary\" />\n          </button>\n        </div>\n        <p className=\"text-sm text-text-secondary\">\n          {tr(\n            'vibecontrols.ai.sdkAuth.body',\n            'The agent does not have an Anthropic credential configured. Save one below to continue this conversation.'\n          )}\n        </p>\n        <AIProviderCredentialsCard agent={agentRef} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AgentManagerChatPane.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerChatPane.tsx"],"sourcesContent":["/**\n * Main chat interface for a single Agent Manager session.\n *\n * Renders message list + input area, manages the send/receive flow,\n * fetches existing conversation logs on mount, and provides\n * auto-scroll, cancel, and in-session search support.\n */\n\nimport { useEffect, useState, useCallback, useMemo, type FC } from 'react';\nimport { PackagePlus, Search, X } from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useAgentManagerStreaming } from '@/hooks/useAgentManagerStreaming';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { fetchSessionLogs } from '@/services/aiApi';\nimport { useActiveAgentProfile } from '@/hooks/useActiveAgentProfile';\nimport { AgentManagerMessageList } from './AgentManagerMessageList';\nimport { AgentManagerInputArea } from './AgentManagerInputArea';\nimport { PluginInstallModal } from './PluginInstallModal';\nimport { AIProviderCredentialsCard } from '@/components/ai/AIProviderCredentialsCard';\nimport type { AgentManagerMessage } from '@/types/agentManager';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerChatPaneProps {\n  sessionId: string;\n  agentId: string;\n}\n\nexport const AgentManagerChatPane: FC<AgentManagerChatPaneProps> = ({ sessionId, agentId }) => {\n  const [loadingLogs, setLoadingLogs] = useState(false);\n  const [searchOpen, setSearchOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  // Provider-install modal triggered from the header. Lets users add a\n  // claude/codex/gemini/opencode plugin without leaving the conversation.\n  const [installModalOpen, setInstallModalOpen] = useState(false);\n  const tr = useTr();\n\n  const { agents } = useCachedInitialData();\n  const activeAgent = useMemo(\n    () => agents.find((a) => a.id === agentId) ?? null,\n    [agents, agentId]\n  );\n\n  const sessionState = useAgentManagerStore((s) => s.sessionStates[sessionId]);\n  const addMessage = useAgentManagerStore((s) => s.addMessage);\n\n  const messages = sessionState?.messages ?? [];\n\n  const { active: activeProfile } = useActiveAgentProfile(activeAgent?.id ?? null);\n  const agentRef = useMemo(\n    () => ({ id: agentId, profile: activeProfile }),\n    [agentId, activeProfile]\n  );\n\n  const { sendMessage, cancelStream, isStreaming } = useAgentManagerStreaming({\n    agent: agentRef,\n    sessionId,\n  });\n\n  const toggleSearch = useCallback(() => {\n    setSearchOpen((prev) => {\n      if (prev) setSearchQuery('');\n      return !prev;\n    });\n  }, []);\n\n  // Fetch existing conversation logs on mount\n  useEffect(() => {\n    let cancelled = false;\n\n    const loadExistingLogs = async () => {\n      // Only load if session has no messages yet\n      if (messages.length > 0) return;\n\n      setLoadingLogs(true);\n      try {\n        const logs = await fetchSessionLogs(agentRef, sessionId, {\n          types: ['input', 'output'],\n        });\n\n        if (cancelled || logs.length === 0) return;\n\n        const seenLogKeys = new Set<string>();\n\n        // Convert session logs to AgentManagerMessage format. The core AI\n        // route owns logging, but older provider builds also wrote the same\n        // input/output records; collapse same-second duplicates on restore.\n        for (const log of logs) {\n          const content = log.message || log.content || '';\n          const timestamp = log.timestamp || log.createdAt;\n          const timestampSecond = timestamp ? Math.floor(new Date(timestamp).getTime() / 1000) : 0;\n          const logKey = [log.type, content, log.model ?? '', timestampSecond].join('\\u0000');\n          if (seenLogKeys.has(logKey)) continue;\n          seenLogKeys.add(logKey);\n\n          const msg: AgentManagerMessage = {\n            id: log.id,\n            role: log.type === 'input' ? 'user' : 'assistant',\n            content,\n            timestamp,\n            tokens: log.tokenCount ? { input: 0, output: log.tokenCount } : undefined,\n            model: log.model,\n          };\n          addMessage(sessionId, msg);\n        }\n      } catch {\n        // Silent fail -- session may not have logs yet\n      } finally {\n        if (!cancelled) setLoadingLogs(false);\n      }\n    };\n\n    void loadExistingLogs();\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- only run on mount\n  }, [agentId, sessionId]);\n\n  return (\n    <div className=\"flex flex-col h-full min-h-0\" data-testid=\"agent-manager-chat-pane\">\n      {/* In-session search bar.\n          Layout: [search controls (flex-1)] ... [Manage AI providers].\n          The search input expands inside the LEFT cluster only, so the\n          Manage button stays anchored on the right and never shifts. */}\n      <div className=\"flex items-center gap-1 px-3 py-1 border-b border-border-default bg-bg-surface flex-shrink-0\">\n        <div className=\"flex items-center gap-1.5 min-w-0 flex-1\">\n          <button\n            type=\"button\"\n            onClick={toggleSearch}\n            className={`p-1 rounded transition-colors shrink-0 ${\n              searchOpen\n                ? 'bg-action-primary-bg/10 text-action-primary-text'\n                : 'text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated'\n            }`}\n            title={tr(\n              'vibecontrols.agentManager.chatPane.searchInSession',\n              'Search in session (Ctrl+F)'\n            )}\n            aria-label={tr(\n              'vibecontrols.agentManager.chatPane.searchInSession',\n              'Search in session'\n            )}\n          >\n            <Search className=\"w-3.5 h-3.5\" />\n          </button>\n          {searchOpen && (\n            <div className=\"flex items-center gap-1.5 flex-1 min-w-0\">\n              <input\n                type=\"text\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={tr(\n                  'vibecontrols.agentManager.chatPane.searchPlaceholder',\n                  'Search in conversation...'\n                )}\n                autoFocus\n                className=\"flex-1 min-w-0 bg-transparent text-xs text-text-primary placeholder:text-text-tertiary focus:outline-none\"\n              />\n              {searchQuery && (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery('')}\n                  className=\"p-0.5 rounded hover:bg-bg-elevated transition-colors\"\n                >\n                  <X className=\"w-3 h-3 text-text-tertiary\" />\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => setInstallModalOpen(true)}\n          className=\"shrink-0 inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-elevated px-2 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken hover:border-action-primary-bg/40\"\n          title={tr(\n            'vibecontrols.agentManager.chatPane.manageProvidersTooltip',\n            'Install or remove AI providers (Claude, Codex, Gemini, OpenCode)'\n          )}\n          aria-label={tr(\n            'vibecontrols.agentManager.chatPane.manageProviders',\n            'Manage AI providers'\n          )}\n          data-testid=\"agent-manager-manage-providers\"\n        >\n          <PackagePlus className=\"w-3.5 h-3.5\" />\n          <span className=\"hidden sm:inline\">\n            {tr('vibecontrols.agentManager.chatPane.manageProviders', 'Manage AI providers')}\n          </span>\n        </button>\n      </div>\n\n      {/* Message list */}\n      {loadingLogs ? (\n        <div className=\"flex-1 flex items-center justify-center\">\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'vibecontrols.agentManager.chatPane.loadingConversation',\n              'Loading conversation...'\n            )}\n          </p>\n        </div>\n      ) : (\n        <AgentManagerMessageList\n          messages={messages}\n          isStreaming={isStreaming}\n          onCancelStream={cancelStream}\n          searchQuery={searchQuery}\n        />\n      )}\n\n      {/* Rich input area with controls */}\n      <AgentManagerInputArea\n        agentId={agentId}\n        sessionId={sessionId}\n        onSend={(text) => void sendMessage(text)}\n        onCancel={cancelStream}\n        agentTunnelUrl={activeAgent?.tunnelUrl ?? undefined}\n        agentApiKey={activeAgent?.agentApiKey ?? undefined}\n      />\n\n      {/* Header-triggered provider install/remove. Sits below the chat\n          tree so it can render full-screen without disturbing layout. */}\n      <PluginInstallModal\n        open={installModalOpen}\n        agentId={agentId}\n        onClose={() => setInstallModalOpen(false)}\n      />\n\n      {/* SDK auth prompt: opens when the streaming hook detects a missing\n          ANTHROPIC_API_KEY / ANTHROPIC_AUTH_TOKEN, so the user can save the\n          credential inline instead of being told to go look elsewhere.\n          The session's currently-selected SDK is forwarded so the picker\n          can preselect the right provider. */}\n      <SdkAuthPromptModal\n        agentId={agentId}\n        agentRef={agentRef}\n        initialProviderId={sessionState?.sdk ?? undefined}\n      />\n    </div>\n  );\n};\n\ninterface SdkAuthPromptModalProps {\n  agentId: string;\n  agentRef: { id: string; profile: string };\n  initialProviderId?: string;\n}\n\nconst SdkAuthPromptModal: FC<SdkAuthPromptModalProps> = ({\n  agentId,\n  agentRef,\n  initialProviderId,\n}) => {\n  const sdkAuthPrompt = useAgentManagerStore((s) => s.sdkAuthPrompt);\n  const setSdkAuthPrompt = useAgentManagerStore((s) => s.setSdkAuthPrompt);\n  const tr = useTr();\n\n  if (!sdkAuthPrompt || sdkAuthPrompt.agentId !== agentId) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n      <div\n        className=\"absolute inset-0 bg-bg-overlay\"\n        onClick={() => setSdkAuthPrompt(null)}\n        aria-hidden\n      />\n      {/* Constrain height to the viewport and let the inner body scroll so the\n          modal never escapes the screen no matter how many providers/fields\n          render inside AIProviderCredentialsCard. The header stays sticky so\n          the close button is always reachable. */}\n      <div className=\"relative w-full max-w-xl max-h-[85vh] flex flex-col rounded-lg border border-border-default bg-bg-surface shadow-xl overflow-hidden\">\n        <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default bg-bg-surface flex-shrink-0\">\n          <h3 className=\"text-base font-semibold text-text-primary truncate pr-2\">\n            {tr('vibecontrols.ai.sdkAuth.title', 'Configure AI provider credentials')}\n          </h3>\n          <button\n            type=\"button\"\n            onClick={() => setSdkAuthPrompt(null)}\n            className=\"p-1 rounded hover:bg-bg-sunken transition-colors flex-shrink-0\"\n            aria-label={tr('vibecontrols.common.close', 'Close')}\n          >\n            <X className=\"w-5 h-5 text-text-secondary\" />\n          </button>\n        </div>\n        <div className=\"flex-1 min-h-0 overflow-y-auto px-4 py-3 space-y-3\">\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'vibecontrols.ai.sdkAuth.body',\n              'The agent does not have a credential configured for this provider. Pick a provider and save one to continue the conversation.'\n            )}\n          </p>\n          <AIProviderCredentialsCard agent={agentRef} initialProviderId={initialProviderId} />\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/ai/AIProviderCredentialsCard.js

@@ -1,10 +1,10 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { deleteAgentConfigValue as t, getAgentConfigValue as n, setAgentConfigValue as r } from "../../services/aiApi.js";
 import { useCallback as i, useEffect as a, useState as o } from "react";
-import { Eye as s, EyeOff as c, KeyRound as l, Loader2 as u, Save as d, Trash2 as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowLeft as s, ChevronRight as c, Eye as l, EyeOff as u, KeyRound as d, Loader2 as f, Save as p, Trash2 as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/ai/AIProviderCredentialsCard.tsx
-var h = [
+var _ = [
 	{
 		providerId: "claude",
 		label: "Anthropic Claude",
@@ -84,41 +84,86 @@ var h = [
 		}, { key: "OLLAMA_HOST" }]
 	}
 ];
-function g({ agent: t, providerIds: n }) {
-	let r = e(), i = n ? h.filter((e) => n.includes(e.providerId)) : h;
-	return /* @__PURE__ */ m("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ m("div", {
+function v({ agent: t, providerIds: n, initialProviderId: r }) {
+	let i = e(), a = n ? _.filter((e) => n.includes(e.providerId)) : _, [l, u] = o(() => r && a.some((e) => e.providerId === r) ? r : a.length === 1 ? a[0]?.providerId ?? null : null), f = a.find((e) => e.providerId === l) ?? null;
+	return f ? /* @__PURE__ */ g("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ g("div", {
+			className: "flex items-center gap-2",
+			children: [
+				a.length > 1 ? /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: () => u(null),
+					className: "inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 text-xs text-text-secondary hover:text-text-primary hover:border-border-strong",
+					"aria-label": i("ai.providerCredentials.back", "Back to providers"),
+					children: [/* @__PURE__ */ h(s, { className: "h-3.5 w-3.5" }), i("ai.providerCredentials.back", "Back")]
+				}) : null,
+				/* @__PURE__ */ h("div", {
+					className: "rounded-lg bg-bg-sunken p-2 text-text-secondary",
+					children: /* @__PURE__ */ h(d, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ h("h3", {
+						className: "text-sm font-semibold text-text-primary truncate",
+						children: f.label
+					}), /* @__PURE__ */ h("p", {
+						className: "text-xs text-text-secondary",
+						children: i("ai.providerCredentials.scopedDescription", "Keys are stored on the agent and read at session start.")
+					})]
+				})
+			]
+		}), /* @__PURE__ */ h(y, {
+			agent: t,
+			provider: f
+		})]
+	}) : /* @__PURE__ */ g("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ g("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "rounded-lg bg-bg-sunken p-2 text-text-secondary",
-				children: /* @__PURE__ */ p(l, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ h(d, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ g("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ p("h3", {
+				children: [/* @__PURE__ */ h("h3", {
 					className: "text-sm font-semibold text-text-primary",
-					children: r("ai.providerCredentials.title", "AI provider credentials")
-				}), /* @__PURE__ */ p("p", {
+					children: i("ai.providerCredentials.pickTitle", "Choose a provider")
+				}), /* @__PURE__ */ h("p", {
 					className: "text-sm text-text-secondary",
-					children: r("ai.providerCredentials.description", "API keys and tokens stored on the agent. Each provider plugin reads from this bag at session-start; sessions started before a key is set return an SDK auth error until the key is saved.")
+					children: i("ai.providerCredentials.pickDescription", "Pick the provider whose credentials you want to manage. Keys are stored on the agent and read at session start.")
 				})]
 			})]
-		}), i.map((e) => /* @__PURE__ */ p(_, {
-			agent: t,
-			provider: e
-		}, e.providerId))]
+		}), /* @__PURE__ */ h("div", {
+			className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
+			children: a.map((e) => /* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: () => u(e.providerId),
+				className: "flex items-center justify-between gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-left hover:border-border-strong hover:bg-bg-sunken transition-colors",
+				children: [/* @__PURE__ */ g("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ h("div", {
+						className: "text-sm font-medium text-text-primary truncate",
+						children: e.label
+					}), /* @__PURE__ */ h("div", {
+						className: "text-xs text-text-secondary truncate",
+						children: e.fields.map((e) => e.key).join(", ")
+					})]
+				}), /* @__PURE__ */ h(c, { className: "h-4 w-4 flex-shrink-0 text-text-secondary" })]
+			}, e.providerId))
+		})]
 	});
 }
-function _({ agent: s, provider: c }) {
-	let l = e(), [d, f] = o({}), [h, g] = o({}), [_, y] = o(!0), [b, x] = o(null), [S, C] = o(null), [w, T] = o(null), E = i(async () => {
-		y(!0), C(null);
+function y({ agent: s, provider: c }) {
+	let l = e(), [u, d] = o({}), [p, m] = o({}), [_, v] = o(!0), [y, x] = o(null), [S, C] = o(null), [w, T] = o(null), E = i(async () => {
+		v(!0), C(null);
 		try {
 			let e = await Promise.all(c.fields.map(async (e) => [e.key, await n(s, e.key) ?? ""]));
-			f(Object.fromEntries(e));
+			d(Object.fromEntries(e));
 		} catch (e) {
 			C(e instanceof Error ? e.message : l("ai.providerCredentials.loadFailed", "Failed to load provider credentials"));
 		} finally {
-			y(!1);
+			v(!1);
 		}
 	}, [
 		s,
@@ -138,97 +183,97 @@ function _({ agent: s, provider: c }) {
 			x(null);
 		}
 	}, [s, l]);
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ g("div", {
 		className: "rounded-xl border border-border-default bg-bg-surface p-4 space-y-3",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ p("h4", {
+				children: [/* @__PURE__ */ h("h4", {
 					className: "text-sm font-semibold text-text-primary",
 					children: c.label
-				}), /* @__PURE__ */ p("p", {
+				}), /* @__PURE__ */ h("p", {
 					className: "text-xs text-text-secondary",
 					children: c.description
 				})]
 			}),
-			S ? /* @__PURE__ */ p("div", {
+			S ? /* @__PURE__ */ h("div", {
 				className: "rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2 text-sm text-status-error-text",
 				children: S
 			}) : null,
-			w ? /* @__PURE__ */ p("div", {
+			w ? /* @__PURE__ */ h("div", {
 				className: "rounded-lg border border-status-success-border bg-status-success-bg px-3 py-2 text-sm text-status-success-text",
 				children: w
 			}) : null,
-			_ ? /* @__PURE__ */ m("div", {
+			_ ? /* @__PURE__ */ g("div", {
 				className: "flex items-center gap-2 text-sm text-text-secondary",
-				children: [/* @__PURE__ */ p(u, { className: "h-4 w-4 animate-spin" }), l("ai.providerCredentials.loading", "Loading…")]
-			}) : /* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ h(f, { className: "h-4 w-4 animate-spin" }), l("ai.providerCredentials.loading", "Loading…")]
+			}) : /* @__PURE__ */ h("div", {
 				className: "space-y-3",
-				children: c.fields.map((e) => /* @__PURE__ */ p(v, {
+				children: c.fields.map((e) => /* @__PURE__ */ h(b, {
 					label: e.key,
 					secret: e.secret ?? !1,
-					value: d[e.key] ?? "",
-					onChange: (t) => f((n) => ({
+					value: u[e.key] ?? "",
+					onChange: (t) => d((n) => ({
 						...n,
 						[e.key]: t
 					})),
-					saving: b === e.key,
-					visible: h[e.key] ?? !1,
-					onToggleVisible: () => g((t) => ({
+					saving: y === e.key,
+					visible: p[e.key] ?? !1,
+					onToggleVisible: () => m((t) => ({
 						...t,
 						[e.key]: !t[e.key]
 					})),
-					onSave: () => void D(e.key, d[e.key] ?? ""),
+					onSave: () => void D(e.key, u[e.key] ?? ""),
 					onClear: () => void D(e.key, "")
 				}, e.key))
 			})
 		]
 	});
 }
-function v({ label: e, secret: t, value: n, onChange: r, saving: i, visible: a, onToggleVisible: o, onSave: l, onClear: h }) {
-	return /* @__PURE__ */ m("div", {
+function b({ label: e, secret: t, value: n, onChange: r, saving: i, visible: a, onToggleVisible: o, onSave: s, onClear: c }) {
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-2 rounded-lg border border-border-default bg-bg-primary p-3",
-		children: [/* @__PURE__ */ p("label", {
+		children: [/* @__PURE__ */ h("label", {
 			className: "block text-xs font-medium text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ g("div", {
 			className: "flex gap-2",
 			children: [
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ g("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ p("input", {
+					children: [/* @__PURE__ */ h("input", {
 						type: t && !a ? "password" : "text",
 						value: n,
 						onChange: (e) => r(e.target.value),
 						autoComplete: "off",
 						spellCheck: !1,
 						className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary"
-					}), t ? /* @__PURE__ */ p("button", {
+					}), t ? /* @__PURE__ */ h("button", {
 						type: "button",
 						onClick: o,
 						className: "absolute right-2 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-						children: p(a ? c : s, { className: "h-4 w-4" })
+						children: h(a ? u : l, { className: "h-4 w-4" })
 					}) : null]
 				}),
-				/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: l,
+					onClick: s,
 					disabled: i,
 					className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50",
-					children: [i ? /* @__PURE__ */ p(u, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(d, { className: "h-4 w-4" }), "Save"]
+					children: [i ? /* @__PURE__ */ h(f, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ h(p, { className: "h-4 w-4" }), "Save"]
 				}),
-				/* @__PURE__ */ m("button", {
+				/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: h,
+					onClick: c,
 					disabled: i || !n,
 					className: "inline-flex items-center gap-1.5 rounded-md border border-border-default px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary hover:border-border-strong disabled:opacity-50",
-					children: [/* @__PURE__ */ p(f, { className: "h-4 w-4" }), "Clear"]
+					children: [/* @__PURE__ */ h(m, { className: "h-4 w-4" }), "Clear"]
 				})
 			]
 		})]
 	});
 }
 //#endregion
-export { g as AIProviderCredentialsCard };
+export { v as AIProviderCredentialsCard };
 
 //# sourceMappingURL=AIProviderCredentialsCard.js.map

package/dist/components/ai/AIProviderCredentialsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIProviderCredentialsCard.js","names":[],"sources":["../../../src/components/ai/AIProviderCredentialsCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Eye, EyeOff, KeyRound, Loader2, Save, Trash2 } from 'lucide-react';\n\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  deleteAgentConfigValue,\n  getAgentConfigValue,\n  setAgentConfigValue,\n  type AgentRef,\n} from '@/services/aiApi';\n\n/**\n * One provider definition — what env-var-style keys the agent stores under\n * its config bag and what to call the provider in the UI. Kept as a flat\n * static list rather than discovered from the plugin manifest because the\n * config keys are part of the upstream SDK contract (ANTHROPIC_API_KEY,\n * OPENAI_API_KEY, etc.) and don't change with each plugin release.\n */\nexport interface AIProviderCredentialDef {\n  /** Stable provider id — usually matches the plugin's pluginName. */\n  providerId: string;\n  /** Display name shown in the card heading. */\n  label: string;\n  /** Short helper text under the heading. */\n  description: string;\n  /**\n   * One row per key. The `kind` distinguishes a primary credential (for\n   * which the SDK refuses to start without ONE of the listed keys) from\n   * an optional URL/host override.\n   */\n  fields: Array<{\n    /** Agent-config key name, also rendered as the input label. */\n    key: string;\n    /**\n     * Whether the field is a secret (rendered as password with eye toggle)\n     * or a plain string (URL / host overrides — visible by default).\n     */\n    secret?: boolean;\n  }>;\n}\n\n/**\n * Catalog of every AI provider whose plugin reads credentials from the\n * agent's config bag (POST /api/config). CLI-only providers (Aider, Amp,\n * Copilot, Crush, Goose, Plandex, Pi) authenticate via their own harness\n * binary (~/.claude/, ~/.config/opencode/ etc.) — Bridle handles those\n * and they don't appear here.\n */\nexport const AI_PROVIDER_CREDENTIALS: AIProviderCredentialDef[] = [\n  {\n    providerId: 'claude',\n    label: 'Anthropic Claude',\n    description:\n      'Claude SDK sessions require either ANTHROPIC_API_KEY or ANTHROPIC_AUTH_TOKEN on the agent. Save one of them to make SDK sessions work.',\n    fields: [\n      { key: 'ANTHROPIC_API_KEY', secret: true },\n      { key: 'ANTHROPIC_AUTH_TOKEN', secret: true },\n    ],\n  },\n  {\n    providerId: 'codex',\n    label: 'OpenAI Codex',\n    description:\n      'Codex SDK / CLI sessions read OPENAI_API_KEY from the agent. Set it here to enable Codex-backed sessions.',\n    fields: [{ key: 'OPENAI_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'gemini',\n    label: 'Google Gemini',\n    description:\n      'Gemini SDK reads GEMINI_API_KEY (preferred) or GOOGLE_API_KEY. Either one works — both shown so an existing GOOGLE_API_KEY in your environment keeps working.',\n    fields: [\n      { key: 'GEMINI_API_KEY', secret: true },\n      { key: 'GOOGLE_API_KEY', secret: true },\n    ],\n  },\n  {\n    providerId: 'openai-compat',\n    label: 'OpenAI-Compatible',\n    description:\n      'Generic OpenAI-compatible provider (Together, Groq, Mistral, etc.). Set the API key and the base URL the SDK should hit.',\n    fields: [{ key: 'OPENAI_COMPAT_API_KEY', secret: true }, { key: 'OPENAI_COMPAT_BASE_URL' }],\n  },\n  {\n    providerId: 'cursor',\n    label: 'Cursor',\n    description:\n      'Cursor agent (CLI + SDK) reads CURSOR_API_KEY from the agent. Set it here to enable both modes.',\n    fields: [{ key: 'CURSOR_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'openrouter',\n    label: 'OpenRouter',\n    description: 'OpenRouter aggregator (300+ models, SDK only). Set OPENROUTER_API_KEY to enable.',\n    fields: [{ key: 'OPENROUTER_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'minimax',\n    label: 'Minimax',\n    description:\n      'Minimax provider (CLI + Anthropic-compatible SDK). Set MINIMAX_API_KEY to enable.',\n    fields: [{ key: 'MINIMAX_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'ollama',\n    label: 'Ollama',\n    description:\n      'Ollama Cloud + self-hosted (CLI + SDK). OLLAMA_API_KEY for Cloud; OLLAMA_HOST optional override (defaults: https://ollama.com when key present, http://localhost:11434 otherwise).',\n    fields: [{ key: 'OLLAMA_API_KEY', secret: true }, { key: 'OLLAMA_HOST' }],\n  },\n];\n\ninterface AIProviderCredentialsCardProps {\n  agent: AgentRef;\n  /**\n   * Optional filter — when present, only render providers whose providerId\n   * appears in the list. Lets a future caller scope the card to \"only the\n   * providers I have plugins installed for\" without changing the catalog.\n   */\n  providerIds?: string[];\n}\n\n/**\n * Renders one card per AI provider with rows for each of its config keys.\n * Replaces the older Claude-only ClaudeCredentialsCard.\n */\nexport function AIProviderCredentialsCard({ agent, providerIds }: AIProviderCredentialsCardProps) {\n  const tr = useTr();\n  const providers = providerIds\n    ? AI_PROVIDER_CREDENTIALS.filter((p) => providerIds.includes(p.providerId))\n    : AI_PROVIDER_CREDENTIALS;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-start gap-3\">\n        <div className=\"rounded-lg bg-bg-sunken p-2 text-text-secondary\">\n          <KeyRound className=\"h-4 w-4\" />\n        </div>\n        <div className=\"space-y-1\">\n          <h3 className=\"text-sm font-semibold text-text-primary\">\n            {tr('ai.providerCredentials.title', 'AI provider credentials')}\n          </h3>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'ai.providerCredentials.description',\n              'API keys and tokens stored on the agent. Each provider plugin reads from this bag at session-start; sessions started before a key is set return an SDK auth error until the key is saved.'\n            )}\n          </p>\n        </div>\n      </div>\n      {providers.map((p) => (\n        <ProviderCard key={p.providerId} agent={agent} provider={p} />\n      ))}\n    </div>\n  );\n}\n\nfunction ProviderCard({ agent, provider }: { agent: AgentRef; provider: AIProviderCredentialDef }) {\n  const tr = useTr();\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [visible, setVisible] = useState<Record<string, boolean>>({});\n  const [loading, setLoading] = useState(true);\n  const [saving, setSaving] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState<string | null>(null);\n\n  const loadValues = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const entries = await Promise.all(\n        provider.fields.map(async (f) => [f.key, (await getAgentConfigValue(agent, f.key)) ?? ''])\n      );\n      setValues(Object.fromEntries(entries));\n    } catch (err) {\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr('ai.providerCredentials.loadFailed', 'Failed to load provider credentials')\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [agent, provider.fields, tr]);\n\n  useEffect(() => {\n    void loadValues();\n  }, [loadValues]);\n\n  const persistValue = useCallback(\n    async (key: string, value: string) => {\n      setSaving(key);\n      setError(null);\n      setSuccess(null);\n      try {\n        if (value.trim()) {\n          await setAgentConfigValue(agent, key, value.trim());\n        } else {\n          await deleteAgentConfigValue(agent, key);\n        }\n        setSuccess(\n          value.trim()\n            ? tr('ai.providerCredentials.saved', `${key} saved`)\n            : tr('ai.providerCredentials.cleared', `${key} cleared`)\n        );\n      } catch (err) {\n        setError(\n          err instanceof Error\n            ? err.message\n            : tr('ai.providerCredentials.saveFailed', 'Failed to save credential')\n        );\n      } finally {\n        setSaving(null);\n      }\n    },\n    [agent, tr]\n  );\n\n  return (\n    <div className=\"rounded-xl border border-border-default bg-bg-surface p-4 space-y-3\">\n      <div className=\"space-y-1\">\n        <h4 className=\"text-sm font-semibold text-text-primary\">{provider.label}</h4>\n        <p className=\"text-xs text-text-secondary\">{provider.description}</p>\n      </div>\n\n      {error ? (\n        <div className=\"rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2 text-sm text-status-error-text\">\n          {error}\n        </div>\n      ) : null}\n      {success ? (\n        <div className=\"rounded-lg border border-status-success-border bg-status-success-bg px-3 py-2 text-sm text-status-success-text\">\n          {success}\n        </div>\n      ) : null}\n\n      {loading ? (\n        <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n          {tr('ai.providerCredentials.loading', 'Loading…')}\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {provider.fields.map((f) => (\n            <CredentialField\n              key={f.key}\n              label={f.key}\n              secret={f.secret ?? false}\n              value={values[f.key] ?? ''}\n              onChange={(v) => setValues((cur) => ({ ...cur, [f.key]: v }))}\n              saving={saving === f.key}\n              visible={visible[f.key] ?? false}\n              onToggleVisible={() => setVisible((cur) => ({ ...cur, [f.key]: !cur[f.key] }))}\n              onSave={() => void persistValue(f.key, values[f.key] ?? '')}\n              onClear={() => void persistValue(f.key, '')}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface CredentialFieldProps {\n  label: string;\n  secret: boolean;\n  value: string;\n  onChange: (value: string) => void;\n  saving: boolean;\n  visible: boolean;\n  onToggleVisible: () => void;\n  onSave: () => void;\n  onClear: () => void;\n}\n\nfunction CredentialField({\n  label,\n  secret,\n  value,\n  onChange,\n  saving,\n  visible,\n  onToggleVisible,\n  onSave,\n  onClear,\n}: CredentialFieldProps) {\n  const showAsPassword = secret && !visible;\n  return (\n    <div className=\"space-y-2 rounded-lg border border-border-default bg-bg-primary p-3\">\n      <label className=\"block text-xs font-medium text-text-secondary\">{label}</label>\n      <div className=\"flex gap-2\">\n        <div className=\"relative flex-1\">\n          <input\n            type={showAsPassword ? 'password' : 'text'}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n            autoComplete=\"off\"\n            spellCheck={false}\n            className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary\"\n          />\n          {secret ? (\n            <button\n              type=\"button\"\n              onClick={onToggleVisible}\n              className=\"absolute right-2 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n            >\n              {visible ? <EyeOff className=\"h-4 w-4\" /> : <Eye className=\"h-4 w-4\" />}\n            </button>\n          ) : null}\n        </div>\n        <button\n          type=\"button\"\n          onClick={onSave}\n          disabled={saving}\n          className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50\"\n        >\n          {saving ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Save className=\"h-4 w-4\" />}\n          Save\n        </button>\n        <button\n          type=\"button\"\n          onClick={onClear}\n          disabled={saving || !value}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-default px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary hover:border-border-strong disabled:opacity-50\"\n        >\n          <Trash2 className=\"h-4 w-4\" />\n          Clear\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AIProviderCredentialsCard.js","names":[],"sources":["../../../src/components/ai/AIProviderCredentialsCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { ArrowLeft, ChevronRight, Eye, EyeOff, KeyRound, Loader2, Save, Trash2 } from 'lucide-react';\n\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  deleteAgentConfigValue,\n  getAgentConfigValue,\n  setAgentConfigValue,\n  type AgentRef,\n} from '@/services/aiApi';\n\n/**\n * One provider definition — what env-var-style keys the agent stores under\n * its config bag and what to call the provider in the UI. Kept as a flat\n * static list rather than discovered from the plugin manifest because the\n * config keys are part of the upstream SDK contract (ANTHROPIC_API_KEY,\n * OPENAI_API_KEY, etc.) and don't change with each plugin release.\n */\nexport interface AIProviderCredentialDef {\n  /** Stable provider id — usually matches the plugin's pluginName. */\n  providerId: string;\n  /** Display name shown in the card heading. */\n  label: string;\n  /** Short helper text under the heading. */\n  description: string;\n  /**\n   * One row per key. The `kind` distinguishes a primary credential (for\n   * which the SDK refuses to start without ONE of the listed keys) from\n   * an optional URL/host override.\n   */\n  fields: Array<{\n    /** Agent-config key name, also rendered as the input label. */\n    key: string;\n    /**\n     * Whether the field is a secret (rendered as password with eye toggle)\n     * or a plain string (URL / host overrides — visible by default).\n     */\n    secret?: boolean;\n  }>;\n}\n\n/**\n * Catalog of every AI provider whose plugin reads credentials from the\n * agent's config bag (POST /api/config). CLI-only providers (Aider, Amp,\n * Copilot, Crush, Goose, Plandex, Pi) authenticate via their own harness\n * binary (~/.claude/, ~/.config/opencode/ etc.) — Bridle handles those\n * and they don't appear here.\n */\nexport const AI_PROVIDER_CREDENTIALS: AIProviderCredentialDef[] = [\n  {\n    providerId: 'claude',\n    label: 'Anthropic Claude',\n    description:\n      'Claude SDK sessions require either ANTHROPIC_API_KEY or ANTHROPIC_AUTH_TOKEN on the agent. Save one of them to make SDK sessions work.',\n    fields: [\n      { key: 'ANTHROPIC_API_KEY', secret: true },\n      { key: 'ANTHROPIC_AUTH_TOKEN', secret: true },\n    ],\n  },\n  {\n    providerId: 'codex',\n    label: 'OpenAI Codex',\n    description:\n      'Codex SDK / CLI sessions read OPENAI_API_KEY from the agent. Set it here to enable Codex-backed sessions.',\n    fields: [{ key: 'OPENAI_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'gemini',\n    label: 'Google Gemini',\n    description:\n      'Gemini SDK reads GEMINI_API_KEY (preferred) or GOOGLE_API_KEY. Either one works — both shown so an existing GOOGLE_API_KEY in your environment keeps working.',\n    fields: [\n      { key: 'GEMINI_API_KEY', secret: true },\n      { key: 'GOOGLE_API_KEY', secret: true },\n    ],\n  },\n  {\n    providerId: 'openai-compat',\n    label: 'OpenAI-Compatible',\n    description:\n      'Generic OpenAI-compatible provider (Together, Groq, Mistral, etc.). Set the API key and the base URL the SDK should hit.',\n    fields: [{ key: 'OPENAI_COMPAT_API_KEY', secret: true }, { key: 'OPENAI_COMPAT_BASE_URL' }],\n  },\n  {\n    providerId: 'cursor',\n    label: 'Cursor',\n    description:\n      'Cursor agent (CLI + SDK) reads CURSOR_API_KEY from the agent. Set it here to enable both modes.',\n    fields: [{ key: 'CURSOR_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'openrouter',\n    label: 'OpenRouter',\n    description: 'OpenRouter aggregator (300+ models, SDK only). Set OPENROUTER_API_KEY to enable.',\n    fields: [{ key: 'OPENROUTER_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'minimax',\n    label: 'Minimax',\n    description:\n      'Minimax provider (CLI + Anthropic-compatible SDK). Set MINIMAX_API_KEY to enable.',\n    fields: [{ key: 'MINIMAX_API_KEY', secret: true }],\n  },\n  {\n    providerId: 'ollama',\n    label: 'Ollama',\n    description:\n      'Ollama Cloud + self-hosted (CLI + SDK). OLLAMA_API_KEY for Cloud; OLLAMA_HOST optional override (defaults: https://ollama.com when key present, http://localhost:11434 otherwise).',\n    fields: [{ key: 'OLLAMA_API_KEY', secret: true }, { key: 'OLLAMA_HOST' }],\n  },\n];\n\ninterface AIProviderCredentialsCardProps {\n  agent: AgentRef;\n  /**\n   * Optional filter — when present, only render providers whose providerId\n   * appears in the list. Lets a future caller scope the card to \"only the\n   * providers I have plugins installed for\" without changing the catalog.\n   */\n  providerIds?: string[];\n  /**\n   * When provided, the staged picker preselects this provider so the\n   * caller (e.g. the SDK-auth-missing modal) can drop the user straight\n   * onto the right form without an extra click.\n   */\n  initialProviderId?: string;\n}\n\n/**\n * Staged credentials manager: shows a provider picker first, then on\n * select renders one card with that provider's config keys plus a back\n * button. Keeps the rendered DOM small (and the surrounding modal\n * viewport-friendly) regardless of how many providers are in the catalog.\n *\n * Replaces the older Claude-only ClaudeCredentialsCard.\n */\nexport function AIProviderCredentialsCard({\n  agent,\n  providerIds,\n  initialProviderId,\n}: AIProviderCredentialsCardProps) {\n  const tr = useTr();\n  const providers = providerIds\n    ? AI_PROVIDER_CREDENTIALS.filter((p) => providerIds.includes(p.providerId))\n    : AI_PROVIDER_CREDENTIALS;\n\n  // Preselect when the catalog narrows to exactly one provider so the\n  // single-provider case (e.g. claude-only filter) skips the picker.\n  const [selectedId, setSelectedId] = useState<string | null>(() => {\n    if (initialProviderId && providers.some((p) => p.providerId === initialProviderId)) {\n      return initialProviderId;\n    }\n    return providers.length === 1 ? providers[0]?.providerId ?? null : null;\n  });\n\n  const selected = providers.find((p) => p.providerId === selectedId) ?? null;\n\n  if (!selected) {\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"rounded-lg bg-bg-sunken p-2 text-text-secondary\">\n            <KeyRound className=\"h-4 w-4\" />\n          </div>\n          <div className=\"space-y-1\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              {tr('ai.providerCredentials.pickTitle', 'Choose a provider')}\n            </h3>\n            <p className=\"text-sm text-text-secondary\">\n              {tr(\n                'ai.providerCredentials.pickDescription',\n                'Pick the provider whose credentials you want to manage. Keys are stored on the agent and read at session start.'\n              )}\n            </p>\n          </div>\n        </div>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n          {providers.map((p) => (\n            <button\n              key={p.providerId}\n              type=\"button\"\n              onClick={() => setSelectedId(p.providerId)}\n              className=\"flex items-center justify-between gap-2 rounded-lg border border-border-default bg-bg-surface px-3 py-2 text-left hover:border-border-strong hover:bg-bg-sunken transition-colors\"\n            >\n              <div className=\"min-w-0\">\n                <div className=\"text-sm font-medium text-text-primary truncate\">{p.label}</div>\n                <div className=\"text-xs text-text-secondary truncate\">\n                  {p.fields.map((f) => f.key).join(', ')}\n                </div>\n              </div>\n              <ChevronRight className=\"h-4 w-4 flex-shrink-0 text-text-secondary\" />\n            </button>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center gap-2\">\n        {providers.length > 1 ? (\n          <button\n            type=\"button\"\n            onClick={() => setSelectedId(null)}\n            className=\"inline-flex items-center gap-1 rounded-md border border-border-default px-2 py-1 text-xs text-text-secondary hover:text-text-primary hover:border-border-strong\"\n            aria-label={tr('ai.providerCredentials.back', 'Back to providers')}\n          >\n            <ArrowLeft className=\"h-3.5 w-3.5\" />\n            {tr('ai.providerCredentials.back', 'Back')}\n          </button>\n        ) : null}\n        <div className=\"rounded-lg bg-bg-sunken p-2 text-text-secondary\">\n          <KeyRound className=\"h-4 w-4\" />\n        </div>\n        <div className=\"min-w-0\">\n          <h3 className=\"text-sm font-semibold text-text-primary truncate\">{selected.label}</h3>\n          <p className=\"text-xs text-text-secondary\">\n            {tr(\n              'ai.providerCredentials.scopedDescription',\n              'Keys are stored on the agent and read at session start.'\n            )}\n          </p>\n        </div>\n      </div>\n      <ProviderCard agent={agent} provider={selected} />\n    </div>\n  );\n}\n\nfunction ProviderCard({ agent, provider }: { agent: AgentRef; provider: AIProviderCredentialDef }) {\n  const tr = useTr();\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [visible, setVisible] = useState<Record<string, boolean>>({});\n  const [loading, setLoading] = useState(true);\n  const [saving, setSaving] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState<string | null>(null);\n\n  const loadValues = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const entries = await Promise.all(\n        provider.fields.map(async (f) => [f.key, (await getAgentConfigValue(agent, f.key)) ?? ''])\n      );\n      setValues(Object.fromEntries(entries));\n    } catch (err) {\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr('ai.providerCredentials.loadFailed', 'Failed to load provider credentials')\n      );\n    } finally {\n      setLoading(false);\n    }\n  }, [agent, provider.fields, tr]);\n\n  useEffect(() => {\n    void loadValues();\n  }, [loadValues]);\n\n  const persistValue = useCallback(\n    async (key: string, value: string) => {\n      setSaving(key);\n      setError(null);\n      setSuccess(null);\n      try {\n        if (value.trim()) {\n          await setAgentConfigValue(agent, key, value.trim());\n        } else {\n          await deleteAgentConfigValue(agent, key);\n        }\n        setSuccess(\n          value.trim()\n            ? tr('ai.providerCredentials.saved', `${key} saved`)\n            : tr('ai.providerCredentials.cleared', `${key} cleared`)\n        );\n      } catch (err) {\n        setError(\n          err instanceof Error\n            ? err.message\n            : tr('ai.providerCredentials.saveFailed', 'Failed to save credential')\n        );\n      } finally {\n        setSaving(null);\n      }\n    },\n    [agent, tr]\n  );\n\n  return (\n    <div className=\"rounded-xl border border-border-default bg-bg-surface p-4 space-y-3\">\n      <div className=\"space-y-1\">\n        <h4 className=\"text-sm font-semibold text-text-primary\">{provider.label}</h4>\n        <p className=\"text-xs text-text-secondary\">{provider.description}</p>\n      </div>\n\n      {error ? (\n        <div className=\"rounded-lg border border-status-error-border bg-status-error-bg px-3 py-2 text-sm text-status-error-text\">\n          {error}\n        </div>\n      ) : null}\n      {success ? (\n        <div className=\"rounded-lg border border-status-success-border bg-status-success-bg px-3 py-2 text-sm text-status-success-text\">\n          {success}\n        </div>\n      ) : null}\n\n      {loading ? (\n        <div className=\"flex items-center gap-2 text-sm text-text-secondary\">\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n          {tr('ai.providerCredentials.loading', 'Loading…')}\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {provider.fields.map((f) => (\n            <CredentialField\n              key={f.key}\n              label={f.key}\n              secret={f.secret ?? false}\n              value={values[f.key] ?? ''}\n              onChange={(v) => setValues((cur) => ({ ...cur, [f.key]: v }))}\n              saving={saving === f.key}\n              visible={visible[f.key] ?? false}\n              onToggleVisible={() => setVisible((cur) => ({ ...cur, [f.key]: !cur[f.key] }))}\n              onSave={() => void persistValue(f.key, values[f.key] ?? '')}\n              onClear={() => void persistValue(f.key, '')}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface CredentialFieldProps {\n  label: string;\n  secret: boolean;\n  value: string;\n  onChange: (value: string) => void;\n  saving: boolean;\n  visible: boolean;\n  onToggleVisible: () => void;\n  onSave: () => void;\n  onClear: () => void;\n}\n\nfunction CredentialField({\n  label,\n  secret,\n  value,\n  onChange,\n  saving,\n  visible,\n  onToggleVisible,\n  onSave,\n  onClear,\n}: CredentialFieldProps) {\n  const showAsPassword = secret && !visible;\n  return (\n    <div className=\"space-y-2 rounded-lg border border-border-default bg-bg-primary p-3\">\n      <label className=\"block text-xs font-medium text-text-secondary\">{label}</label>\n      <div className=\"flex gap-2\">\n        <div className=\"relative flex-1\">\n          <input\n            type={showAsPassword ? 'password' : 'text'}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n            autoComplete=\"off\"\n            spellCheck={false}\n            className=\"w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 pr-10 text-sm text-text-primary\"\n          />\n          {secret ? (\n            <button\n              type=\"button\"\n              onClick={onToggleVisible}\n              className=\"absolute right-2 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n            >\n              {visible ? <EyeOff className=\"h-4 w-4\" /> : <Eye className=\"h-4 w-4\" />}\n            </button>\n          ) : null}\n        </div>\n        <button\n          type=\"button\"\n          onClick={onSave}\n          disabled={saving}\n          className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50\"\n        >\n          {saving ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Save className=\"h-4 w-4\" />}\n          Save\n        </button>\n        <button\n          type=\"button\"\n          onClick={onClear}\n          disabled={saving || !value}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-default px-3 py-2 text-sm font-medium text-text-secondary hover:text-text-primary hover:border-border-strong disabled:opacity-50\"\n        >\n          <Trash2 className=\"h-4 w-4\" />\n          Clear\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/services/assistantApi.js

@@ -1,7 +1,7 @@
 import { CreateSandboxDocument as e, ExtendSandboxTtlDocument as t, GetActiveSandboxesDocument as n, GetSandboxDocument as r, ProxySandboxRequestDocument as i } from "../generated/wspace-operations.js";
 import { print as a } from "graphql";
 //#region src/services/assistantApi.ts
-var o = "harbor.tooling.internal.burdenoff.com", s = "alpha-proxy-auth-v1", c = "alpha-proxy-auth-v1", l = "alpha-delegated-auth-v11", u = "sandbox-app-client-headers-v1";
+var o = "burdenoffregistry.azurecr.io", s = "alpha-proxy-auth-v1", c = "alpha-proxy-auth-v1", l = "alpha-delegated-auth-v11", u = "sandbox-app-client-headers-v1";
 function d(e) {
 	switch (e) {
 		case "general": return s;

package/dist/services/assistantApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"assistantApi.js","names":[],"sources":["../../src/services/assistantApi.ts"],"sourcesContent":["/**\n * AI Assistant API service.\n *\n * All requests go through the wspace-public-gateway (GraphQL Federation):\n *   Frontend → wspace-public-gateway → wspace-sandbox-svc → ai-assistant (K8s pod)\n *\n * Uses the host app's Apollo Client which already points to the gateway.\n */\n\nimport { type ApolloClient } from '@apollo/client';\nimport { print, type DocumentNode } from 'graphql';\nimport type { AssistantArtifact, AssistantMode } from '@/types/assistant';\nimport type { PageContext } from '@/utils/pageContext';\nimport {\n  CreateSandboxDocument,\n  GetSandboxDocument,\n  GetActiveSandboxesDocument,\n  ProxySandboxRequestDocument,\n  ExtendSandboxTtlDocument,\n} from '@/generated/wspace-operations';\n\n// ── Image registry ─────────────────────────────────────────────────\n\nconst HARBOR_REGISTRY = 'harbor.tooling.internal.burdenoff.com';\nconst DEFAULT_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha';\nconst GENERAL_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst VIBE_PLUGINS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst API_CALLS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-delegated-auth-v11';\nconst ASSISTANT_API_AUTH_STRATEGY = 'sandbox-app-client-headers-v1';\n\nfunction getImageTagForMode(mode: AssistantMode): string {\n  switch (mode) {\n    case 'general':\n      return GENERAL_IMAGE_TAG;\n    case 'vibe-plugins':\n      return VIBE_PLUGINS_IMAGE_TAG;\n    case 'api-calls':\n      return API_CALLS_IMAGE_TAG;\n  }\n}\n\nfunction getImageForMode(mode: AssistantMode): string {\n  const imageTag =\n    mode === 'api-calls'\n      ? API_CALLS_IMAGE_TAG\n      : mode === 'general'\n        ? GENERAL_IMAGE_TAG\n        : VIBE_PLUGINS_IMAGE_TAG;\n  return `${HARBOR_REGISTRY}/wspace/ai-assistant-${mode}:${imageTag}`;\n}\n\nfunction getResourcesForMode(mode: AssistantMode): {\n  cpuRequest: string;\n  cpuLimit: string;\n  memoryRequest: string;\n  memoryLimit: string;\n} {\n  switch (mode) {\n    case 'general':\n      return {\n        cpuRequest: '100m',\n        cpuLimit: '500m',\n        memoryRequest: '256Mi',\n        memoryLimit: '1Gi',\n      };\n    case 'vibe-plugins':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n    case 'api-calls':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n  }\n}\n\nfunction resolveSandboxAssistantMode(sandbox: {\n  metadata: Record<string, unknown> | null;\n  name?: string | null;\n}): AssistantMode | null {\n  const metadataMode = sandbox.metadata?.assistantMode;\n  if (\n    metadataMode === 'general' ||\n    metadataMode === 'api-calls' ||\n    metadataMode === 'vibe-plugins'\n  ) {\n    return metadataMode;\n  }\n\n  const name = sandbox.name ?? '';\n  if (name.startsWith('ai-assistant-vibe-plugins-')) return 'vibe-plugins';\n  if (name.startsWith('ai-assistant-api-calls-')) return 'api-calls';\n  if (name.startsWith('ai-assistant-general-')) return 'general';\n  return null;\n}\n\n// ── GraphQL operations (colocated .graphql → generated DocumentNodes) ──\n\n// ── Types ───────────────────────────────────────────────────────────\n\nexport interface AssistantPromptResult {\n  response: string;\n  tokens?: { input: number; output: number };\n  artifacts?: AssistantArtifact[];\n}\n\nexport interface AssistantRawMessagePart {\n  type?: string;\n  text?: string;\n  tool?: string;\n  state?: {\n    status?: string;\n    input?: unknown;\n    output?: unknown;\n    raw?: unknown;\n  };\n}\n\nexport interface AssistantRawMessage {\n  info?: {\n    id?: string;\n    role?: string;\n    providerID?: string;\n    modelID?: string;\n    tokens?: { input: number; output: number };\n    time?: {\n      created?: number;\n      completed?: number;\n    };\n  };\n  parts?: AssistantRawMessagePart[];\n}\n\nexport interface AssistantSandboxAuthContext {\n  accessToken?: string | null;\n  workspaceToken?: string | null;\n  userId?: string | null;\n  organizationId?: string | null;\n}\n\nexport interface AssistantSessionInfo {\n  id: string;\n  mode: string;\n}\n\ninterface GraphQLResponse<TData> {\n  data?: TData;\n  errors?: Array<{ message: string }>;\n}\n\nexport interface DownloadedAssistantArtifact {\n  filename: string;\n  mimeType: string;\n  contentBase64: string;\n}\n\ninterface ProxyResponse {\n  proxySandboxRequest: {\n    status: number;\n    body: Record<string, unknown>;\n  };\n}\n\nfunction getGatewayRequestContext(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): { headers?: Record<string, string> } | undefined {\n  const headers: Record<string, string> = {};\n\n  if (authContext?.accessToken) {\n    headers.authorization = `Bearer ${authContext.accessToken}`;\n  }\n\n  if (authContext?.workspaceToken) {\n    headers['x-workspace-authorization'] = `Bearer ${authContext.workspaceToken}`;\n  }\n\n  if (workspaceId) {\n    headers['x-workspace-id'] = workspaceId;\n  }\n\n  if (authContext?.userId) {\n    headers['x-actor-id'] = authContext.userId;\n    headers['x-actor-type'] = 'user';\n  }\n\n  if (authContext?.organizationId) {\n    headers['x-org-id'] = authContext.organizationId;\n  }\n\n  return Object.keys(headers).length > 0 ? { headers } : undefined;\n}\n\nfunction buildSandboxContextInput(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Record<string, unknown> {\n  return {\n    workspaceId,\n    ...(authContext?.organizationId\n      ? {\n          custom: {\n            organizationId: authContext.organizationId,\n          },\n        }\n      : {}),\n  };\n}\n\nasync function executeSandboxGraphQL<TData>(params: {\n  document: DocumentNode;\n  variables: Record<string, unknown>;\n  workspaceId: string;\n  authContext?: AssistantSandboxAuthContext;\n}): Promise<TData> {\n  const response = await fetch('/workspaces/graphql', {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(getGatewayRequestContext(params.workspaceId, params.authContext)?.headers ?? {}),\n    },\n    body: JSON.stringify({\n      query: print(params.document),\n      variables: params.variables,\n    }),\n  });\n\n  const result = (await response.json().catch(() => null)) as GraphQLResponse<TData> | null;\n\n  if (!response.ok) {\n    throw new Error(`Sandbox GraphQL HTTP ${response.status}`);\n  }\n\n  if (!result) {\n    throw new Error('Sandbox GraphQL returned empty response');\n  }\n\n  if (result.errors?.length) {\n    throw new Error(result.errors.map((error: { message: string }) => error.message).join(', '));\n  }\n\n  if (!result.data) {\n    throw new Error('Sandbox GraphQL returned no data');\n  }\n\n  return result.data;\n}\n\n// ── Find existing sandbox for a mode ───────────────────────────────\n\nexport async function findExistingSandbox(\n  _apollo: ApolloClient,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string | null> {\n  const data = await executeSandboxGraphQL<{\n    getActiveSandboxes: Array<{\n      id: string;\n      name: string;\n      status: string;\n      metadata: Record<string, unknown> | null;\n      template: string;\n      createdBy: string;\n    }>;\n  }>({\n    document: GetActiveSandboxesDocument,\n    variables: { context: buildSandboxContextInput(workspaceId, authContext) },\n    workspaceId,\n    authContext,\n  });\n  const sandboxes = data.getActiveSandboxes ?? [];\n\n  return (\n    sandboxes.find(\n      (s) =>\n        (s.status === 'RUNNING' || s.status === 'PROVISIONING' || s.status === 'PENDING') &&\n        s.template === 'AI_BUILDER' &&\n        resolveSandboxAssistantMode(s) === mode &&\n        (!authContext?.userId || s.createdBy === authContext.userId) &&\n        s.metadata?.authStrategy === ASSISTANT_API_AUTH_STRATEGY &&\n        s.metadata?.imageTag === getImageTagForMode(mode)\n    )?.id ?? null\n  );\n}\n\n// ── Sandbox lifecycle ──────────────────────────────────────────────\n\nexport async function createAssistantSandbox(\n  _apollo: ApolloClient,\n  mode: AssistantMode,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string> {\n  const resources = getResourcesForMode(mode);\n  const env = [\n    { name: 'AI_ASSISTANT_MODE', value: mode },\n    { name: 'HOSTNAME', value: '0.0.0.0' },\n    { name: 'WORKSPACE_ID', value: workspaceId },\n  ];\n\n  const data = await executeSandboxGraphQL<{ createSandbox: { id: string } }>({\n    document: CreateSandboxDocument,\n    variables: {\n      input: {\n        name: `ai-assistant-${mode}-${Date.now()}`,\n        description: `AI Assistant sandbox (${mode} mode)`,\n        template: 'AI_BUILDER',\n        mode: 'DEPLOYMENT',\n        containers: [\n          {\n            name: 'ai-assistant',\n            image: getImageForMode(mode),\n            ports: [{ containerPort: 80, name: 'http' }],\n            env,\n          },\n        ],\n        resources: {\n          cpuRequest: resources.cpuRequest,\n          cpuLimit: resources.cpuLimit,\n          memoryRequest: resources.memoryRequest,\n          memoryLimit: resources.memoryLimit,\n        },\n        ttlSeconds: 600,\n        metadata: {\n          assistantMode: mode,\n          assistantOwnerUserId: authContext?.userId ?? null,\n          assistantOrganizationId: authContext?.organizationId ?? null,\n          authStrategy: ASSISTANT_API_AUTH_STRATEGY,\n          imageTag: getImageTagForMode(mode),\n        },\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  if (!data?.createSandbox?.id) {\n    throw new Error('createSandbox returned empty response');\n  }\n  return data.createSandbox.id;\n}\n\nexport async function waitForSandboxReady(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 300_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const start = Date.now();\n  while (Date.now() - start < maxWaitMs) {\n    const data = await executeSandboxGraphQL<{\n      getSandbox: { status?: string; errorMessage?: string } | null;\n    }>({\n      document: GetSandboxDocument,\n      variables: { id: sandboxId, context: buildSandboxContextInput(workspaceId, authContext) },\n      workspaceId,\n      authContext,\n    });\n    const status = data?.getSandbox?.status;\n    const errorMessage = data?.getSandbox?.errorMessage as string | undefined;\n    if (status === 'RUNNING') return;\n    if (status === 'FAILED' || status === 'STOPPED' || status === 'EXPIRED') {\n      throw new Error(\n        errorMessage\n          ? `Sandbox ${status.toLowerCase()}: ${errorMessage}`\n          : `Sandbox ${status.toLowerCase()}`\n      );\n    }\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - start) / 1000));\n    onProgress?.(`Starting assistant environment... (${elapsedSeconds}s)`);\n    await new Promise((r) => setTimeout(r, 2000));\n  }\n  throw new Error('Sandbox startup timed out');\n}\n\n// ── Proxy calls to ai-assistant (via gateway → sandbox-svc) ───────\n\nasync function proxyToSandbox(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  path: string,\n  method: string,\n  body?: unknown,\n  authContext?: AssistantSandboxAuthContext\n): Promise<Record<string, unknown>> {\n  const result = await executeSandboxGraphQL<ProxyResponse>({\n    document: ProxySandboxRequestDocument,\n    variables: {\n      input: {\n        sandboxId,\n        path,\n        method,\n        body,\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  const proxyResult = result.proxySandboxRequest;\n  if (!proxyResult || proxyResult.status >= 400) {\n    const errBody = proxyResult?.body as Record<string, unknown> | undefined;\n    throw new Error(\n      (errBody?.error as string) ?? `Proxy error: ${proxyResult?.status ?? 'unknown'}`\n    );\n  }\n\n  return proxyResult.body;\n}\n\nexport async function waitForAssistantServiceReady(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 90_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const startedAt = Date.now();\n\n  while (Date.now() - startedAt < maxWaitMs) {\n    try {\n      await proxyToSandbox(\n        apollo,\n        sandboxId,\n        workspaceId,\n        '/health',\n        'GET',\n        undefined,\n        authContext\n      );\n      return;\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error);\n      if (\n        !/proxy error: 502|proxy error: 503|proxy error: 404|service not available/i.test(message)\n      ) {\n        throw error;\n      }\n    }\n\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - startedAt) / 1000));\n    onProgress?.(`Connecting to assistant... (${elapsedSeconds}s)`);\n\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n  }\n\n  throw new Error('Assistant service did not become healthy before timeout');\n}\n\n// ── Session management ─────────────────────────────────────────────\n\nexport async function createAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<{ sessionId: string }> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    '/sessions',\n    'POST',\n    { mode },\n    authContext\n  );\n  const session = body.session as Record<string, unknown>;\n  return { sessionId: session.id as string };\n}\n\nexport async function getAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantSessionInfo> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}`,\n    'GET',\n    undefined,\n    authContext\n  );\n  const session = body.session as Record<string, unknown> | undefined;\n\n  return {\n    id: (session?.id as string | undefined) ?? sessionId,\n    mode: (body.mode as string | undefined) ?? 'unknown',\n  };\n}\n\n// ── Send prompt ────────────────────────────────────────────────────\n\nexport async function sendAssistantPrompt(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantPromptResult> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext\n      ? {\n          activeUrl: pageContext.activeUrl,\n          currentPage: pageContext.currentPage,\n          platform: pageContext.platform,\n          version: pageContext.version,\n          viewportSize: pageContext.viewportSize,\n        }\n      : undefined,\n  };\n\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt`,\n    'POST',\n    requestBody,\n    authContext\n  );\n\n  const message = body.message as Record<string, unknown> | undefined;\n  const tokens = message?.tokens as { input: number; output: number } | undefined;\n\n  return { response: body.text as string, tokens };\n}\n\nexport async function sendAssistantPromptAsync(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext ?? undefined,\n  };\n\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt-async`,\n    'POST',\n    requestBody,\n    authContext\n  );\n}\n\nexport async function getAssistantMessages(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext,\n  limit = 50\n): Promise<AssistantRawMessage[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/messages?limit=${limit}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return (body.messages as AssistantRawMessage[] | undefined) ?? [];\n}\n\nexport async function getAssistantArtifacts(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantArtifact[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return ((body.artifacts as AssistantArtifact[] | undefined) ?? []).filter(\n    (artifact) => !artifact.name.startsWith('.')\n  );\n}\n\nexport async function downloadAssistantArtifact(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  artifactPath: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<DownloadedAssistantArtifact> {\n  const encodedPath = encodeURIComponent(artifactPath);\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts/download?path=${encodedPath}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  const artifact = body.artifact as Record<string, unknown> | undefined;\n  if (!artifact) {\n    throw new Error('Artifact download returned an empty response');\n  }\n\n  return {\n    filename: artifact.filename as string,\n    mimeType: artifact.mimeType as string,\n    contentBase64: artifact.contentBase64 as string,\n  };\n}\n\n// ── Heartbeat ───────────────────────────────────────────────────────\n\nexport async function sendHeartbeat(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/heartbeat`,\n    'POST',\n    undefined,\n    authContext\n  );\n}\n\nexport async function extendAssistantSandboxTTL(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  additionalSeconds = 600,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await executeSandboxGraphQL<{ extendSandboxTTL: { id: string } }>({\n    document: ExtendSandboxTtlDocument,\n    variables: {\n      id: sandboxId,\n      additionalSeconds,\n      context: buildSandboxContextInput(workspaceId, authContext),\n    },\n    workspaceId,\n    authContext,\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"assistantApi.js","names":[],"sources":["../../src/services/assistantApi.ts"],"sourcesContent":["/**\n * AI Assistant API service.\n *\n * All requests go through the wspace-public-gateway (GraphQL Federation):\n *   Frontend → wspace-public-gateway → wspace-sandbox-svc → ai-assistant (K8s pod)\n *\n * Uses the host app's Apollo Client which already points to the gateway.\n */\n\nimport { type ApolloClient } from '@apollo/client';\nimport { print, type DocumentNode } from 'graphql';\nimport type { AssistantArtifact, AssistantMode } from '@/types/assistant';\nimport type { PageContext } from '@/utils/pageContext';\nimport {\n  CreateSandboxDocument,\n  GetSandboxDocument,\n  GetActiveSandboxesDocument,\n  ProxySandboxRequestDocument,\n  ExtendSandboxTtlDocument,\n} from '@/generated/wspace-operations';\n\n// ── Image registry ─────────────────────────────────────────────────\n\nconst HARBOR_REGISTRY = 'burdenoffregistry.azurecr.io';\nconst DEFAULT_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha';\nconst GENERAL_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst VIBE_PLUGINS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst API_CALLS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-delegated-auth-v11';\nconst ASSISTANT_API_AUTH_STRATEGY = 'sandbox-app-client-headers-v1';\n\nfunction getImageTagForMode(mode: AssistantMode): string {\n  switch (mode) {\n    case 'general':\n      return GENERAL_IMAGE_TAG;\n    case 'vibe-plugins':\n      return VIBE_PLUGINS_IMAGE_TAG;\n    case 'api-calls':\n      return API_CALLS_IMAGE_TAG;\n  }\n}\n\nfunction getImageForMode(mode: AssistantMode): string {\n  const imageTag =\n    mode === 'api-calls'\n      ? API_CALLS_IMAGE_TAG\n      : mode === 'general'\n        ? GENERAL_IMAGE_TAG\n        : VIBE_PLUGINS_IMAGE_TAG;\n  return `${HARBOR_REGISTRY}/wspace/ai-assistant-${mode}:${imageTag}`;\n}\n\nfunction getResourcesForMode(mode: AssistantMode): {\n  cpuRequest: string;\n  cpuLimit: string;\n  memoryRequest: string;\n  memoryLimit: string;\n} {\n  switch (mode) {\n    case 'general':\n      return {\n        cpuRequest: '100m',\n        cpuLimit: '500m',\n        memoryRequest: '256Mi',\n        memoryLimit: '1Gi',\n      };\n    case 'vibe-plugins':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n    case 'api-calls':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n  }\n}\n\nfunction resolveSandboxAssistantMode(sandbox: {\n  metadata: Record<string, unknown> | null;\n  name?: string | null;\n}): AssistantMode | null {\n  const metadataMode = sandbox.metadata?.assistantMode;\n  if (\n    metadataMode === 'general' ||\n    metadataMode === 'api-calls' ||\n    metadataMode === 'vibe-plugins'\n  ) {\n    return metadataMode;\n  }\n\n  const name = sandbox.name ?? '';\n  if (name.startsWith('ai-assistant-vibe-plugins-')) return 'vibe-plugins';\n  if (name.startsWith('ai-assistant-api-calls-')) return 'api-calls';\n  if (name.startsWith('ai-assistant-general-')) return 'general';\n  return null;\n}\n\n// ── GraphQL operations (colocated .graphql → generated DocumentNodes) ──\n\n// ── Types ───────────────────────────────────────────────────────────\n\nexport interface AssistantPromptResult {\n  response: string;\n  tokens?: { input: number; output: number };\n  artifacts?: AssistantArtifact[];\n}\n\nexport interface AssistantRawMessagePart {\n  type?: string;\n  text?: string;\n  tool?: string;\n  state?: {\n    status?: string;\n    input?: unknown;\n    output?: unknown;\n    raw?: unknown;\n  };\n}\n\nexport interface AssistantRawMessage {\n  info?: {\n    id?: string;\n    role?: string;\n    providerID?: string;\n    modelID?: string;\n    tokens?: { input: number; output: number };\n    time?: {\n      created?: number;\n      completed?: number;\n    };\n  };\n  parts?: AssistantRawMessagePart[];\n}\n\nexport interface AssistantSandboxAuthContext {\n  accessToken?: string | null;\n  workspaceToken?: string | null;\n  userId?: string | null;\n  organizationId?: string | null;\n}\n\nexport interface AssistantSessionInfo {\n  id: string;\n  mode: string;\n}\n\ninterface GraphQLResponse<TData> {\n  data?: TData;\n  errors?: Array<{ message: string }>;\n}\n\nexport interface DownloadedAssistantArtifact {\n  filename: string;\n  mimeType: string;\n  contentBase64: string;\n}\n\ninterface ProxyResponse {\n  proxySandboxRequest: {\n    status: number;\n    body: Record<string, unknown>;\n  };\n}\n\nfunction getGatewayRequestContext(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): { headers?: Record<string, string> } | undefined {\n  const headers: Record<string, string> = {};\n\n  if (authContext?.accessToken) {\n    headers.authorization = `Bearer ${authContext.accessToken}`;\n  }\n\n  if (authContext?.workspaceToken) {\n    headers['x-workspace-authorization'] = `Bearer ${authContext.workspaceToken}`;\n  }\n\n  if (workspaceId) {\n    headers['x-workspace-id'] = workspaceId;\n  }\n\n  if (authContext?.userId) {\n    headers['x-actor-id'] = authContext.userId;\n    headers['x-actor-type'] = 'user';\n  }\n\n  if (authContext?.organizationId) {\n    headers['x-org-id'] = authContext.organizationId;\n  }\n\n  return Object.keys(headers).length > 0 ? { headers } : undefined;\n}\n\nfunction buildSandboxContextInput(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Record<string, unknown> {\n  return {\n    workspaceId,\n    ...(authContext?.organizationId\n      ? {\n          custom: {\n            organizationId: authContext.organizationId,\n          },\n        }\n      : {}),\n  };\n}\n\nasync function executeSandboxGraphQL<TData>(params: {\n  document: DocumentNode;\n  variables: Record<string, unknown>;\n  workspaceId: string;\n  authContext?: AssistantSandboxAuthContext;\n}): Promise<TData> {\n  const response = await fetch('/workspaces/graphql', {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(getGatewayRequestContext(params.workspaceId, params.authContext)?.headers ?? {}),\n    },\n    body: JSON.stringify({\n      query: print(params.document),\n      variables: params.variables,\n    }),\n  });\n\n  const result = (await response.json().catch(() => null)) as GraphQLResponse<TData> | null;\n\n  if (!response.ok) {\n    throw new Error(`Sandbox GraphQL HTTP ${response.status}`);\n  }\n\n  if (!result) {\n    throw new Error('Sandbox GraphQL returned empty response');\n  }\n\n  if (result.errors?.length) {\n    throw new Error(result.errors.map((error: { message: string }) => error.message).join(', '));\n  }\n\n  if (!result.data) {\n    throw new Error('Sandbox GraphQL returned no data');\n  }\n\n  return result.data;\n}\n\n// ── Find existing sandbox for a mode ───────────────────────────────\n\nexport async function findExistingSandbox(\n  _apollo: ApolloClient,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string | null> {\n  const data = await executeSandboxGraphQL<{\n    getActiveSandboxes: Array<{\n      id: string;\n      name: string;\n      status: string;\n      metadata: Record<string, unknown> | null;\n      template: string;\n      createdBy: string;\n    }>;\n  }>({\n    document: GetActiveSandboxesDocument,\n    variables: { context: buildSandboxContextInput(workspaceId, authContext) },\n    workspaceId,\n    authContext,\n  });\n  const sandboxes = data.getActiveSandboxes ?? [];\n\n  return (\n    sandboxes.find(\n      (s) =>\n        (s.status === 'RUNNING' || s.status === 'PROVISIONING' || s.status === 'PENDING') &&\n        s.template === 'AI_BUILDER' &&\n        resolveSandboxAssistantMode(s) === mode &&\n        (!authContext?.userId || s.createdBy === authContext.userId) &&\n        s.metadata?.authStrategy === ASSISTANT_API_AUTH_STRATEGY &&\n        s.metadata?.imageTag === getImageTagForMode(mode)\n    )?.id ?? null\n  );\n}\n\n// ── Sandbox lifecycle ──────────────────────────────────────────────\n\nexport async function createAssistantSandbox(\n  _apollo: ApolloClient,\n  mode: AssistantMode,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string> {\n  const resources = getResourcesForMode(mode);\n  const env = [\n    { name: 'AI_ASSISTANT_MODE', value: mode },\n    { name: 'HOSTNAME', value: '0.0.0.0' },\n    { name: 'WORKSPACE_ID', value: workspaceId },\n  ];\n\n  const data = await executeSandboxGraphQL<{ createSandbox: { id: string } }>({\n    document: CreateSandboxDocument,\n    variables: {\n      input: {\n        name: `ai-assistant-${mode}-${Date.now()}`,\n        description: `AI Assistant sandbox (${mode} mode)`,\n        template: 'AI_BUILDER',\n        mode: 'DEPLOYMENT',\n        containers: [\n          {\n            name: 'ai-assistant',\n            image: getImageForMode(mode),\n            ports: [{ containerPort: 80, name: 'http' }],\n            env,\n          },\n        ],\n        resources: {\n          cpuRequest: resources.cpuRequest,\n          cpuLimit: resources.cpuLimit,\n          memoryRequest: resources.memoryRequest,\n          memoryLimit: resources.memoryLimit,\n        },\n        ttlSeconds: 600,\n        metadata: {\n          assistantMode: mode,\n          assistantOwnerUserId: authContext?.userId ?? null,\n          assistantOrganizationId: authContext?.organizationId ?? null,\n          authStrategy: ASSISTANT_API_AUTH_STRATEGY,\n          imageTag: getImageTagForMode(mode),\n        },\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  if (!data?.createSandbox?.id) {\n    throw new Error('createSandbox returned empty response');\n  }\n  return data.createSandbox.id;\n}\n\nexport async function waitForSandboxReady(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 300_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const start = Date.now();\n  while (Date.now() - start < maxWaitMs) {\n    const data = await executeSandboxGraphQL<{\n      getSandbox: { status?: string; errorMessage?: string } | null;\n    }>({\n      document: GetSandboxDocument,\n      variables: { id: sandboxId, context: buildSandboxContextInput(workspaceId, authContext) },\n      workspaceId,\n      authContext,\n    });\n    const status = data?.getSandbox?.status;\n    const errorMessage = data?.getSandbox?.errorMessage as string | undefined;\n    if (status === 'RUNNING') return;\n    if (status === 'FAILED' || status === 'STOPPED' || status === 'EXPIRED') {\n      throw new Error(\n        errorMessage\n          ? `Sandbox ${status.toLowerCase()}: ${errorMessage}`\n          : `Sandbox ${status.toLowerCase()}`\n      );\n    }\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - start) / 1000));\n    onProgress?.(`Starting assistant environment... (${elapsedSeconds}s)`);\n    await new Promise((r) => setTimeout(r, 2000));\n  }\n  throw new Error('Sandbox startup timed out');\n}\n\n// ── Proxy calls to ai-assistant (via gateway → sandbox-svc) ───────\n\nasync function proxyToSandbox(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  path: string,\n  method: string,\n  body?: unknown,\n  authContext?: AssistantSandboxAuthContext\n): Promise<Record<string, unknown>> {\n  const result = await executeSandboxGraphQL<ProxyResponse>({\n    document: ProxySandboxRequestDocument,\n    variables: {\n      input: {\n        sandboxId,\n        path,\n        method,\n        body,\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  const proxyResult = result.proxySandboxRequest;\n  if (!proxyResult || proxyResult.status >= 400) {\n    const errBody = proxyResult?.body as Record<string, unknown> | undefined;\n    throw new Error(\n      (errBody?.error as string) ?? `Proxy error: ${proxyResult?.status ?? 'unknown'}`\n    );\n  }\n\n  return proxyResult.body;\n}\n\nexport async function waitForAssistantServiceReady(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 90_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const startedAt = Date.now();\n\n  while (Date.now() - startedAt < maxWaitMs) {\n    try {\n      await proxyToSandbox(\n        apollo,\n        sandboxId,\n        workspaceId,\n        '/health',\n        'GET',\n        undefined,\n        authContext\n      );\n      return;\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error);\n      if (\n        !/proxy error: 502|proxy error: 503|proxy error: 404|service not available/i.test(message)\n      ) {\n        throw error;\n      }\n    }\n\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - startedAt) / 1000));\n    onProgress?.(`Connecting to assistant... (${elapsedSeconds}s)`);\n\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n  }\n\n  throw new Error('Assistant service did not become healthy before timeout');\n}\n\n// ── Session management ─────────────────────────────────────────────\n\nexport async function createAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<{ sessionId: string }> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    '/sessions',\n    'POST',\n    { mode },\n    authContext\n  );\n  const session = body.session as Record<string, unknown>;\n  return { sessionId: session.id as string };\n}\n\nexport async function getAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantSessionInfo> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}`,\n    'GET',\n    undefined,\n    authContext\n  );\n  const session = body.session as Record<string, unknown> | undefined;\n\n  return {\n    id: (session?.id as string | undefined) ?? sessionId,\n    mode: (body.mode as string | undefined) ?? 'unknown',\n  };\n}\n\n// ── Send prompt ────────────────────────────────────────────────────\n\nexport async function sendAssistantPrompt(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantPromptResult> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext\n      ? {\n          activeUrl: pageContext.activeUrl,\n          currentPage: pageContext.currentPage,\n          platform: pageContext.platform,\n          version: pageContext.version,\n          viewportSize: pageContext.viewportSize,\n        }\n      : undefined,\n  };\n\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt`,\n    'POST',\n    requestBody,\n    authContext\n  );\n\n  const message = body.message as Record<string, unknown> | undefined;\n  const tokens = message?.tokens as { input: number; output: number } | undefined;\n\n  return { response: body.text as string, tokens };\n}\n\nexport async function sendAssistantPromptAsync(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext ?? undefined,\n  };\n\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt-async`,\n    'POST',\n    requestBody,\n    authContext\n  );\n}\n\nexport async function getAssistantMessages(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext,\n  limit = 50\n): Promise<AssistantRawMessage[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/messages?limit=${limit}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return (body.messages as AssistantRawMessage[] | undefined) ?? [];\n}\n\nexport async function getAssistantArtifacts(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantArtifact[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return ((body.artifacts as AssistantArtifact[] | undefined) ?? []).filter(\n    (artifact) => !artifact.name.startsWith('.')\n  );\n}\n\nexport async function downloadAssistantArtifact(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  artifactPath: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<DownloadedAssistantArtifact> {\n  const encodedPath = encodeURIComponent(artifactPath);\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts/download?path=${encodedPath}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  const artifact = body.artifact as Record<string, unknown> | undefined;\n  if (!artifact) {\n    throw new Error('Artifact download returned an empty response');\n  }\n\n  return {\n    filename: artifact.filename as string,\n    mimeType: artifact.mimeType as string,\n    contentBase64: artifact.contentBase64 as string,\n  };\n}\n\n// ── Heartbeat ───────────────────────────────────────────────────────\n\nexport async function sendHeartbeat(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/heartbeat`,\n    'POST',\n    undefined,\n    authContext\n  );\n}\n\nexport async function extendAssistantSandboxTTL(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  additionalSeconds = 600,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await executeSandboxGraphQL<{ extendSandboxTTL: { id: string } }>({\n    document: ExtendSandboxTtlDocument,\n    variables: {\n      id: sandboxId,\n      additionalSeconds,\n      context: buildSandboxContextInput(workspaceId, authContext),\n    },\n    workspaceId,\n    authContext,\n  });\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-vibecontrols",
-  "version": "2026.514.4",
+  "version": "2026.514.6",
   "description": "VibeControls microfrontend for Burdenoff products",
   "type": "module",
   "files": [