@mastra/playground-ui 68.0.0-alpha.2 → 68.0.0

package/dist/domains/chat/tools/badges/use-mcp-task-progress.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mcp-task-progress.es.js","names":[],"sources":["../../../../../src/domains/chat/tools/badges/use-mcp-task-progress.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\n\nexport type McpTaskStatus = 'working' | 'input_required' | 'completed' | 'failed' | 'cancelled';\n\n/** What `@mastra/mcp`'s client writes to a task-backed tool's output stream (`MCPTaskProgress`). */\nexport interface McpTaskProgress {\n  type: 'mcp-task';\n  taskId: string;\n  status: McpTaskStatus;\n  createdAt: string;\n  serverName: string;\n}\n\nconst STATUSES: ReadonlySet<string> = new Set(['working', 'input_required', 'completed', 'failed', 'cancelled']);\n\nexport const isTerminalMcpTaskStatus = (status: McpTaskStatus) =>\n  status === 'completed' || status === 'failed' || status === 'cancelled';\n\nfunction isMcpTaskProgress(value: unknown): value is McpTaskProgress {\n  if (typeof value !== 'object' || value === null) return false;\n  const entry = value as Record<string, unknown>;\n  return (\n    entry.type === 'mcp-task' &&\n    typeof entry.taskId === 'string' &&\n    typeof entry.createdAt === 'string' &&\n    typeof entry.serverName === 'string' &&\n    typeof entry.status === 'string' &&\n    STATUSES.has(entry.status)\n  );\n}\n\n/** While a tool call runs, its progress writes accumulate as the call's `result` array. */\nfunction latestProgress(result: unknown): McpTaskProgress | undefined {\n  if (!Array.isArray(result)) return undefined;\n  for (let index = result.length - 1; index >= 0; index--) {\n    if (isMcpTaskProgress(result[index])) return result[index];\n  }\n  return undefined;\n}\n\nexport interface McpTaskView extends McpTaskProgress {\n  /** When the card saw the task end; the elapsed time stops here. */\n  endedAt?: number;\n}\n\n/**\n * The MCP task behind a tool call, if the call continued as one. The final result replaces the\n * progress writes, so the last one seen is kept for as long as the card is mounted; its terminal\n * status then comes from how the call ended. Progress isn't saved with the thread, so a reloaded\n * card has no task to show.\n *\n * A deferred call (one running as a Mastra background task) settles its part with a placeholder\n * long before the task ends, so its end is never inferred here: the background task says when.\n */\nexport function useMcpTaskProgress(\n  result: unknown,\n  status: ActivityStatus,\n  { deferred = false }: { deferred?: boolean } = {},\n): McpTaskView | undefined {\n  const live = latestProgress(result);\n  const [seen, setSeen] = useState(live);\n  if (live && (live.taskId !== seen?.taskId || live.status !== seen.status)) setSeen(live);\n\n  const task = live ?? seen;\n  const ended = task && !live && !deferred && status !== 'running';\n  const taskStatus: McpTaskStatus | undefined = !task\n    ? undefined\n    : ended && !isTerminalMcpTaskStatus(task.status)\n      ? status === 'error'\n        ? 'failed'\n        : 'completed'\n      : task.status;\n  const terminal = taskStatus !== undefined && isTerminalMcpTaskStatus(taskStatus);\n\n  const [endedAt, setEndedAt] = useState<number>();\n  useEffect(() => {\n    if (terminal && endedAt === undefined) setEndedAt(Date.now());\n  }, [terminal, endedAt]);\n\n  return task && taskStatus ? { ...task, status: taskStatus, endedAt } : undefined;\n}\n"],"mappings":";;AAcA,IAAM,2BAAgC,IAAI,IAAI;CAAC;CAAW;CAAkB;CAAa;CAAU;AAAW,CAAC;AAE/G,IAAa,2BAA2B,WACtC,WAAW,eAAe,WAAW,YAAY,WAAW;AAE9D,SAAS,kBAAkB,OAA0C;CACnE,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM,OAAO;CACxD,MAAM,QAAQ;CACd,OACE,MAAM,SAAS,cACf,OAAO,MAAM,WAAW,YACxB,OAAO,MAAM,cAAc,YAC3B,OAAO,MAAM,eAAe,YAC5B,OAAO,MAAM,WAAW,YACxB,SAAS,IAAI,MAAM,MAAM;AAE7B;;AAGA,SAAS,eAAe,QAA8C;CACpE,IAAI,CAAC,MAAM,QAAQ,MAAM,GAAG,OAAO,KAAA;CACnC,KAAK,IAAI,QAAQ,OAAO,SAAS,GAAG,SAAS,GAAG,SAC9C,IAAI,kBAAkB,OAAO,MAAM,GAAG,OAAO,OAAO;AAGxD;;;;;;;;;;AAgBA,SAAgB,mBACd,QACA,QACA,EAAE,WAAW,UAAkC,CAAC,GACvB;CACzB,MAAM,OAAO,eAAe,MAAM;CAClC,MAAM,CAAC,MAAM,WAAW,SAAS,IAAI;CACrC,IAAI,SAAS,KAAK,WAAW,MAAM,UAAU,KAAK,WAAW,KAAK,SAAS,QAAQ,IAAI;CAEvF,MAAM,OAAO,QAAQ;CAErB,MAAM,aAAwC,CAAC,OAC3C,KAAA,IAFU,QAAQ,CAAC,QAAQ,CAAC,YAAY,WAAW,aAG1C,CAAC,wBAAwB,KAAK,MAAM,IAC3C,WAAW,UACT,WACA,cACF,KAAK;CACX,MAAM,WAAW,eAAe,KAAA,KAAa,wBAAwB,UAAU;CAE/E,MAAM,CAAC,SAAS,cAAc,SAAiB;CAC/C,gBAAgB;EACd,IAAI,YAAY,YAAY,KAAA,GAAW,WAAW,KAAK,IAAI,CAAC;CAC9D,GAAG,CAAC,UAAU,OAAO,CAAC;CAEtB,OAAO,QAAQ,aAAa;EAAE,GAAG;EAAM,QAAQ;EAAY;CAAQ,IAAI,KAAA;AACzE"}
+{"version":3,"file":"use-mcp-task-progress.es.js","names":[],"sources":["../../../../../src/domains/chat/tools/badges/use-mcp-task-progress.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { McpInputRequestPayload } from '../mcp-input-request';\nimport type { ActivityStatus } from '@/ds/components/ai/activity';\n\nexport type McpTaskStatus = 'working' | 'input_required' | 'completed' | 'failed' | 'cancelled';\n\n/** What `@mastra/mcp`'s client writes to a task-backed tool's output stream (`MCPTaskProgress`). */\nexport interface McpTaskProgress {\n  type: 'mcp-task';\n  taskId: string;\n  status: McpTaskStatus;\n  createdAt: string;\n  serverName: string;\n}\n\nconst STATUSES: ReadonlySet<string> = new Set(['working', 'input_required', 'completed', 'failed', 'cancelled']);\n\nexport const isTerminalMcpTaskStatus = (status: McpTaskStatus) =>\n  status === 'completed' || status === 'failed' || status === 'cancelled';\n\nfunction isMcpTaskProgress(value: unknown): value is McpTaskProgress {\n  if (typeof value !== 'object' || value === null) return false;\n  const entry = value as Record<string, unknown>;\n  return (\n    entry.type === 'mcp-task' &&\n    typeof entry.taskId === 'string' &&\n    typeof entry.createdAt === 'string' &&\n    typeof entry.serverName === 'string' &&\n    typeof entry.status === 'string' &&\n    STATUSES.has(entry.status)\n  );\n}\n\n/** While a tool call runs, its progress writes accumulate as the call's `result` array. */\nfunction latestProgress(result: unknown): McpTaskProgress | undefined {\n  if (!Array.isArray(result)) return undefined;\n  for (let index = result.length - 1; index >= 0; index--) {\n    if (isMcpTaskProgress(result[index])) return result[index];\n  }\n  return undefined;\n}\n\nexport interface McpTaskView extends McpTaskProgress {\n  /** When the card saw the task end; the elapsed time stops here. */\n  endedAt?: number;\n}\n\n/**\n * The MCP task behind a tool call, if the call continued as one. The final result replaces the\n * progress writes, so the last one seen is kept for as long as the card is mounted; its terminal\n * status then comes from how the call ended. Progress isn't saved with the thread, so a reloaded\n * card has no task to show.\n *\n * A deferred call (one running as a Mastra background task) settles its part with a placeholder\n * long before the task ends, so its end is never inferred here: the background task says when.\n *\n * While the call is suspended on the task's input request, the request names the task, so the chip\n * reads `input_required` even on a reloaded card with no progress.\n */\nexport function useMcpTaskProgress(\n  result: unknown,\n  status: ActivityStatus,\n  { deferred = false, request }: { deferred?: boolean; request?: McpInputRequestPayload } = {},\n): McpTaskView | undefined {\n  const live: McpTaskProgress | undefined = request\n    ? {\n        type: 'mcp-task',\n        taskId: request.taskId,\n        status: 'input_required',\n        createdAt: request.createdAt,\n        serverName: request.serverName,\n      }\n    : latestProgress(result);\n  const [seen, setSeen] = useState(live);\n  if (live && (live.taskId !== seen?.taskId || live.status !== seen.status)) setSeen(live);\n\n  const task = live ?? seen;\n  const ended = task && !live && !deferred && status !== 'running';\n  const taskStatus: McpTaskStatus | undefined = !task\n    ? undefined\n    : ended && !isTerminalMcpTaskStatus(task.status)\n      ? status === 'error'\n        ? 'failed'\n        : 'completed'\n      : task.status;\n  const terminal = taskStatus !== undefined && isTerminalMcpTaskStatus(taskStatus);\n\n  const [endedAt, setEndedAt] = useState<number>();\n  useEffect(() => {\n    if (terminal && endedAt === undefined) setEndedAt(Date.now());\n  }, [terminal, endedAt]);\n\n  return task && taskStatus ? { ...task, status: taskStatus, endedAt } : undefined;\n}\n"],"mappings":";;AAeA,IAAM,2BAAgC,IAAI,IAAI;CAAC;CAAW;CAAkB;CAAa;CAAU;AAAW,CAAC;AAE/G,IAAa,2BAA2B,WACtC,WAAW,eAAe,WAAW,YAAY,WAAW;AAE9D,SAAS,kBAAkB,OAA0C;CACnE,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM,OAAO;CACxD,MAAM,QAAQ;CACd,OACE,MAAM,SAAS,cACf,OAAO,MAAM,WAAW,YACxB,OAAO,MAAM,cAAc,YAC3B,OAAO,MAAM,eAAe,YAC5B,OAAO,MAAM,WAAW,YACxB,SAAS,IAAI,MAAM,MAAM;AAE7B;;AAGA,SAAS,eAAe,QAA8C;CACpE,IAAI,CAAC,MAAM,QAAQ,MAAM,GAAG,OAAO,KAAA;CACnC,KAAK,IAAI,QAAQ,OAAO,SAAS,GAAG,SAAS,GAAG,SAC9C,IAAI,kBAAkB,OAAO,MAAM,GAAG,OAAO,OAAO;AAGxD;;;;;;;;;;;;;AAmBA,SAAgB,mBACd,QACA,QACA,EAAE,WAAW,OAAO,YAAsE,CAAC,GAClE;CACzB,MAAM,OAAoC,UACtC;EACE,MAAM;EACN,QAAQ,QAAQ;EAChB,QAAQ;EACR,WAAW,QAAQ;EACnB,YAAY,QAAQ;CACtB,IACA,eAAe,MAAM;CACzB,MAAM,CAAC,MAAM,WAAW,SAAS,IAAI;CACrC,IAAI,SAAS,KAAK,WAAW,MAAM,UAAU,KAAK,WAAW,KAAK,SAAS,QAAQ,IAAI;CAEvF,MAAM,OAAO,QAAQ;CAErB,MAAM,aAAwC,CAAC,OAC3C,KAAA,IAFU,QAAQ,CAAC,QAAQ,CAAC,YAAY,WAAW,aAG1C,CAAC,wBAAwB,KAAK,MAAM,IAC3C,WAAW,UACT,WACA,cACF,KAAK;CACX,MAAM,WAAW,eAAe,KAAA,KAAa,wBAAwB,UAAU;CAE/E,MAAM,CAAC,SAAS,cAAc,SAAiB;CAC/C,gBAAgB;EACd,IAAI,YAAY,YAAY,KAAA,GAAW,WAAW,KAAK,IAAI,CAAC;CAC9D,GAAG,CAAC,UAAU,OAAO,CAAC;CAEtB,OAAO,QAAQ,aAAa;EAAE,GAAG;EAAM,QAAQ;EAAY;CAAQ,IAAI,KAAA;AACzE"}

