@mcp-b/react-components 0.29.0 → 0.30.1

package/dist/components/{ThinkChatActivity.js → agents-sdk/ThinkChatActivity.js}

@@ -1,18 +1,18 @@
-import { Button } from "./Button.js";
-import { useExpansionState } from "./ExpansionState.js";
-import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
+import { useExpansionState } from "../ai-sdk/ExpansionState.js";
+import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
+import { Button } from "../foundations/Button.js";
+import { MessageResponse } from "../ai-sdk/Message.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
-import { f as MessageResponse } from "../Message-BF6SiKKL.js";
-import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { SubagentRunList } from "./SubagentRunList.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
+import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";
 import { activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
-//#region src/components/ThinkChatActivity.tsx
+//#region src/components/agents-sdk/ThinkChatActivity.tsx
 function activityPartIcon(part) {
 	const url = activityPartUrl(part);
 	return url ? /* @__PURE__ */ jsx(AgentActivityFavicon, { url }) : /* @__PURE__ */ jsx(AgentActivityIcon, { kind: activityPartIconKind(part) });

package/dist/components/{ThinkChatActivitySummary.d.ts → agents-sdk/ThinkChatActivitySummary.d.ts}

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-F062wneC.js";
+import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.js";
 export { ThinkChatActivityDescription, ThinkChatActivityHeader, ThinkChatToolDescriber, ThinkChatToolDescribers, ThinkChatToolLifecycleSnapshot, activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, deriveThinkChatToolLifecycleHeader, describeThinkChatActivityPart, summarizeActivitySteps };

package/dist/components/{ThinkChatActivitySummary.js → agents-sdk/ThinkChatActivitySummary.js}

@@ -1,8 +1,9 @@
-import { t as capitalize } from "../format-S6uWyoSb.js";
-import { displayUrl, getToolDisplayName, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
-import { t as summarizeToolInput } from "../summarize-tool-input-CqTcGRYy.js";
+import { t as capitalize } from "../../format-CmopcfqJ.js";
+import { getToolDisplayName } from "../ai-sdk/ToolPart.js";
+import { t as summarizeToolInput } from "../../summarize-tool-input-CqTcGRYy.js";
+import { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
-//#region src/components/ThinkChatActivitySummary.ts
+//#region src/components/agents-sdk/ThinkChatActivitySummary.ts
 function described(action, detail) {
 	return detail ? {
 		action,

package/dist/components/{ThinkChatContext.d.ts → agents-sdk/ThinkChatContext.d.ts}

@@ -1,2 +1,2 @@
-import { a as useOptionalThinkChatContext, i as ThinkChatValue, n as ThinkChatLiveContext, o as useOptionalThinkChatLive, r as ThinkChatLiveValue, s as useThinkChatContext, t as ThinkChatContext } from "../ThinkChatContext-B-Nk84Wi.js";
+import { a as useOptionalThinkChatContext, i as ThinkChatValue, n as ThinkChatLiveContext, o as useOptionalThinkChatLive, r as ThinkChatLiveValue, s as useThinkChatContext, t as ThinkChatContext } from "../../ThinkChatContext-COIgzkYp.js";
 export { ThinkChatContext, ThinkChatLiveContext, ThinkChatLiveValue, ThinkChatValue, useOptionalThinkChatContext, useOptionalThinkChatLive, useThinkChatContext };

package/dist/components/{ThinkChatContext.js → agents-sdk/ThinkChatContext.js}

@@ -1,5 +1,5 @@
 import * as React from "react";
-//#region src/components/ThinkChatContext.ts
+//#region src/components/agents-sdk/ThinkChatContext.ts
 /**
 * React contexts cannot bind provider-specific generics. Keep the stored value
 * opaque and restore the complete upstream hook type through the typed accessors.

package/dist/components/{ThinkChatToolPanels.d.ts → agents-sdk/ThinkChatToolPanels.d.ts}

@@ -1,7 +1,7 @@
-import { a as SessionContextToolPart, d as WorkspaceToolPart, n as ExecuteToolPart, o as SkillToolPart, r as FetchToolPart, t as BrowserToolPart } from "../ThinkChatToolParts-BfroXQ4F.js";
+import { a as SessionContextToolPart, d as WorkspaceToolPart, n as ExecuteToolPart, o as SkillToolPart, r as FetchToolPart, t as BrowserToolPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
 import * as React from "react";
 
-//#region src/components/ThinkChatToolPanels.d.ts
+//#region src/components/agents-sdk/ThinkChatToolPanels.d.ts
 /** Default panels for the Think workspace tools, Claude Code-style: read/write
     show the file with line numbers, edit shows a mini diff, list/find/grep
     show their result lists, bash gets the shell panel. Everything is typed by

package/dist/components/{ThinkChatToolPanels.js → agents-sdk/ThinkChatToolPanels.js}

@@ -1,13 +1,13 @@
-import { ActivityOutput, ActivityPanel } from "./Activity.js";
-import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
-import { Tabs } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-BUfEhDia.js";
+import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
+import { Tabs } from "../foundations/Tabs.js";
+import { t as CodeBlock } from "../../CodeBlock-B5I7wje1.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
+import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName } from "ai";
-//#region src/components/ThinkChatToolPanels.tsx
+//#region src/components/agents-sdk/ThinkChatToolPanels.tsx
 function renderDeniedPanel(label, reason) {
 	return /* @__PURE__ */ jsx(ActivityPanel, {
 		label,

package/dist/components/agents-sdk/ThinkChatToolParts.d.ts

@@ -0,0 +1,2 @@
+import { S as isWorkspaceToolPart, _ as isPartWorking, a as SessionContextToolPart, b as isSkillToolPart, c as ThinkBashToolPart, d as WorkspaceToolPart, f as displayUrl, g as isPartFailed, h as isFetchToolPart, i as SessionContextToolName, l as ThinkChatPart, m as isExecuteToolPart, n as ExecuteToolPart, o as SkillToolPart, p as isBrowserToolPart, r as FetchToolPart, s as ThinkBashToolOutput, t as BrowserToolPart, u as ThinkWorkspaceToolName, v as isSessionContextToolFailure, x as isThinkChatActivityPart, y as isSessionContextToolPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
+export { BrowserToolPart, ExecuteToolPart, FetchToolPart, SessionContextToolName, SessionContextToolPart, SkillToolPart, ThinkBashToolOutput, ThinkBashToolPart, ThinkChatPart, ThinkWorkspaceToolName, WorkspaceToolPart, displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };

package/dist/components/{ThinkChatToolParts.js → agents-sdk/ThinkChatToolParts.js}

@@ -1,36 +1,6 @@
+import { isToolPartFailed, isToolPartWorking } from "../ai-sdk/ToolPart.js";
 import { getStaticToolName, getToolName, isReasoningUIPart, isStaticToolUIPart, isToolUIPart } from "ai";
-//#region src/components/ThinkChatToolParts.ts
-/** React-free equivalent of Think's UI-state mapping. Kept local so activity
-* summaries can run in workers and extension background contexts. */
-function getToolPartState(part) {
-	if (!("state" in part)) return "loading";
-	switch (part.state) {
-		case "input-streaming": return "streaming";
-		case "approval-requested": return "waiting-approval";
-		case "approval-responded": return "approved";
-		case "output-available": return "complete";
-		case "output-error": return "error";
-		case "output-denied": return "denied";
-		default: return "loading";
-	}
-}
-/** Prefer AI SDK's provider/tool-authored title over its transport-facing key. */
-function getToolDisplayName(part) {
-	return part.title ?? getToolName(part);
-}
-/**
-* Whole-part supplement to Think's simplified state mapping. Think maps every
-* `output-available` part to complete, while AI SDK preliminary outputs remain
-* in flight until a non-preliminary result arrives.
-*/
-function isToolPartWorking(part) {
-	const state = getToolPartState(part);
-	return state === "loading" || state === "streaming" || state === "waiting-approval" || state === "approved" || part.state === "output-available" && part.preliminary === true;
-}
-function isToolPartFailed(part) {
-	const state = getToolPartState(part);
-	return state === "error" || state === "denied";
-}
+//#region src/components/agents-sdk/ThinkChatToolParts.ts
 const WORKSPACE_TOOL_NAMES = /* @__PURE__ */ new Set([
 	"read",
 	"write",
@@ -105,4 +75,4 @@ function displayUrl(url) {
 	return url ? url.replace(/^https?:\/\//, "") : "";
 }
 //#endregion
-export { displayUrl, getToolDisplayName, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isToolPartFailed, isToolPartWorking, isWorkspaceToolPart };
+export { displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };

package/dist/components/{ThinkExecutionDetail.d.ts → agents-sdk/ThinkExecutionDetail.d.ts}

@@ -1,7 +1,7 @@
-import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
 import * as React from "react";
 
-//#region src/components/ThinkExecutionDetail.d.ts
+//#region src/components/agents-sdk/ThinkExecutionDetail.d.ts
 interface ThinkExecutionDetailProps extends React.HTMLAttributes<HTMLElement> {
   run: ThinkExecutionRun | null;
   emptyState?: React.ReactNode;

package/dist/components/{ThinkExecutionDetail.js → agents-sdk/ThinkExecutionDetail.js}

@@ -1,11 +1,11 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../icons-B4mGvCvc.js";
-import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ThinkExecutionDetail.tsx
+//#region src/components/agents-sdk/ThinkExecutionDetail.tsx
 function formatJson(value) {
 	return JSON.stringify(value, null, 2);
 }
@@ -29,10 +29,7 @@ function ThinkExecutionDetail({ className, emptyState = "Select a run to view it
 			className: "think-execution-workbench__detail-header",
 			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", { children: getThinkExecutionRunTitle(run) }), !isThinkSubmissionRun(run) ? /* @__PURE__ */ jsx("code", { children: id }) : null] }), /* @__PURE__ */ jsxs("div", {
 				className: "think-execution-workbench__detail-status",
-				children: [/* @__PURE__ */ jsx(ThinkExecutionStatus, {
-					run,
-					className: "think-execution-workbench__icon"
-				}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: formatThinkExecutionStatus(getThinkExecutionRunStatus(run)) }), /* @__PURE__ */ jsx("span", { children: formatThinkExecutionRunProgress(run) })] })]
+				children: [/* @__PURE__ */ jsx(ThinkExecutionStatus, { run }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("strong", { children: formatThinkExecutionStatus(getThinkExecutionRunStatus(run)) }), /* @__PURE__ */ jsx("span", { children: formatThinkExecutionRunProgress(run) })] })]
 			})]
 		}), /* @__PURE__ */ jsxs(Activity, {
 			defaultOpen: true,

package/dist/components/{ThinkExecutionRun.d.ts → agents-sdk/ThinkExecutionRun.d.ts}

@@ -1,2 +1,2 @@
-import { _ as isThinkSubmissionRun, a as formatThinkExecutionStatus, c as getThinkExecutionRunError, d as getThinkExecutionRunProgressedLabel, f as getThinkExecutionRunStatus, g as isSameThinkExecutionRun, h as getThinkExecutionRunTitle, i as formatThinkExecutionShortTimestamp, l as getThinkExecutionRunId, m as getThinkExecutionRunSubtitle, n as ThinkExecutionStatusTone, o as formatThinkExecutionTimestamp, p as getThinkExecutionRunStatusTone, r as formatThinkExecutionRunProgress, s as getThinkExecutionRunAccessibleName, t as ThinkExecutionRun, u as getThinkExecutionRunProgressedAt } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { _ as isThinkSubmissionRun, a as formatThinkExecutionStatus, c as getThinkExecutionRunError, d as getThinkExecutionRunProgressedLabel, f as getThinkExecutionRunStatus, g as isSameThinkExecutionRun, h as getThinkExecutionRunTitle, i as formatThinkExecutionShortTimestamp, l as getThinkExecutionRunId, m as getThinkExecutionRunSubtitle, n as ThinkExecutionStatusTone, o as formatThinkExecutionTimestamp, p as getThinkExecutionRunStatusTone, r as formatThinkExecutionRunProgress, s as getThinkExecutionRunAccessibleName, t as ThinkExecutionRun, u as getThinkExecutionRunProgressedAt } from "../../ThinkExecutionRun-lYYgyeE1.js";
 export { ThinkExecutionRun, ThinkExecutionStatusTone, formatThinkExecutionRunProgress, formatThinkExecutionShortTimestamp, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunAccessibleName, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle, isSameThinkExecutionRun, isThinkSubmissionRun };

package/dist/components/{ThinkExecutionRun.js → agents-sdk/ThinkExecutionRun.js}

@@ -1,5 +1,5 @@
-import { t as capitalize } from "../format-S6uWyoSb.js";
-//#region src/components/ThinkExecutionRun.ts
+import { t as capitalize } from "../../format-CmopcfqJ.js";
+//#region src/components/agents-sdk/ThinkExecutionRun.ts
 /** Narrows the direct upstream execution union without wrapping either record. */
 function isThinkSubmissionRun(run) {
 	return "submissionId" in run;

package/dist/components/agents-sdk/ThinkExecutionStatus.d.ts

@@ -0,0 +1,35 @@
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/ThinkExecutionStatus.d.ts
+interface ThinkExecutionStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
+  /** Whole upstream Think submission or Agents workflow record. */
+  run: ThinkExecutionRun;
+  /** Accessible status label; derived from the run when omitted. */
+  label?: string;
+}
+interface ThinkExecutionRunSummaryProps extends React.HTMLAttributes<HTMLSpanElement> {
+  /** Whole upstream Think submission or Agents workflow record. */
+  run: ThinkExecutionRun;
+}
+/** Shared status icon for whole upstream Think submission and Agents workflow records. */
+declare function ThinkExecutionStatus({
+  className,
+  label,
+  run,
+  ref,
+  ...props
+}: ThinkExecutionStatusProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+/** Shared identity, status, and progress summary for a whole Think execution record. */
+declare function ThinkExecutionRunSummary({
+  className,
+  run,
+  ref,
+  ...props
+}: ThinkExecutionRunSummaryProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+//#endregion
+export { ThinkExecutionRunSummary, ThinkExecutionRunSummaryProps, ThinkExecutionStatus, ThinkExecutionStatusProps };

package/dist/components/agents-sdk/ThinkExecutionStatus.js

@@ -0,0 +1,59 @@
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, O as InfoIcon, d as CheckIcon, rt as XIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/agents-sdk/ThinkExecutionStatus.tsx
+function statusIcon(tone) {
+	if (tone === "success") return /* @__PURE__ */ jsx(CheckIcon, {});
+	if (tone === "danger") return /* @__PURE__ */ jsx(XIcon, {});
+	if (tone === "warning") return /* @__PURE__ */ jsx(PauseIcon, {});
+	if (tone === "primary") return /* @__PURE__ */ jsx(SpinnerIcon, {});
+	return /* @__PURE__ */ jsx(InfoIcon, {});
+}
+/** Shared status icon for whole upstream Think submission and Agents workflow records. */
+function ThinkExecutionStatus({ className, label, run, ref, ...props }) {
+	const status = getThinkExecutionRunStatus(run);
+	const tone = getThinkExecutionRunStatusTone(run);
+	const accessibleLabel = label ?? `Status: ${formatThinkExecutionStatus(status)}`;
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { render: /* @__PURE__ */ jsx("span", {
+		ref,
+		"aria-label": accessibleLabel,
+		className: cx("think-execution-status", className),
+		"data-status": status,
+		"data-tone": tone,
+		role: "img",
+		...props,
+		children: statusIcon(tone)
+	}) }), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		side: "top",
+		sideOffset: 6,
+		children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: accessibleLabel })
+	}) })] });
+}
+/** Shared identity, status, and progress summary for a whole Think execution record. */
+function ThinkExecutionRunSummary({ className, run, ref, ...props }) {
+	const subtitle = getThinkExecutionRunSubtitle(run);
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		"data-slot": "think-execution-run-summary",
+		className: cx("think-execution-run-summary", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ThinkExecutionStatus, { run }), /* @__PURE__ */ jsxs("span", {
+			className: "think-execution-run-summary__copy",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "think-execution-run-summary__heading",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "think-execution-run-summary__title sigvelo-truncate",
+					children: getThinkExecutionRunTitle(run)
+				}), subtitle ? /* @__PURE__ */ jsx("code", { children: subtitle }) : null]
+			}), /* @__PURE__ */ jsx("span", {
+				className: "think-execution-run-summary__progress",
+				children: formatThinkExecutionRunProgress(run)
+			})]
+		})]
+	});
+}
+//#endregion
+export { ThinkExecutionRunSummary, ThinkExecutionStatus };

