@mcp-b/react-components 0.28.0 → 0.30.0

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-B1Qw05te.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-B1Qw05te.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-B1Qw05te.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { Menu } from "../foundations/Menu.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 & {});
@@ -85,7 +85,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. */

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

@@ -1,23 +1,22 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button } from "./Button.js";
-import { $ as TerminalIcon, C as FileIcon, J as SpinnerIcon, c as BoxIcon, f as ChevronDownIcon } from "../icons-B4mGvCvc.js";
-import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../WorkspaceLink-BYYeTQLf.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
-import { AppTopBar } from "./AppTopBar.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-Bp-nAnoW.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { $ as TerminalIcon, C as FileIcon, J as SpinnerIcon, c as BoxIcon, f as ChevronDownIcon } from "../../icons-B1Qw05te.js";
+import { Button } from "../foundations/Button.js";
+import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
+import { McpPluginCatalog } from "./McpPluginCatalog.js";
+import { c as resolveThinkApprovalProps, l as useSourceScopedAgentToolEvents, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-Dsm1xF3a.js";
+import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DZeLe_jN.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { useWorkspace } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
-import { ScrollArea } from "./ScrollArea.js";
-import { McpPluginCatalog } from "./McpPluginCatalog.js";
-import { ResizableSidePanel } from "./ResizableSidePanel.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
+import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
+import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";
-import { ThinkThreadShell } from "./ThinkThreadShell.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useAgentToolEvents } from "agents/react";
-//#region src/components/ThinkFullApp.tsx
+//#region src/components/agents-sdk/ThinkFullApp.tsx
 const workbenchPanelDefaultWidth = 340;
 const workbenchPanelMinWidth = 300;
 const workbenchPanelMaxWidth = 600;
@@ -73,14 +72,9 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 	]);
 	const [innerMobileView, setInnerMobileView] = React.useState(defaultMobileView ?? "chat");
 	const [innerWorkbenchView, setInnerWorkbenchView] = React.useState(defaultWorkbenchView ?? "files");
-	const agentTools = useAgentToolEvents({ agent });
-	const agentIdentity = JSON.stringify(agent.path);
+	const agentTools = useSourceScopedAgentToolEvents(agent);
 	const requestedMobileView = mobileView ?? innerMobileView;
 	const requestedWorkbenchView = workbenchView ?? innerWorkbenchView;
-	const resetAgentTools = React.useEffectEvent(() => agentTools.resetLocalState());
-	React.useEffect(() => {
-		resetAgentTools();
-	}, [agentIdentity]);
 	const setWorkbenchView = React.useCallback((next) => {
 		if (workbenchView === void 0) setInnerWorkbenchView(next);
 		onWorkbenchViewChange?.(next);
@@ -292,13 +286,17 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 		}), appContent] })
 	}) : appContent;
 	if (!threadSidebar) return app;