package/dist/domains/chat/tools/badges/workflow-badge.cjs.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_framework = require("../../../../lib/framework.cjs.js");
 const require_Button = require("../../../../Button-DLcMcuUL.cjs");
 const require_icons_WorkflowIcon = require("../../../../icons/WorkflowIcon.cjs.js");
-const require_tool_call = require("../../../../tool-call-Bu66PkD-.cjs");
+const require_tool_call = require("../../../../tool-call-DBn14X-3.cjs");
 const require_CodeEditor = require("../../../../CodeEditor-CLzs0yVc.cjs");
 const require_domains_chat_components_loading_badge = require("../../components/loading-badge.cjs.js");
 const require_domains_chat_components_network_choice_metadata_dialog = require("../../components/network-choice-metadata-dialog.cjs.js");

package/dist/domains/chat/tools/badges/workflow-badge.es.js

@@ -1,7 +1,7 @@
 import { useLinkComponent } from "../../../../lib/framework.es.js";
 import { t as Button } from "../../../../Button-CLXTbAY8.js";
 import { WorkflowIcon as WorkflowIcon$1 } from "../../../../icons/WorkflowIcon.es.js";
-import { c as ToolCallMono } from "../../../../tool-call-Ch9-jjXU.js";
+import { c as ToolCallMono } from "../../../../tool-call-Dsj43lvJ.js";
 import { t as CodeEditor } from "../../../../CodeEditor-COnz9c6B.js";
 import { LoadingBadge } from "../../components/loading-badge.es.js";
 import { NetworkChoiceMetadataDialogTrigger } from "../../components/network-choice-metadata-dialog.es.js";

package/dist/domains/chat/tools/connect-prompt-tool.cjs.js

@@ -3,32 +3,107 @@ const require_icons_Icon = require("../../../icons/Icon.cjs.js");
 const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
+const require_domains_chat_context_tool_call_context = require("../context/tool-call-context.cjs.js");
 const require_domains_chat_tools_connect_prompt_tool_id = require("./connect-prompt-tool-id.cjs.js");
 const require_domains_connect_types = require("../../connect/types.cjs.js");