package/dist/components/{ThinkExecutionWorkbench.d.ts → agents-sdk/ThinkExecutionWorkbench.d.ts}

@@ -1,11 +1,11 @@
-import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
 import * as React from "react";
 import { DataTag, UnusedSkipTokenOptions } from "@tanstack/react-query";
 import { Think, ThinkSubmissionInspection } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 import { WorkflowPage } from "agents/workflows";
 
-//#region src/components/ThinkExecutionWorkbench.d.ts
+//#region src/components/agents-sdk/ThinkExecutionWorkbench.d.ts
 interface ThinkExecutionWorkbenchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
   /** Agents SDK client stub for a Think agent; this UI calls native submission/workflow methods. */
   source: AgentStub<Think>;

package/dist/components/{ThinkExecutionWorkbench.js → agents-sdk/ThinkExecutionWorkbench.js}

@@ -1,22 +1,20 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { buttonVariants } from "./Button.js";
-import { W as RefreshIcon, b as EllipsisIcon } from "../icons-B4mGvCvc.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { IconButton } from "./IconButton.js";
-import { EmptyState } from "./EmptyState.js";
-import { Menu } from "./Menu.js";
-import { AppTopBar } from "./AppTopBar.js";
-import { formatThinkExecutionRunProgress, getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle, isSameThinkExecutionRun, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
-import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { W as RefreshIcon, b as EllipsisIcon } from "../../icons-B4mGvCvc.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { Menu } from "../foundations/Menu.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isSameThinkExecutionRun, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
+import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import { ThinkExecutionDetail } from "./ThinkExecutionDetail.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { queryOptions, useMutation, useSuspenseQuery } from "@tanstack/react-query";
-//#region src/components/ThinkExecutionWorkbench.tsx
+//#region src/components/agents-sdk/ThinkExecutionWorkbench.tsx
 const executionPanelPageSize = 20;
-function getErrorMessage(error) {
-	return error instanceof Error ? error.message : String(error);
-}
 function isSubmissionCancelable(status) {
 	return status === "pending" || status === "running";
 }
@@ -169,7 +167,7 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 			error ? /* @__PURE__ */ jsx("div", {
 				className: "think-execution-workbench__error",
 				role: "alert",
-				children: getErrorMessage(error)
+				children: formatErrorMessage(error)
 			}) : null,
 			/* @__PURE__ */ jsxs("div", {
 				className: "think-execution-workbench__content",
@@ -195,7 +193,7 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 							const selected = isSameThinkExecutionRun(selectedRun, run);
 							return /* @__PURE__ */ jsxs("li", {
 								"data-selected": selected || void 0,
-								children: [/* @__PURE__ */ jsxs(NavigationLink, {
+								children: [/* @__PURE__ */ jsx(NavigationLink, {
 									render: renderRunLink(run),
 									"data-slot": "button",
 									className: buttonVariants({
@@ -206,22 +204,7 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 									}),
 									"aria-label": getThinkExecutionRunAccessibleName(run),
 									"aria-current": selected ? "page" : void 0,
-									children: [/* @__PURE__ */ jsx(ThinkExecutionStatus, {
-										run,
-										className: "think-execution-workbench__icon"
-									}), /* @__PURE__ */ jsxs("span", {
-										className: "think-execution-workbench__run-copy",
-										children: [/* @__PURE__ */ jsxs("span", {
-											className: "think-execution-workbench__run-heading",
-											children: [/* @__PURE__ */ jsx("span", {
-												className: "think-execution-workbench__run-title sigvelo-truncate",
-												children: getThinkExecutionRunTitle(run)
-											}), getThinkExecutionRunSubtitle(run) ? /* @__PURE__ */ jsx("code", { children: getThinkExecutionRunSubtitle(run) }) : null]
-										}), /* @__PURE__ */ jsx("span", {
-											className: "think-execution-workbench__run-summary",
-											children: formatThinkExecutionRunProgress(run)
-										})]
-									})]
+									children: /* @__PURE__ */ jsx(ThinkExecutionRunSummary, { run })
 								}), /* @__PURE__ */ jsx(RunActions, {
 									busy: actionIsPending,
 									run,

package/dist/components/{ThinkFullApp.d.ts → agents-sdk/ThinkFullApp.d.ts}

@@ -1,20 +1,20 @@
-import { l as WorkspaceNavigationAdapter } from "../WorkspaceLink-O-EBKUJ8.js";
-import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-DMtRMwVv.js";
-import { a as WorkspaceSource } from "../Workspace-Bn6In4wi.js";
-import { ThinkChatMessagesProps } from "./ThinkChat.js";
-import { t as ThinkAgent } from "../think-agent-Cip5KAPj.js";
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-DQogVe8E.js";
 import { McpPluginCatalogProps } from "./McpPluginCatalog.js";
-import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-C8Riev9j.js";
+import { a as WorkspaceSource } from "../../Workspace-EhvvlHOB.js";
+import { ThinkChatMessagesProps } from "./ThinkChat.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
 import { ThinkExecutionWorkbenchProps } from "./ThinkExecutionWorkbench.js";
+import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { ThinkFullAppView } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusSummary } from "./ThinkThreadPicker.js";
-import { ThinkThreadShell } from "./ThinkThreadShell.js";
+import { t as ThinkAgent } from "../../think-agent-Cip5KAPj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { useAgentChat } from "@cloudflare/think/react";
 import { useAgent } from "agents/react";
 
-//#region src/components/ThinkFullApp.d.ts
+//#region src/components/agents-sdk/ThinkFullApp.d.ts
 type ThinkFullAppMobileView = "chat" | "workbench";
 type ThinkFullAppAgent<State = unknown> = ThinkAgent<State>;
 type ThinkFullAppWorkbenchView = "files" | "execution" | "plugins" | (string & {});
@@ -62,6 +62,8 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
   threadStatusSummary?: ThinkThreadStatusSummary;
   /** Whether narrow layouts render the built-in chat/workbench switch. Defaults to true. */
   showMobileViewSwitch?: boolean;
+  /** Whether desktop layouts render the built-in workbench switch. Defaults to true. */
+  showWorkbenchViewSwitch?: boolean;
   /** Hide the thread app bar when a narrow workbench supplies its own navigation. */
   hideAppBarInWorkbench?: boolean;
   /** Whole native execution selected by the application route. */
@@ -85,7 +87,7 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
    * Optional parent-owned thread picker/sidebar rendered beside the selected child app.
    * Use the render form to close the compact drawer after selecting a thread.
    */
-  threadSidebar?: React.ComponentProps<typeof ThinkThreadShell>["sidebar"];
+  threadSidebar?: React.ComponentProps<typeof ResponsiveSidebarShell>["sidebar"];
   /** Whether the thread sidebar is open. Omit for internal state. */
   threadSidebarOpen?: boolean;
   /** Initial thread sidebar state when `threadSidebarOpen` is uncontrolled. */
@@ -107,6 +109,12 @@ interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unk
   defaultWorkbenchView?: ThinkFullAppWorkbenchView;
   /** Called when the shell toolbar asks to switch workbench lanes. */
   onWorkbenchViewChange?: (view: ThinkFullAppWorkbenchView) => void;
+  /** Whether the desktop workbench panel is open. Omit for internal state. */
+  workbenchOpen?: boolean;
+  /** Initial desktop workbench state when `workbenchOpen` is uncontrolled. */
+  defaultWorkbenchOpen?: boolean;
+  /** Called when toolbar or resize input opens or closes the workbench. */
+  onWorkbenchOpenChange?: (open: boolean) => void;
 }
 /** Combines ThinkChat with an optional resizable workbench shell. */
 declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage>({
@@ -117,6 +125,7 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   chat,
   className,
   defaultMobileView,
+  defaultWorkbenchOpen,
   defaultWorkbenchView,
   defaultThreadSidebarOpen,
   hideAppBarInWorkbench,
@@ -125,18 +134,21 @@ declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = u
   onMobileViewChange,
   onThreadSidebarOpenChange,
   onWorkbenchViewChange,
+  onWorkbenchOpenChange,
   plugins,
   ref,
   renderAgentToolRunLink,
   renderExecutionRunLink,
   selectedExecutionRun,
   showMobileViewSwitch,
+  showWorkbenchViewSwitch,
   sourceKey,
   style,
   threadSidebar,
   threadSidebarOpen,
   threadStatusSummary,
   workbenchPanels,
+  workbenchOpen,
   workbenchView,
   workspace,
   ...props