-	return /* @__PURE__ */ jsx(ThinkThreadShell, {
+	return /* @__PURE__ */ jsx(ResponsiveSidebarShell, {
+		className: "think-thread-shell",
 		sidebar: threadSidebar,
+		sidebarLabel: "threads",
 		sidebarOpen: threadSidebarOpen,
 		defaultSidebarOpen: defaultThreadSidebarOpen,
 		onSidebarOpenChange: onThreadSidebarOpenChange,
 		"data-hide-app-bar-in-workbench": hideAppBarInWorkbench ? "" : void 0,
 		topBar: (controls) => renderAppTopBar(controls),
+		toolbarLabel: "Thread controls",
+		showMainLabel: "Show selected thread",
 		children: app
 	});
 }

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

@@ -1,7 +1,7 @@
-import { r as ToggleGroupProps } from "../ToggleGroup-BW1jrhAF.js";
+import { r as ToggleGroupProps } from "../../ToggleGroup-CSBWfPXo.js";
 import * as React from "react";
 
-//#region src/components/ThinkFullAppViewSwitch.d.ts
+//#region src/components/agents-sdk/ThinkFullAppViewSwitch.d.ts
 interface ThinkFullAppView {
   id: string;
   label: string;

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

@@ -1,9 +1,9 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { AppTopBar } from "./AppTopBar.js";
-import { ToggleGroup } from "./ToggleGroup.js";
+import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/ThinkFullAppViewSwitch.tsx
+//#region src/components/agents-sdk/ThinkFullAppViewSwitch.tsx
 /**
 * Icon view picker shared by ThinkFullApp's wide workbench and compact app
 * navigation. Base UI owns selection and roving focus; AppTopBar owns the

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

@@ -4,7 +4,7 @@ import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 import { ProxyToolOutput } from "@cloudflare/codemode";
 
-//#region src/components/ThinkPendingApproval.d.ts
+//#region src/components/agents-sdk/ThinkPendingApproval.d.ts
 type PausedExecution = Extract<ProxyToolOutput, {
   status: "paused";
 }>;

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

@@ -1,10 +1,10 @@
-import { i as titleCase } from "../format-S6uWyoSb.js";
-import { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInputPreview, ApprovalPreview, ApprovalPreviewRow, ApprovalQuestion, formatApprovalValue } from "./Approval.js";
+import { a as titleCase } from "../../format-CmopcfqJ.js";
+import { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInputPreview, ApprovalPreview, ApprovalPreviewRow, ApprovalQuestion, formatApprovalValue } from "../ai-sdk/Approval.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getToolName } from "ai";
 import { getToolOutput } from "@cloudflare/think/react";
-//#region src/components/ThinkPendingApproval.tsx
+//#region src/components/agents-sdk/ThinkPendingApproval.tsx
 /** Structural match for any upstream tool binding of the Codemode execute runtime. */
 function getPausedExecution(part) {
 	if (part.state !== "output-available") return void 0;

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

@@ -0,0 +1,2 @@
+import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
+export { ThinkRecoveryNotice, ThinkRecoveryNoticeProps };

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

@@ -1,7 +1,7 @@
-import { TransitionSurface } from "./TransitionSurface.js";
-import { AgentChatTurnError } from "./AgentChatTurnError.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ThinkRecoveryNotice.tsx
+//#region src/components/agents-sdk/ThinkRecoveryNotice.tsx
 function connectionReason(error) {
 	return error.reason.trim() || error.message.trim();
 }

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

@@ -1,8 +1,8 @@
-import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
 import { ThinkScheduledTask } from "@cloudflare/think";
 import { Schedule } from "agents";
 
-//#region src/components/ThinkRoutine.d.ts
+//#region src/components/agents-sdk/ThinkRoutine.d.ts
 /** App-owned identity for the Think agent that owns a routine. */
 interface ThinkRoutineOwner {
   id: string;

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

@@ -1,5 +1,5 @@
 import { formatThinkExecutionShortTimestamp } from "./ThinkExecutionRun.js";
-//#region src/components/ThinkRoutine.ts
+//#region src/components/agents-sdk/ThinkRoutine.ts
 function getThinkRoutineNextRun(routine) {
 	if (!routine.schedule) return null;
 	if (!routine.enabled) return "Paused";

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

@@ -1,7 +1,7 @@
 import { ThinkRoutine } from "./ThinkRoutine.js";
 import * as React from "react";
 
-//#region src/components/ThinkRoutineBrowser.d.ts
+//#region src/components/agents-sdk/ThinkRoutineBrowser.d.ts
 type ThinkRoutineFilter = "all" | "active" | "paused";
 interface ThinkRoutineBrowserProps<TRoutine extends ThinkRoutine = ThinkRoutine> extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
   routines: readonly TRoutine[];

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

@@ -1,15 +1,15 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { buttonVariants } from "./Button.js";
-import { H as PlusIcon } from "../icons-B4mGvCvc.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { Tooltip } from "./Tooltip.js";
-import { t as capitalize } from "../format-S6uWyoSb.js";
-import { SearchField } from "./SearchField.js";
-import { ToggleGroup } from "./ToggleGroup.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { H as PlusIcon } from "../../icons-B1Qw05te.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { t as capitalize } from "../../format-CmopcfqJ.js";
+import { SearchField } from "../foundations/SearchField.js";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ThinkRoutineBrowser.tsx
+//#region src/components/agents-sdk/ThinkRoutineBrowser.tsx
 function filterRoutines(routines, filter, query) {
 	const normalizedQuery = query.trim().toLocaleLowerCase();
 	return routines.filter((routine) => {

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

@@ -1,7 +1,7 @@
 import { ThinkRoutine, ThinkRoutineRunOf } from "./ThinkRoutine.js";
 import * as React from "react";
 
-//#region src/components/ThinkRoutineDetail.d.ts
+//#region src/components/agents-sdk/ThinkRoutineDetail.d.ts
 interface ThinkRoutineDetailProps<TRoutine extends ThinkRoutine = ThinkRoutine> extends React.HTMLAttributes<HTMLElement> {
   routine: TRoutine;
   busy?: boolean;

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

@@ -1,11 +1,11 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Badge } from "./Badge.js";
-import { Switch } from "./Switch.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { Badge } from "../foundations/Badge.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
+import { Switch } from "../foundations/Switch.js";
 import { ThinkRoutineRuns } from "./ThinkRoutineRuns.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ThinkRoutineDetail.tsx
+//#region src/components/agents-sdk/ThinkRoutineDetail.tsx
 function taskInstructions(routine) {
 	return typeof routine.task.prompt === "string" ? routine.task.prompt : "Runs an app-defined scheduled handler.";
 }

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

@@ -2,7 +2,7 @@ import { ThinkRoutineCreateRequest, ThinkRoutineOwner } from "./ThinkRoutine.js"
 import * as React from "react";
 import { ThinkScheduledTaskSchedule } from "@cloudflare/think";
 
-//#region src/components/ThinkRoutineForm.d.ts
+//#region src/components/agents-sdk/ThinkRoutineForm.d.ts
 interface ThinkRoutineFormProps extends React.HTMLAttributes<HTMLElement> {
   busy?: boolean;
   owners: readonly ThinkRoutineOwner[];

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

@@ -1,14 +1,14 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button, buttonVariants } from "./Button.js";
-import { J as SpinnerIcon } from "../icons-B4mGvCvc.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { Select } from "./Select.js";
-import { Field } from "./Field.js";
-import { Form } from "./Form.js";
-import { Textarea } from "./Textarea.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon } from "../../icons-B1Qw05te.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { Button, buttonVariants } from "../foundations/Button.js";
+import { Select } from "../foundations/Select.js";
+import { Field } from "../foundations/Field.js";
+import { Form } from "../foundations/Form.js";
+import { Textarea } from "../foundations/Textarea.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ThinkRoutineForm.tsx
+//#region src/components/agents-sdk/ThinkRoutineForm.tsx
 function RoutineSelect({ label, onValueChange, options, value }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "think-routine-library__select-field",

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

@@ -1,8 +1,8 @@
-import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
 import { ThinkRoutine, ThinkRoutineCreateRequest, ThinkRoutineOwner, ThinkRoutineRunOf } from "./ThinkRoutine.js";
 import * as React from "react";
 
-//#region src/components/ThinkRoutineLibrary.d.ts
+//#region src/components/agents-sdk/ThinkRoutineLibrary.d.ts
 interface ThinkRoutineLibraryDetailRenderProps<TRoutine extends ThinkRoutine = ThinkRoutine> {
   /** The selected routine, including any app-owned extension fields. */
   routine: TRoutine;

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

@@ -1,19 +1,17 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Button, buttonVariants } from "./Button.js";
-import { J as SpinnerIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
-import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
-import { Menu } from "./Menu.js";
-import { AppTopBar } from "./AppTopBar.js";
-import { AlertDialog } from "./AlertDialog.js";
-import { ResponsiveSidebarShell } from "./ResponsiveSidebarShell.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { J as SpinnerIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B1Qw05te.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { Button, buttonVariants } from "../foundations/Button.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { Menu } from "../foundations/Menu.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { ThinkRoutineBrowser } from "./ThinkRoutineBrowser.js";
 import { ThinkRoutineDetail } from "./ThinkRoutineDetail.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/ThinkRoutineLibrary.tsx
-function errorMessage(error) {
-	return error instanceof Error ? error.message : String(error);
-}
+//#region src/components/agents-sdk/ThinkRoutineLibrary.tsx
 function RoutineTopBarActions({ busy, onDelete, editLink, onRun, routineName }) {
 	const [deleteOpen, setDeleteOpen] = React.useState(false);
 	const moreActionsRef = React.useRef(null);
@@ -95,7 +93,7 @@ function ThinkRoutineLibrary({ appBarLeading, className, createRoutineLink, erro
 			setAnnouncement(message);
 			return true;
 		} catch (nextError) {
-			setActionError(errorMessage(nextError));
+			setActionError(formatErrorMessage(nextError));
 			return false;
 		} finally {
 			setBusy(false);
@@ -157,7 +155,7 @@ function ThinkRoutineLibrary({ appBarLeading, className, createRoutineLink, erro
 					renderRoutineLink,
 					createRoutineLink,
 					onRoutineLinkClick: (event) => {
-						if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.currentTarget.target === "_blank") return;
+						if (!isPlainPrimaryLinkActivation(event)) return;
 						closeSidebarOnCompact();
 					}
 				}),

package/dist/components/{ThinkRoutineRuns.d.ts → agents-sdk/ThinkRoutineRuns.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/ThinkRoutineRuns.d.ts
+//#region src/components/agents-sdk/ThinkRoutineRuns.d.ts
 interface ThinkRoutineRunsProps<TRun extends ThinkExecutionRun = ThinkExecutionRun> extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
   runs: readonly TRun[];
   title?: React.ReactNode;