+const require_domains_chat_tools_tool_card_kind = require("./tool-card-kind.cjs.js");
 const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
 const require_domains_connect_use_user_connect = require("../../connect/use-user-connect.cjs.js");
 const require_domains_connect_provider_logo = require("../../connect/provider-logo.cjs.js");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/chat/tools/connect-prompt-tool.tsx
 /**
+* The prompt this card renders: the finished call's result, or the payload
+* the run paused with while it waits for the user to connect.
+*/
+function connectPromptFor({ toolName, toolCallId, output, metadata }) {
+	if (require_domains_connect_types.isConnectPromptPayload(output)) return {
+		payload: output,
+		paused: false
+	};
+	const suspendPayload = require_domains_chat_tools_tool_card_kind.toolInteraction(metadata, toolName, toolCallId).suspended?.suspendPayload;
+	if (require_domains_connect_types.isConnectPromptPayload(suspendPayload)) return {
+		payload: suspendPayload,
+		paused: true
+	};
+}
+/** The resume tool's schema accepts; longer failure reasons are cut to fit. */
+var MAX_RESUME_ERROR_LENGTH = 500;
+/**
+* What to resume the paused call with: the settled flow, or a failure when the
+* connect session couldn't even be created (e.g. the connection limit).
+*/
+function connectPromptResumeFor(payload, settled, createError) {
+	const failed = (provider, error) => ({
+		provider,
+		status: "failed",
+		error: error.slice(0, MAX_RESUME_ERROR_LENGTH)
+	});
+	if (createError) {
+		const provider = payload.requestedProvider ?? payload.providers[0]?.id;
+		return provider ? failed(provider, createError.message) : void 0;
+	}
+	if (!settled) return void 0;
+	if (settled.status === "active") return {
+		provider: settled.provider,
+		status: "active"
+	};
+	return failed(settled.provider, settled.message ?? "The connection was not completed.");
+}
+/**
 * Chat card for the built-in `request_connection` tool: the agent surfaces it
 * when provider tools are unavailable because the caller has no connection.
 * Each provider row offers a Connect action that creates a connect session on
 * the mounted `/connect` routes, drives the OAuth flow in a popup through the
 * server's launch gate (which verifies this browser owns the pending session
 * before redirecting to the vendor), and polls until the connection settles.
+*
+* The tool pauses the agent run while the card is up. Once the connection
+* settles, the card resumes the paused call with the outcome — connected, or
+* the reason it failed — so the agent continues from the tool's result rather
+* than a chat message.
 */
-var ConnectPromptTool = ({ output, readOnly = false }) => {
-	if (!require_domains_connect_types.isConnectPromptPayload(output)) return null;
+var ConnectPromptTool = ({ toolName, toolCallId, output, metadata, readOnly = false }) => {
+	const prompt = connectPromptFor({
+		toolName,
+		toolCallId,
+		output,
+		metadata
+	});
+	if (!prompt) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectPromptCard, {
-		payload: output,
+		toolCallId,
+		payload: prompt.payload,
+		paused: prompt.paused,
 		readOnly
 	});
 };
-var ConnectPromptCard = ({ payload, readOnly }) => {
+var ConnectPromptCard = ({ toolCallId, payload, paused, readOnly }) => {
 	const { pending, connect, connectedProviders, isCreating, createError, settled } = require_domains_connect_use_user_connect.usePendingConnect();
+	const { approveToolcall, isRunning, toolCallApprovals } = require_domains_chat_context_tool_call_context.useToolCall();
+	const resumedRef = (0, react.useRef)(null);
+	const alreadyResumed = toolCallApprovals[toolCallId] !== void 0;
 	const errorMessage = createError?.message ?? (settled?.status === "failed" ? settled.message ?? "The connection was not completed. Try connecting again." : null);
+	(0, react.useEffect)(() => {
+		if (readOnly || !paused || alreadyResumed || isRunning) return;
+		const outcome = createError ?? settled;
+		if (!outcome || resumedRef.current === outcome) return;
+		resumedRef.current = outcome;
+		const resume = connectPromptResumeFor(payload, settled, createError);
+		if (resume) approveToolcall(toolCallId, resume);
+	}, [
+		readOnly,
+		paused,
+		alreadyResumed,
+		isRunning,
+		settled,
+		createError,
+		payload,
+		approveToolcall,
+		toolCallId
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		"aria-label": "Connect an account",
 		className: "my-2 space-y-3",

package/dist/domains/chat/tools/connect-prompt-tool.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"connect-prompt-tool.cjs.js","names":["isConnectPromptPayload","usePendingConnect","DataList","Txt","ProviderLogo","Icon","CheckIcon","Button","Notice"],"sources":["../../../../src/domains/chat/tools/connect-prompt-tool.tsx"],"sourcesContent":["import { CheckIcon } from 'lucide-react';\nimport type { ConnectPromptPayload } from '@/domains/connect';\nimport { isConnectPromptPayload, ProviderLogo, usePendingConnect } from '@/domains/connect';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport { CONNECT_PROMPT_TOOL_NAME } from './connect-prompt-tool-id';\n\nexport interface ConnectPromptToolProps {\n  output: unknown;\n  /** Historical rendering: show the card but suppress the connect action. */\n  readOnly?: boolean;\n}\n\n/**\n * Chat card for the built-in `request_connection` tool: the agent surfaces it\n * when provider tools are unavailable because the caller has no connection.\n * Each provider row offers a Connect action that creates a connect session on\n * the mounted `/connect` routes, drives the OAuth flow in a popup through the\n * server's launch gate (which verifies this browser owns the pending session\n * before redirecting to the vendor), and polls until the connection settles.\n */\nexport const ConnectPromptTool = ({ output, readOnly = false }: ConnectPromptToolProps) => {\n  if (!isConnectPromptPayload(output)) return null;\n  return <ConnectPromptCard payload={output} readOnly={readOnly} />;\n};\n\nconst ConnectPromptCard = ({ payload, readOnly }: { payload: ConnectPromptPayload; readOnly: boolean }) => {\n  const { pending, connect, connectedProviders, isCreating, createError, settled } = usePendingConnect();\n\n  const errorMessage =\n    createError?.message ??\n    (settled?.status === 'failed'\n      ? (settled.message ?? 'The connection was not completed. Try connecting again.')\n      : null);\n\n  return (\n    <section aria-label=\"Connect an account\" className=\"my-2 space-y-3\">\n      <DataList columns=\"minmax(0, 1fr)\" fit=\"container\" scrollable={false}>\n        <DataList.Subheader>\n          <Txt as=\"h4\" variant=\"subheading\" tone=\"ink\">\n            Connect an account\n          </Txt>\n        </DataList.Subheader>\n        {payload.providers.map(provider => {\n          const isConnected = provider.connected || connectedProviders.has(provider.id);\n          const isPending = pending?.provider === provider.id;\n          return (\n            <DataList.RowStatic key={provider.id}>\n              <DataList.Cell className=\"col-span-full py-2\">\n                <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                  <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n                    <ProviderLogo logoUrl={provider.logoUrl} />\n                    <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\" className=\"truncate\">\n                      {provider.displayName ?? provider.id}\n                    </Txt>\n                  </div>\n                  <div className=\"flex flex-wrap items-center gap-3\">\n                    {isPending ? (\n                      <Txt as=\"span\" variant=\"body-sm\" tone=\"muted\" role=\"status\">\n                        Waiting for authorization…\n                      </Txt>\n                    ) : null}\n                    {isPending && pending?.fallbackUrl ? (\n                      <a\n                        href={pending.fallbackUrl}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"text-ui-md underline underline-offset-2\"\n                      >\n                        Open the connect window\n                      </a>\n                    ) : null}\n                    {isConnected ? (\n                      <Txt\n                        as=\"span\"\n                        variant=\"body-sm\"\n                        tone=\"muted\"\n                        className=\"flex min-w-24 items-center justify-center gap-1\"\n                      >\n                        <Icon size=\"sm\">\n                          <CheckIcon aria-hidden />\n                        </Icon>\n                        Connected\n                      </Txt>\n                    ) : (\n                      <Button\n                        variant=\"primary\"\n                        size=\"sm\"\n                        className=\"min-w-24\"\n                        disabled={readOnly || isCreating || isPending}\n                        onClick={() => connect(provider)}\n                      >\n                        Connect\n                      </Button>\n                    )}\n                  </div>\n                </div>\n              </DataList.Cell>\n            </DataList.RowStatic>\n          );\n        })}\n      </DataList>\n      {errorMessage ? (\n        <div role=\"alert\">\n          <Notice variant=\"destructive\" title=\"Couldn't connect\">\n            <Notice.Message>{errorMessage}</Notice.Message>\n          </Notice>\n        </div>\n      ) : null}\n    </section>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"connect-prompt-tool.cjs.js","names":["isConnectPromptPayload","toolInteraction","usePendingConnect","useToolCall","useRef","DataList","Txt","ProviderLogo","Icon","CheckIcon","Button","Notice"],"sources":["../../../../src/domains/chat/tools/connect-prompt-tool.tsx"],"sourcesContent":["import { CheckIcon } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { MessageMetadata } from '../messages/message-metadata';\nimport { toolInteraction } from './tool-card-kind';\nimport { useToolCall } from '@/domains/chat/context/tool-call-context';\nimport type { ConnectPromptPayload, ConnectPromptResume, SettledConnect } from '@/domains/connect';\nimport { isConnectPromptPayload, ProviderLogo, usePendingConnect } from '@/domains/connect';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport { CONNECT_PROMPT_TOOL_NAME } from './connect-prompt-tool-id';\n\nexport interface ConnectPromptToolProps {\n  toolName: string;\n  toolCallId: string;\n  output: unknown;\n  metadata?: MessageMetadata;\n  /** Historical rendering: show the card but suppress the connect action. */\n  readOnly?: boolean;\n}\n\n/**\n * The prompt this card renders: the finished call's result, or the payload\n * the run paused with while it waits for the user to connect.\n */\nfunction connectPromptFor({\n  toolName,\n  toolCallId,\n  output,\n  metadata,\n}: Pick<ConnectPromptToolProps, 'toolName' | 'toolCallId' | 'output' | 'metadata'>):\n  | { payload: ConnectPromptPayload; paused: boolean }\n  | undefined {\n  if (isConnectPromptPayload(output)) return { payload: output, paused: false };\n  const suspendPayload = toolInteraction(metadata, toolName, toolCallId).suspended?.suspendPayload;\n  if (isConnectPromptPayload(suspendPayload)) return { payload: suspendPayload, paused: true };\n  return undefined;\n}\n\n/** The resume tool's schema accepts; longer failure reasons are cut to fit. */\nconst MAX_RESUME_ERROR_LENGTH = 500;\n\n/**\n * What to resume the paused call with: the settled flow, or a failure when the\n * connect session couldn't even be created (e.g. the connection limit).\n */\nfunction connectPromptResumeFor(\n  payload: ConnectPromptPayload,\n  settled: SettledConnect | null,\n  createError: Error | null,\n): ConnectPromptResume | undefined {\n  const failed = (provider: string, error: string): ConnectPromptResume => ({\n    provider,\n    status: 'failed',\n    error: error.slice(0, MAX_RESUME_ERROR_LENGTH),\n  });\n  if (createError) {\n    const provider = payload.requestedProvider ?? payload.providers[0]?.id;\n    return provider ? failed(provider, createError.message) : undefined;\n  }\n  if (!settled) return undefined;\n  if (settled.status === 'active') return { provider: settled.provider, status: 'active' };\n  return failed(settled.provider, settled.message ?? 'The connection was not completed.');\n}\n\n/**\n * Chat card for the built-in `request_connection` tool: the agent surfaces it\n * when provider tools are unavailable because the caller has no connection.\n * Each provider row offers a Connect action that creates a connect session on\n * the mounted `/connect` routes, drives the OAuth flow in a popup through the\n * server's launch gate (which verifies this browser owns the pending session\n * before redirecting to the vendor), and polls until the connection settles.\n *\n * The tool pauses the agent run while the card is up. Once the connection\n * settles, the card resumes the paused call with the outcome — connected, or\n * the reason it failed — so the agent continues from the tool's result rather\n * than a chat message.\n */\nexport const ConnectPromptTool = ({\n  toolName,\n  toolCallId,\n  output,\n  metadata,\n  readOnly = false,\n}: ConnectPromptToolProps) => {\n  const prompt = connectPromptFor({ toolName, toolCallId, output, metadata });\n  if (!prompt) return null;\n  return (\n    <ConnectPromptCard toolCallId={toolCallId} payload={prompt.payload} paused={prompt.paused} readOnly={readOnly} />\n  );\n};\n\ninterface ConnectPromptCardProps {\n  toolCallId: string;\n  payload: ConnectPromptPayload;\n  /** The run is waiting on this call, so an activation resumes it. */\n  paused: boolean;\n  readOnly: boolean;\n}\n\nconst ConnectPromptCard = ({ toolCallId, payload, paused, readOnly }: ConnectPromptCardProps) => {\n  const { pending, connect, connectedProviders, isCreating, createError, settled } = usePendingConnect();\n  const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();\n  // The outcome (settled flow or session-creation error) this call was resumed with.\n  const resumedRef = useRef<SettledConnect | Error | null>(null);\n  const alreadyResumed = toolCallApprovals[toolCallId] !== undefined;\n\n  const errorMessage =\n    createError?.message ??\n    (settled?.status === 'failed'\n      ? (settled.message ?? 'The connection was not completed. Try connecting again.')\n      : null);\n\n  // Resume once per outcome, success or failure, so the agent sees what\n  // happened in the tool result. A run that is still streaming can't be\n  // resumed yet, so an outcome that lands mid-run waits for it to stop.\n  useEffect(() => {\n    if (readOnly || !paused || alreadyResumed || isRunning) return;\n    const outcome = createError ?? settled;\n    if (!outcome || resumedRef.current === outcome) return;\n    resumedRef.current = outcome;\n    const resume = connectPromptResumeFor(payload, settled, createError);\n    if (resume) approveToolcall(toolCallId, resume);\n  }, [readOnly, paused, alreadyResumed, isRunning, settled, createError, payload, approveToolcall, toolCallId]);\n\n  return (\n    <section aria-label=\"Connect an account\" className=\"my-2 space-y-3\">\n      <DataList columns=\"minmax(0, 1fr)\" fit=\"container\" scrollable={false}>\n        <DataList.Subheader>\n          <Txt as=\"h4\" variant=\"subheading\" tone=\"ink\">\n            Connect an account\n          </Txt>\n        </DataList.Subheader>\n        {payload.providers.map(provider => {\n          const isConnected = provider.connected || connectedProviders.has(provider.id);\n          const isPending = pending?.provider === provider.id;\n          return (\n            <DataList.RowStatic key={provider.id}>\n              <DataList.Cell className=\"col-span-full py-2\">\n                <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                  <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n                    <ProviderLogo logoUrl={provider.logoUrl} />\n                    <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\" className=\"truncate\">\n                      {provider.displayName ?? provider.id}\n                    </Txt>\n                  </div>\n                  <div className=\"flex flex-wrap items-center gap-3\">\n                    {isPending ? (\n                      <Txt as=\"span\" variant=\"body-sm\" tone=\"muted\" role=\"status\">\n                        Waiting for authorization…\n                      </Txt>\n                    ) : null}\n                    {isPending && pending?.fallbackUrl ? (\n                      <a\n                        href={pending.fallbackUrl}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"text-ui-md underline underline-offset-2\"\n                      >\n                        Open the connect window\n                      </a>\n                    ) : null}\n                    {isConnected ? (\n                      <Txt\n                        as=\"span\"\n                        variant=\"body-sm\"\n                        tone=\"muted\"\n                        className=\"flex min-w-24 items-center justify-center gap-1\"\n                      >\n                        <Icon size=\"sm\">\n                          <CheckIcon aria-hidden />\n                        </Icon>\n                        Connected\n                      </Txt>\n                    ) : (\n                      <Button\n                        variant=\"primary\"\n                        size=\"sm\"\n                        className=\"min-w-24\"\n                        disabled={readOnly || isCreating || isPending}\n                        onClick={() => connect(provider)}\n                      >\n                        Connect\n                      </Button>\n                    )}\n                  </div>\n                </div>\n              </DataList.Cell>\n            </DataList.RowStatic>\n          );\n        })}\n      </DataList>\n      {errorMessage ? (\n        <div role=\"alert\">\n          <Notice variant=\"destructive\" title=\"Couldn't connect\">\n            <Notice.Message>{errorMessage}</Notice.Message>\n          </Notice>\n        </div>\n      ) : null}\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/domains/chat/tools/connect-prompt-tool.es.js

@@ -2,32 +2,107 @@ import { Icon } from "../../../icons/Icon.es.js";
 import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as Notice } from "../../../Notice-C-8oOZZF.js";
+import { useToolCall } from "../context/tool-call-context.es.js";
 import { CONNECT_PROMPT_TOOL_NAME } from "./connect-prompt-tool-id.es.js";
 import { isConnectPromptPayload } from "../../connect/types.es.js";
+import { toolInteraction } from "./tool-card-kind.es.js";
 import { t as DataList } from "../../../data-list-DHCOoLmj.js";
 import { usePendingConnect } from "../../connect/use-user-connect.es.js";
 import { ProviderLogo } from "../../connect/provider-logo.es.js";
+import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon } from "lucide-react";
 // src/domains/chat/tools/connect-prompt-tool.tsx
 /**
+* The prompt this card renders: the finished call's result, or the payload
+* the run paused with while it waits for the user to connect.
+*/
+function connectPromptFor({ toolName, toolCallId, output, metadata }) {
+	if (isConnectPromptPayload(output)) return {
+		payload: output,
+		paused: false
+	};
+	const suspendPayload = toolInteraction(metadata, toolName, toolCallId).suspended?.suspendPayload;
+	if (isConnectPromptPayload(suspendPayload)) return {
+		payload: suspendPayload,
+		paused: true
+	};
+}
+/** The resume tool's schema accepts; longer failure reasons are cut to fit. */
+var MAX_RESUME_ERROR_LENGTH = 500;
+/**
+* What to resume the paused call with: the settled flow, or a failure when the
+* connect session couldn't even be created (e.g. the connection limit).
+*/
+function connectPromptResumeFor(payload, settled, createError) {
+	const failed = (provider, error) => ({
+		provider,
+		status: "failed",
+		error: error.slice(0, MAX_RESUME_ERROR_LENGTH)
+	});
+	if (createError) {
+		const provider = payload.requestedProvider ?? payload.providers[0]?.id;
+		return provider ? failed(provider, createError.message) : void 0;
+	}
+	if (!settled) return void 0;
+	if (settled.status === "active") return {
+		provider: settled.provider,
+		status: "active"
+	};
+	return failed(settled.provider, settled.message ?? "The connection was not completed.");
+}
+/**
 * Chat card for the built-in `request_connection` tool: the agent surfaces it
 * when provider tools are unavailable because the caller has no connection.
 * Each provider row offers a Connect action that creates a connect session on
 * the mounted `/connect` routes, drives the OAuth flow in a popup through the
 * server's launch gate (which verifies this browser owns the pending session
 * before redirecting to the vendor), and polls until the connection settles.
+*
+* The tool pauses the agent run while the card is up. Once the connection
+* settles, the card resumes the paused call with the outcome — connected, or
+* the reason it failed — so the agent continues from the tool's result rather
+* than a chat message.
 */
-var ConnectPromptTool = ({ output, readOnly = false }) => {
-	if (!isConnectPromptPayload(output)) return null;
+var ConnectPromptTool = ({ toolName, toolCallId, output, metadata, readOnly = false }) => {
+	const prompt = connectPromptFor({
+		toolName,
+		toolCallId,
+		output,
+		metadata
+	});
+	if (!prompt) return null;
 	return /* @__PURE__ */ jsx(ConnectPromptCard, {
-		payload: output,
+		toolCallId,
+		payload: prompt.payload,
+		paused: prompt.paused,
 		readOnly
 	});
 };
-var ConnectPromptCard = ({ payload, readOnly }) => {
+var ConnectPromptCard = ({ toolCallId, payload, paused, readOnly }) => {
 	const { pending, connect, connectedProviders, isCreating, createError, settled } = usePendingConnect();
+	const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();
+	const resumedRef = useRef(null);
+	const alreadyResumed = toolCallApprovals[toolCallId] !== void 0;
 	const errorMessage = createError?.message ?? (settled?.status === "failed" ? settled.message ?? "The connection was not completed. Try connecting again." : null);
+	useEffect(() => {
+		if (readOnly || !paused || alreadyResumed || isRunning) return;
+		const outcome = createError ?? settled;
+		if (!outcome || resumedRef.current === outcome) return;
+		resumedRef.current = outcome;
+		const resume = connectPromptResumeFor(payload, settled, createError);
+		if (resume) approveToolcall(toolCallId, resume);
+	}, [
+		readOnly,
+		paused,
+		alreadyResumed,
+		isRunning,
+		settled,
+		createError,
+		payload,
+		approveToolcall,
+		toolCallId
+	]);
 	return /* @__PURE__ */ jsxs("section", {
 		"aria-label": "Connect an account",
 		className: "my-2 space-y-3",

package/dist/domains/chat/tools/connect-prompt-tool.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"connect-prompt-tool.es.js","names":[],"sources":["../../../../src/domains/chat/tools/connect-prompt-tool.tsx"],"sourcesContent":["import { CheckIcon } from 'lucide-react';\nimport type { ConnectPromptPayload } from '@/domains/connect';\nimport { isConnectPromptPayload, ProviderLogo, usePendingConnect } from '@/domains/connect';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport { CONNECT_PROMPT_TOOL_NAME } from './connect-prompt-tool-id';\n\nexport interface ConnectPromptToolProps {\n  output: unknown;\n  /** Historical rendering: show the card but suppress the connect action. */\n  readOnly?: boolean;\n}\n\n/**\n * Chat card for the built-in `request_connection` tool: the agent surfaces it\n * when provider tools are unavailable because the caller has no connection.\n * Each provider row offers a Connect action that creates a connect session on\n * the mounted `/connect` routes, drives the OAuth flow in a popup through the\n * server's launch gate (which verifies this browser owns the pending session\n * before redirecting to the vendor), and polls until the connection settles.\n */\nexport const ConnectPromptTool = ({ output, readOnly = false }: ConnectPromptToolProps) => {\n  if (!isConnectPromptPayload(output)) return null;\n  return <ConnectPromptCard payload={output} readOnly={readOnly} />;\n};\n\nconst ConnectPromptCard = ({ payload, readOnly }: { payload: ConnectPromptPayload; readOnly: boolean }) => {\n  const { pending, connect, connectedProviders, isCreating, createError, settled } = usePendingConnect();\n\n  const errorMessage =\n    createError?.message ??\n    (settled?.status === 'failed'\n      ? (settled.message ?? 'The connection was not completed. Try connecting again.')\n      : null);\n\n  return (\n    <section aria-label=\"Connect an account\" className=\"my-2 space-y-3\">\n      <DataList columns=\"minmax(0, 1fr)\" fit=\"container\" scrollable={false}>\n        <DataList.Subheader>\n          <Txt as=\"h4\" variant=\"subheading\" tone=\"ink\">\n            Connect an account\n          </Txt>\n        </DataList.Subheader>\n        {payload.providers.map(provider => {\n          const isConnected = provider.connected || connectedProviders.has(provider.id);\n          const isPending = pending?.provider === provider.id;\n          return (\n            <DataList.RowStatic key={provider.id}>\n              <DataList.Cell className=\"col-span-full py-2\">\n                <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                  <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n                    <ProviderLogo logoUrl={provider.logoUrl} />\n                    <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\" className=\"truncate\">\n                      {provider.displayName ?? provider.id}\n                    </Txt>\n                  </div>\n                  <div className=\"flex flex-wrap items-center gap-3\">\n                    {isPending ? (\n                      <Txt as=\"span\" variant=\"body-sm\" tone=\"muted\" role=\"status\">\n                        Waiting for authorization…\n                      </Txt>\n                    ) : null}\n                    {isPending && pending?.fallbackUrl ? (\n                      <a\n                        href={pending.fallbackUrl}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"text-ui-md underline underline-offset-2\"\n                      >\n                        Open the connect window\n                      </a>\n                    ) : null}\n                    {isConnected ? (\n                      <Txt\n                        as=\"span\"\n                        variant=\"body-sm\"\n                        tone=\"muted\"\n                        className=\"flex min-w-24 items-center justify-center gap-1\"\n                      >\n                        <Icon size=\"sm\">\n                          <CheckIcon aria-hidden />\n                        </Icon>\n                        Connected\n                      </Txt>\n                    ) : (\n                      <Button\n                        variant=\"primary\"\n                        size=\"sm\"\n                        className=\"min-w-24\"\n                        disabled={readOnly || isCreating || isPending}\n                        onClick={() => connect(provider)}\n                      >\n                        Connect\n                      </Button>\n                    )}\n                  </div>\n                </div>\n              </DataList.Cell>\n            </DataList.RowStatic>\n          );\n        })}\n      </DataList>\n      {errorMessage ? (\n        <div role=\"alert\">\n          <Notice variant=\"destructive\" title=\"Couldn't connect\">\n            <Notice.Message>{errorMessage}</Notice.Message>\n          </Notice>\n        </div>\n      ) : null}\n    </section>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,qBAAqB,EAAE,QAAQ,WAAW,YAAoC;CACzF,IAAI,CAAC,uBAAuB,MAAM,GAAG,OAAO;CAC5C,OAAO,oBAAC,mBAAD;EAAmB,SAAS;EAAkB;CAAW,CAAA;AAClE;AAEA,IAAM,qBAAqB,EAAE,SAAS,eAAqE;CACzG,MAAM,EAAE,SAAS,SAAS,oBAAoB,YAAY,aAAa,YAAY,kBAAkB;CAErG,MAAM,eACJ,aAAa,YACZ,SAAS,WAAW,WAChB,QAAQ,WAAW,4DACpB;CAEN,OACE,qBAAC,WAAD;EAAS,cAAW;EAAqB,WAAU;EAAnD,UAAA,CACE,qBAAC,UAAD;GAAU,SAAQ;GAAiB,KAAI;GAAY,YAAY;GAA/D,UAAA,CACE,oBAAC,SAAS,WAAV,EAAA,UACE,oBAAC,KAAD;IAAK,IAAG;IAAK,SAAQ;IAAa,MAAK;IAAM,UAAA;GAExC,CAAA,EACa,CAAA,GACnB,QAAQ,UAAU,KAAI,aAAY;IACjC,MAAM,cAAc,SAAS,aAAa,mBAAmB,IAAI,SAAS,EAAE;IAC5E,MAAM,YAAY,SAAS,aAAa,SAAS;IACjD,OACE,oBAAC,SAAS,WAAV,EAAA,UACE,oBAAC,SAAS,MAAV;KAAe,WAAU;KACvB,UAAA,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,oBAAC,cAAD,EAAc,SAAS,SAAS,QAAU,CAAA,GAC1C,oBAAC,KAAD;QAAK,IAAG;QAAO,SAAQ;QAAU,MAAK;QAAM,WAAU;QACnD,UAAA,SAAS,eAAe,SAAS;OAC/B,CAAA,CACF;MACL,CAAA,GAAA,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACG,YACC,oBAAC,KAAD;SAAK,IAAG;SAAO,SAAQ;SAAU,MAAK;SAAQ,MAAK;SAAS,UAAA;QAEvD,CAAA,IACH;QACH,aAAa,SAAS,cACrB,oBAAC,KAAD;SACE,MAAM,QAAQ;SACd,QAAO;SACP,KAAI;SACJ,WAAU;SACX,UAAA;QAEE,CAAA,IACD;QACH,cACC,qBAAC,KAAD;SACE,IAAG;SACH,SAAQ;SACR,MAAK;SACL,WAAU;SAJZ,UAAA,CAME,oBAAC,MAAD;UAAM,MAAK;UACT,UAAA,oBAAC,WAAD,EAAW,eAAA,KAAa,CAAA;SACpB,CAAA,GAAC,WAEJ;QAEL,CAAA,IAAA,oBAAC,QAAD;SACE,SAAQ;SACR,MAAK;SACL,WAAU;SACV,UAAU,YAAY,cAAc;SACpC,eAAe,QAAQ,QAAQ;SAChC,UAAA;QAEO,CAAA;OAEP;MACF,CAAA,CAAA;;IACQ,CAAA,EACG,GAnDK,SAAS,EAmDd;GAExB,CAAC,CACO;EACT,CAAA,GAAA,eACC,oBAAC,OAAD;GAAK,MAAK;GACR,UAAA,oBAAC,QAAD;IAAQ,SAAQ;IAAc,OAAM;IAClC,UAAA,oBAAC,OAAO,SAAR,EAAA,UAAiB,aAA6B,CAAA;GACxC,CAAA;EACL,CAAA,IACH,IACG;;AAEb"}
+{"version":3,"file":"connect-prompt-tool.es.js","names":[],"sources":["../../../../src/domains/chat/tools/connect-prompt-tool.tsx"],"sourcesContent":["import { CheckIcon } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport type { MessageMetadata } from '../messages/message-metadata';\nimport { toolInteraction } from './tool-card-kind';\nimport { useToolCall } from '@/domains/chat/context/tool-call-context';\nimport type { ConnectPromptPayload, ConnectPromptResume, SettledConnect } from '@/domains/connect';\nimport { isConnectPromptPayload, ProviderLogo, usePendingConnect } from '@/domains/connect';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { Notice } from '@/ds/components/Notice';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport { CONNECT_PROMPT_TOOL_NAME } from './connect-prompt-tool-id';\n\nexport interface ConnectPromptToolProps {\n  toolName: string;\n  toolCallId: string;\n  output: unknown;\n  metadata?: MessageMetadata;\n  /** Historical rendering: show the card but suppress the connect action. */\n  readOnly?: boolean;\n}\n\n/**\n * The prompt this card renders: the finished call's result, or the payload\n * the run paused with while it waits for the user to connect.\n */\nfunction connectPromptFor({\n  toolName,\n  toolCallId,\n  output,\n  metadata,\n}: Pick<ConnectPromptToolProps, 'toolName' | 'toolCallId' | 'output' | 'metadata'>):\n  | { payload: ConnectPromptPayload; paused: boolean }\n  | undefined {\n  if (isConnectPromptPayload(output)) return { payload: output, paused: false };\n  const suspendPayload = toolInteraction(metadata, toolName, toolCallId).suspended?.suspendPayload;\n  if (isConnectPromptPayload(suspendPayload)) return { payload: suspendPayload, paused: true };\n  return undefined;\n}\n\n/** The resume tool's schema accepts; longer failure reasons are cut to fit. */\nconst MAX_RESUME_ERROR_LENGTH = 500;\n\n/**\n * What to resume the paused call with: the settled flow, or a failure when the\n * connect session couldn't even be created (e.g. the connection limit).\n */\nfunction connectPromptResumeFor(\n  payload: ConnectPromptPayload,\n  settled: SettledConnect | null,\n  createError: Error | null,\n): ConnectPromptResume | undefined {\n  const failed = (provider: string, error: string): ConnectPromptResume => ({\n    provider,\n    status: 'failed',\n    error: error.slice(0, MAX_RESUME_ERROR_LENGTH),\n  });\n  if (createError) {\n    const provider = payload.requestedProvider ?? payload.providers[0]?.id;\n    return provider ? failed(provider, createError.message) : undefined;\n  }\n  if (!settled) return undefined;\n  if (settled.status === 'active') return { provider: settled.provider, status: 'active' };\n  return failed(settled.provider, settled.message ?? 'The connection was not completed.');\n}\n\n/**\n * Chat card for the built-in `request_connection` tool: the agent surfaces it\n * when provider tools are unavailable because the caller has no connection.\n * Each provider row offers a Connect action that creates a connect session on\n * the mounted `/connect` routes, drives the OAuth flow in a popup through the\n * server's launch gate (which verifies this browser owns the pending session\n * before redirecting to the vendor), and polls until the connection settles.\n *\n * The tool pauses the agent run while the card is up. Once the connection\n * settles, the card resumes the paused call with the outcome — connected, or\n * the reason it failed — so the agent continues from the tool's result rather\n * than a chat message.\n */\nexport const ConnectPromptTool = ({\n  toolName,\n  toolCallId,\n  output,\n  metadata,\n  readOnly = false,\n}: ConnectPromptToolProps) => {\n  const prompt = connectPromptFor({ toolName, toolCallId, output, metadata });\n  if (!prompt) return null;\n  return (\n    <ConnectPromptCard toolCallId={toolCallId} payload={prompt.payload} paused={prompt.paused} readOnly={readOnly} />\n  );\n};\n\ninterface ConnectPromptCardProps {\n  toolCallId: string;\n  payload: ConnectPromptPayload;\n  /** The run is waiting on this call, so an activation resumes it. */\n  paused: boolean;\n  readOnly: boolean;\n}\n\nconst ConnectPromptCard = ({ toolCallId, payload, paused, readOnly }: ConnectPromptCardProps) => {\n  const { pending, connect, connectedProviders, isCreating, createError, settled } = usePendingConnect();\n  const { approveToolcall, isRunning, toolCallApprovals } = useToolCall();\n  // The outcome (settled flow or session-creation error) this call was resumed with.\n  const resumedRef = useRef<SettledConnect | Error | null>(null);\n  const alreadyResumed = toolCallApprovals[toolCallId] !== undefined;\n\n  const errorMessage =\n    createError?.message ??\n    (settled?.status === 'failed'\n      ? (settled.message ?? 'The connection was not completed. Try connecting again.')\n      : null);\n\n  // Resume once per outcome, success or failure, so the agent sees what\n  // happened in the tool result. A run that is still streaming can't be\n  // resumed yet, so an outcome that lands mid-run waits for it to stop.\n  useEffect(() => {\n    if (readOnly || !paused || alreadyResumed || isRunning) return;\n    const outcome = createError ?? settled;\n    if (!outcome || resumedRef.current === outcome) return;\n    resumedRef.current = outcome;\n    const resume = connectPromptResumeFor(payload, settled, createError);\n    if (resume) approveToolcall(toolCallId, resume);\n  }, [readOnly, paused, alreadyResumed, isRunning, settled, createError, payload, approveToolcall, toolCallId]);\n\n  return (\n    <section aria-label=\"Connect an account\" className=\"my-2 space-y-3\">\n      <DataList columns=\"minmax(0, 1fr)\" fit=\"container\" scrollable={false}>\n        <DataList.Subheader>\n          <Txt as=\"h4\" variant=\"subheading\" tone=\"ink\">\n            Connect an account\n          </Txt>\n        </DataList.Subheader>\n        {payload.providers.map(provider => {\n          const isConnected = provider.connected || connectedProviders.has(provider.id);\n          const isPending = pending?.provider === provider.id;\n          return (\n            <DataList.RowStatic key={provider.id}>\n              <DataList.Cell className=\"col-span-full py-2\">\n                <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                  <div className=\"flex min-w-0 flex-1 items-center gap-2\">\n                    <ProviderLogo logoUrl={provider.logoUrl} />\n                    <Txt as=\"span\" variant=\"body-sm\" tone=\"ink\" className=\"truncate\">\n                      {provider.displayName ?? provider.id}\n                    </Txt>\n                  </div>\n                  <div className=\"flex flex-wrap items-center gap-3\">\n                    {isPending ? (\n                      <Txt as=\"span\" variant=\"body-sm\" tone=\"muted\" role=\"status\">\n                        Waiting for authorization…\n                      </Txt>\n                    ) : null}\n                    {isPending && pending?.fallbackUrl ? (\n                      <a\n                        href={pending.fallbackUrl}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"text-ui-md underline underline-offset-2\"\n                      >\n                        Open the connect window\n                      </a>\n                    ) : null}\n                    {isConnected ? (\n                      <Txt\n                        as=\"span\"\n                        variant=\"body-sm\"\n                        tone=\"muted\"\n                        className=\"flex min-w-24 items-center justify-center gap-1\"\n                      >\n                        <Icon size=\"sm\">\n                          <CheckIcon aria-hidden />\n                        </Icon>\n                        Connected\n                      </Txt>\n                    ) : (\n                      <Button\n                        variant=\"primary\"\n                        size=\"sm\"\n                        className=\"min-w-24\"\n                        disabled={readOnly || isCreating || isPending}\n                        onClick={() => connect(provider)}\n                      >\n                        Connect\n                      </Button>\n                    )}\n                  </div>\n                </div>\n              </DataList.Cell>\n            </DataList.RowStatic>\n          );\n        })}\n      </DataList>\n      {errorMessage ? (\n        <div role=\"alert\">\n          <Notice variant=\"destructive\" title=\"Couldn't connect\">\n            <Notice.Message>{errorMessage}</Notice.Message>\n          </Notice>\n        </div>\n      ) : null}\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/domains/chat/tools/mcp-input-request-tool.cjs.js

@@ -0,0 +1,238 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
+const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
+const require_CodeEditor = require("../../../CodeEditor-CLzs0yVc.cjs");
+const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
+const require_domains_chat_tools_mcp_input_request = require("./mcp-input-request.cjs.js");
+const require_ask_user = require("../../../ask-user-C1p2PEYe.cjs");
+const require_lib_form_dynamic_form = require("../../../lib/form/dynamic-form.cjs.js");
+const require_lib_form_json_schema_to_zod_runtime = require("../../../lib/form/json-schema-to-zod-runtime.cjs.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+// src/domains/chat/tools/mcp-input-request-tool.tsx
+var ACTION_LABEL = {
+	accept: "Accepted",
+	decline: "Declined",
+	cancel: "Cancelled"
+};
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var httpUrl = (value) => {
+	if (typeof value !== "string") return void 0;
+	try {
+		const url = new URL(value);
+		return url.protocol === "https:" || url.protocol === "http:" ? url.href : void 0;
+	} catch {
+		return;
+	}
+};
+/** More fields than any real question needs; a bigger form is not one Studio should draw. */
+var MAX_FORM_FIELDS = 100;
+var FIELD_TYPES = /* @__PURE__ */ new Set([
+	"string",
+	"number",
+	"integer",
+	"boolean"
+]);
+var FIELD_KEYS = [
+	"type",
+	"title",
+	"description",
+	"default",
+	"enum",
+	"enumNames",
+	"format",
+	"minLength",
+	"maxLength",
+	"minimum",
+	"maximum"
+];
+var isStringList = (value) => Array.isArray(value) && value.every((item) => typeof item === "string");
+/**
+* The MCP spec limits `requestedSchema` to a flat object of primitive fields. Keep only that shape, so a
+* server can't hand Studio a deep or huge schema to convert; anything else isn't a form Studio draws.
+*/
+function formSchema(requested) {
+	const { type, properties, required } = requested;
+	if (type !== "object" || !isRecord(properties)) return void 0;
+	const entries = Object.entries(properties);
+	if (entries.length > MAX_FORM_FIELDS) return void 0;
+	const fields = {};
+	for (const [key, field] of entries) {
+		if (!isRecord(field) || typeof field.type !== "string" || !FIELD_TYPES.has(field.type)) return void 0;
+		if (field.enum !== void 0 && !isStringList(field.enum)) return void 0;
+		fields[key] = Object.fromEntries(FIELD_KEYS.filter((name) => field[name] !== void 0).map((name) => [name, field[name]]));
+	}
+	return {
+		type: "object",
+		properties: fields,
+		...isStringList(required) ? { required } : {}
+	};
+}
+function viewRequest({ method, params }) {
+	const message = typeof params?.message === "string" ? params.message : void 0;
+	if (method !== "elicitation/create") return {
+		kind: "unsupported",
+		message
+	};
+	const url = params?.mode === "url" ? httpUrl(params.url) : void 0;
+	if (url) return {
+		kind: "url",
+		message,
+		url
+	};
+	const schema = params?.mode !== "url" && isRecord(params?.requestedSchema) ? formSchema(params.requestedSchema) : void 0;
+	if (schema) return {
+		kind: "form",
+		message,
+		schema
+	};
+	return {
+		kind: "unsupported",
+		message
+	};
+}
+/**
+* The questions an MCP server asked while a tool call's task waits. Every request key needs an answer
+* before the call can continue, so answers are held until the last one is given, then sent together.
+*/
+function McpInputRequestTool({ payload, onSubmit, isSubmitting, error, readOnly, notice }) {
+	const [answers, setAnswers] = (0, react.useState)(() => /* @__PURE__ */ new Map());
+	const keys = Object.keys(payload.requests);
+	const tooLarge = (0, react.useMemo)(() => require_domains_chat_tools_mcp_input_request.inputRequestTooLarge(payload), [payload]);
+	const send = (next) => {
+		const inputResponses = Object.fromEntries(next);
+		Promise.resolve(onSubmit({ inputResponses })).catch(() => setAnswers(/* @__PURE__ */ new Map()));
+	};
+	const answer = (key, response) => {
+		const next = new Map(answers).set(key, response);
+		setAnswers(next);
+		if (!keys.every((requestKey) => next.has(requestKey))) return;
+		send(next);
+	};
+	const cancelAll = () => {
+		const next = new Map(keys.map((key) => [key, { action: "cancel" }]));
+		setAnswers(next);
+		send(next);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ask_user.AskUserContainer, {
+		className: "mb-4",
+		"data-testid": "mcp-input-request",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ask_user.AskUserLabel, { children: [
+			payload.serverName,
+			" needs input to continue ",
+			payload.toolName
+		] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ask_user.AskUserBody, {
+			className: "flex flex-col gap-4",
+			children: [
+				notice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Notice.Notice, {
+					variant: "info",
+					children: notice
+				}),
+				tooLarge ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
+					tone: "muted",
+					children: [payload.serverName, " sent more than Studio can show here."]
+				}), !readOnly && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex gap-2",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+						type: "button",
+						variant: "ghost",
+						disabled: isSubmitting || answers.size > 0,
+						onClick: cancelAll,
+						children: "Cancel"
+					})
+				})] }) : Object.entries(payload.requests).map(([key, request]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputRequest, {
+					requestKey: key,
+					request,
+					answered: answers.get(key)?.action,
+					disabled: readOnly || isSubmitting || answers.has(key),
+					readOnly,
+					onAnswer: (response) => answer(key, response)
+				}, key)),
+				error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Notice.Notice, {
+					variant: "destructive",
+					role: "alert",
+					children: error
+				})
+			]
+		})]
+	});
+}
+function InputRequest({ requestKey, request, answered, disabled, readOnly, onAnswer }) {
+	const view = (0, react.useMemo)(() => viewRequest(request), [request]);
+	const schema = (0, react.useMemo)(() => view.kind === "form" ? require_lib_form_json_schema_to_zod_runtime.jsonSchemaToZodRuntime(view.schema) : void 0, [view]);
+	const decline = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		type: "button",
+		disabled,
+		onClick: () => onAnswer({ action: "decline" }),
+		children: "Decline"
+	});
+	const cancel = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		type: "button",
+		variant: "ghost",
+		disabled,
+		onClick: () => onAnswer({ action: "cancel" }),
+		children: "Cancel"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		"aria-label": `Input request ${requestKey}`,
+		className: "flex flex-col gap-3",
+		children: [view.message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			variant: "subheading",
+			tone: "ink",
+			children: view.message
+		}), answered ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			tone: "muted",
+			children: ACTION_LABEL[answered]
+		}) : readOnly ? null : view.kind === "form" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lib_form_dynamic_form.DynamicForm, {
+			schema,
+			onSubmit: (values) => onAnswer({
+				action: "accept",
+				content: isRecord(values) ? values : {}
+			}),
+			isSubmitLoading: disabled,
+			submitButtonLabel: "Accept",
+			submitButtonVariant: "primary",
+			submitActions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [decline, cancel] })
+		}) : view.kind === "url" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					variant: "link",
+					render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						href: view.url,
+						target: "_blank",
+						rel: "noopener noreferrer"
+					}),
+					iconEnd: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ExternalLink, {}),
+					children: "Open link"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					type: "button",
+					variant: "primary",
+					disabled,
+					onClick: () => onAnswer({ action: "accept" }),
+					children: "Done"
+				}),
+				cancel
+			]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
+				tone: "muted",
+				children: [
+					"Studio can't answer a ",
+					request.method,
+					" request."
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CodeEditor.CodeEditor, { data: { ...request } }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex gap-2",
+				children: cancel
+			})
+		] })]
+	});
+}
+exports.McpInputRequestTool = McpInputRequestTool;
+
+//# sourceMappingURL=mcp-input-request-tool.cjs.js.map