@mcp-b/react-components 0.29.0 → 0.30.1

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

@@ -1,27 +1,27 @@
-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-B4mGvCvc.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-yid8e_Jb.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;
 const workbenchPanelKeyboardStep = 24;
+const workbenchPanelCollapseThreshold = 240;
 function WorkspacePanel({ config }) {
 	const selectedPath = config.navigation.current.destination.kind === "file" ? config.navigation.current.destination.path : null;
 	return /* @__PURE__ */ jsx(WorkspaceExplorer, {
@@ -46,7 +46,7 @@ function PluginsPanel({ config }) {
 	});
 }
 /** Combines ThinkChat with an optional resizable workbench shell. */
-function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat, className, defaultMobileView, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchViewChange, plugins, ref, renderAgentToolRunLink, renderExecutionRunLink, selectedExecutionRun = null, showMobileViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchPanels, workbenchView, workspace, ...props }) {
+function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat, className, defaultMobileView, defaultWorkbenchOpen, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchViewChange, onWorkbenchOpenChange, plugins, ref, renderAgentToolRunLink, renderExecutionRunLink, selectedExecutionRun = null, showMobileViewSwitch = true, showWorkbenchViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchPanels, workbenchOpen, workbenchView, workspace, ...props }) {
 	const appRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
 	const pendingPanelFocusRef = React.useRef(null);
@@ -73,14 +73,11 @@ 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 [innerWorkbenchOpen, setInnerWorkbenchOpen] = React.useState(defaultWorkbenchOpen ?? true);
+	const agentTools = useSourceScopedAgentToolEvents(agent);
 	const requestedMobileView = mobileView ?? innerMobileView;
 	const requestedWorkbenchView = workbenchView ?? innerWorkbenchView;
-	const resetAgentTools = React.useEffectEvent(() => agentTools.resetLocalState());
-	React.useEffect(() => {
-		resetAgentTools();
-	}, [agentIdentity]);
+	const requestedWorkbenchOpen = workbenchOpen ?? innerWorkbenchOpen;
 	const setWorkbenchView = React.useCallback((next) => {
 		if (workbenchView === void 0) setInnerWorkbenchView(next);
 		onWorkbenchViewChange?.(next);
@@ -89,6 +86,10 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 		if (mobileView === void 0) setInnerMobileView(next);
 		onMobileViewChange?.(next);
 	}, [mobileView, onMobileViewChange]);
+	const setWorkbenchOpen = React.useCallback((next) => {
+		if (workbenchOpen === void 0) setInnerWorkbenchOpen(next);
+		onWorkbenchOpenChange?.(next);
+	}, [onWorkbenchOpenChange, workbenchOpen]);
 	const updateAppView = React.useCallback((update) => {
 		React.startTransition(update);
 	}, []);
@@ -104,7 +105,7 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 	const availableWorkbenchPanels = [];
 	if (workspace !== void 0) availableWorkbenchPanels.push({
 		id: "files",
-		label: "Files",
+		label: "Workspace",
 		icon: /* @__PURE__ */ jsx(FileIcon, {}),
 		render: () => /* @__PURE__ */ jsx(WorkspacePanel, { config: workspace })
 	});
@@ -135,13 +136,15 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 		render: () => /* @__PURE__ */ jsx(PluginsPanel, { config: plugins })
 	});
 	if (workbenchPanels) availableWorkbenchPanels.push(...workbenchPanels);
-	const activePanel = availableWorkbenchPanels.find((panel) => panel.id === requestedWorkbenchView) ?? availableWorkbenchPanels[0];
+	const selectedPanel = availableWorkbenchPanels.find((panel) => panel.id === requestedWorkbenchView) ?? availableWorkbenchPanels[0];
+	const activePanel = requestedWorkbenchOpen ? selectedPanel : void 0;
 	const activeWorkbenchView = activePanel?.id;
 	const hasWorkbench = activePanel !== void 0;
+	const hasAvailableWorkbench = selectedPanel !== void 0;
 	const activeMobileView = hasWorkbench ? requestedMobileView : "chat";
-	const showWorkbenchViewSwitch = availableWorkbenchPanels.length > 1;
+	const shouldShowWorkbenchViewSwitch = showWorkbenchViewSwitch && availableWorkbenchPanels.length > 0;
 	const workbenchViews = availableWorkbenchPanels;
-	const shouldRenderInlineAppBar = !threadSidebar && (Boolean(appBarActions || appBarLeading || appBarTitle || threadSidebar) || hasWorkbench);
+	const shouldRenderInlineAppBar = !threadSidebar && (Boolean(appBarActions || appBarLeading || appBarTitle || threadSidebar) || hasAvailableWorkbench);
 	const hasAppBarRow = shouldRenderInlineAppBar;
 	React.useLayoutEffect(() => {
 		const pendingFocus = pendingPanelFocusRef.current;
@@ -189,19 +192,27 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 			}) : null] }) : null,
 			/* @__PURE__ */ jsxs(AppTopBar.Trailing, { children: [
 				appBarActions,
-				showWorkbenchViewSwitch && activeWorkbenchView ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
+				shouldShowWorkbenchViewSwitch && selectedPanel ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
 					className: "think-full-app__workbench-view-switch",
 					views: workbenchViews,
 					value: activeWorkbenchView,
+					allowEmpty: true,
 					onValueChange: (next) => {
-						if (next) updateWorkbenchPanel(next);
+						updateAppView(() => {
+							if (!next) {
+								setWorkbenchOpen(false);
+								return;
+							}
+							updateWorkbenchPanel(next);
+							setWorkbenchOpen(true);
+						});
 					},
 					"aria-label": "Workbench views"
 				}) : null,
-				activePanel && showMobileViewSwitch ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
+				selectedPanel && showMobileViewSwitch ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
 					className: "think-full-app__mobile-view-switch",
 					views: workbenchViews,
-					value: activeMobileView === "workbench" ? activePanel.id : void 0,
+					value: activeMobileView === "workbench" ? activeWorkbenchView : void 0,
 					allowEmpty: true,
 					onValueChange: (next) => {
 						updateAppView(() => {
@@ -227,6 +238,8 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 		minSize: workbenchPanelMinWidth,
 		maxSize: workbenchPanelMaxWidth,
 		keyboardStep: workbenchPanelKeyboardStep,
+		collapseThreshold: workbenchPanelCollapseThreshold,
+		onCollapse: () => setWorkbenchOpen(false),
 		"data-has-thread-sidebar": threadSidebar ? "true" : "false",
 		"data-has-workbench": hasWorkbench ? "true" : "false",
 		"data-has-workbench-topbar": hasAppBarRow ? "true" : "false",
@@ -292,13 +305,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 { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.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-B4mGvCvc.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
+import { t as capitalize } from "../../format-CmopcfqJ.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.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-B4mGvCvc.js";
+import { Button, buttonVariants } from "../foundations/Button.js";
+import { Field } from "../foundations/Field.js";
+import { Form } from "../foundations/Form.js";
+import { Textarea } from "../foundations/Textarea.js";
+import { Select } from "../foundations/Select.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.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;
@@ -32,6 +32,8 @@ interface ThinkRoutineLibraryProps<TRoutine extends ThinkRoutine = ThinkRoutine>
   error?: React.ReactNode;
   /** Product navigation rendered after the built-in schedule navigation control. */
   appBarLeading?: React.ReactNode;
+  /** Product navigation rendered before the selected schedule actions. */
+  appBarActions?: React.ReactNode;
   /** Starts the selected routine immediately. */
   onRunRoutine?: (routine: TRoutine) => void | Promise<void>;
   /** Activates or pauses the selected app-owned routine. */
@@ -53,6 +55,7 @@ interface ThinkRoutineLibraryProps<TRoutine extends ThinkRoutine = ThinkRoutine>
  * route and may also use these surfaces independently.
  */
 declare function ThinkRoutineLibrary<TRoutine extends ThinkRoutine = ThinkRoutine>({
+  appBarActions,
   appBarLeading,
   className,
   createRoutineLink,

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

@@ -1,54 +1,56 @@
-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-B4mGvCvc.js";
+import { Button, buttonVariants } from "../foundations/Button.js";
+import { Menu } from "../foundations/Menu.js";
+import { i as formatErrorMessage } from "../../format-CmopcfqJ.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.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);
-}
-function RoutineTopBarActions({ busy, onDelete, editLink, onRun, routineName }) {
+//#region src/components/agents-sdk/ThinkRoutineLibrary.tsx
+function RoutineTopBarActions({ appBarActions, busy, onDelete, editLink, onRun, routineName }) {
 	const [deleteOpen, setDeleteOpen] = React.useState(false);
 	const moreActionsRef = React.useRef(null);
 	const hasMenu = Boolean(editLink || onDelete);
-	if (!onRun && !hasMenu) return null;
+	if (!appBarActions && !onRun && !hasMenu) return null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(AppTopBar.Trailing, {
 		"aria-label": "Schedule actions",
-		children: [onRun ? /* @__PURE__ */ jsx(AppTopBar.Button, {
-			label: "Run schedule",
-			tooltip: "Run now",
-			disabled: busy,
-			onClick: onRun,
-			children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
-		}) : null, hasMenu ? /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
-			label: "More schedule actions",
-			tooltip: "More actions",
-			disabled: busy,
-			render: /* @__PURE__ */ jsx(Menu.Trigger, {
-				ref: moreActionsRef,
-				unstyled: true
-			}),
-			children: /* @__PURE__ */ jsx(EllipsisIcon, {})
-		}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-			align: "end",
-			sideOffset: 4,
-			children: /* @__PURE__ */ jsxs(Menu.Popup, { children: [editLink ? /* @__PURE__ */ jsx(Menu.Item, {
-				render: editLink,
-				children: "Edit schedule"
-			}) : null, onDelete ? /* @__PURE__ */ jsx(Menu.Item, {
-				variant: "destructive",
+		children: [
+			appBarActions,
+			onRun ? /* @__PURE__ */ jsx(AppTopBar.Button, {
+				label: "Run schedule",
+				tooltip: "Run now",
+				disabled: busy,
+				onClick: onRun,
+				children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
+			}) : null,
+			hasMenu ? /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
+				label: "More schedule actions",
+				tooltip: "More actions",
 				disabled: busy,
-				onClick: () => setDeleteOpen(true),
-				children: "Delete schedule"
-			}) : null] })
-		}) })] }) : null]
+				render: /* @__PURE__ */ jsx(Menu.Trigger, {
+					ref: moreActionsRef,
+					unstyled: true
+				}),
+				children: /* @__PURE__ */ jsx(EllipsisIcon, {})
+			}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+				align: "end",
+				sideOffset: 4,
+				children: /* @__PURE__ */ jsxs(Menu.Popup, { children: [editLink ? /* @__PURE__ */ jsx(Menu.Item, {
+					render: editLink,
+					children: "Edit schedule"
+				}) : null, onDelete ? /* @__PURE__ */ jsx(Menu.Item, {
+					variant: "destructive",
+					disabled: busy,
+					onClick: () => setDeleteOpen(true),
+					children: "Delete schedule"
+				}) : null] })
+			}) })] }) : null
+		]
 	}), onDelete ? /* @__PURE__ */ jsx(AlertDialog.Root, {
 		open: deleteOpen,
 		onOpenChange: setDeleteOpen,
@@ -82,7 +84,7 @@ function RoutineTopBarActions({ busy, onDelete, editLink, onRun, routineName })
 * and `ThinkRoutineRuns`; consumers compose `ThinkRoutineForm` in their create
 * route and may also use these surfaces independently.
 */
-function ThinkRoutineLibrary({ appBarLeading, className, createRoutineLink, error: catalogError, onDeleteRoutine, onRoutineEnabledChange, onRunRoutine, renderEditRoutineLink, renderRoutineLink, renderRoutineDetail, renderRunLink, ref, routines, selectedRoutineId, showOwner = true, ...props }) {
+function ThinkRoutineLibrary({ appBarActions, appBarLeading, className, createRoutineLink, error: catalogError, onDeleteRoutine, onRoutineEnabledChange, onRunRoutine, renderEditRoutineLink, renderRoutineLink, renderRoutineDetail, renderRunLink, ref, routines, selectedRoutineId, showOwner = true, ...props }) {
 	const [busy, setBusy] = React.useState(false);
 	const [announcement, setAnnouncement] = React.useState("");
 	const [actionError, setActionError] = React.useState(null);
@@ -95,7 +97,7 @@ function ThinkRoutineLibrary({ appBarLeading, className, createRoutineLink, erro
 			setAnnouncement(message);
 			return true;
 		} catch (nextError) {
-			setActionError(errorMessage(nextError));
+			setActionError(formatErrorMessage(nextError));
 			return false;
 		} finally {
 			setBusy(false);
@@ -142,6 +144,7 @@ function ThinkRoutineLibrary({ appBarLeading, className, createRoutineLink, erro
 							children: [/* @__PURE__ */ jsx("span", { children: selectedRoutine.name }), /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
 						}) : null] }),
 						/* @__PURE__ */ jsx(RoutineTopBarActions, {
+							appBarActions,
 							busy,
 							routineName: selectedRoutine?.name ?? "schedule",
 							editLink: selectedRoutine && renderEditRoutineLink ? renderEditRoutineLink(selectedRoutine) : void 0,
@@ -157,7 +160,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;

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

@@ -0,0 +1,59 @@
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { buttonVariants } from "../foundations/Button.js";
+import { Badge } from "../foundations/Badge.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
+import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/agents-sdk/ThinkRoutineRuns.tsx
+/** Compact execution history shared by routine detail surfaces. */
+function ThinkRoutineRuns({ className, runs, title = "Recent runs", emptyState = "Run this schedule now or wait for its next occurrence.", renderRunLink, ref, ...props }) {
+	const titleId = React.useId();
+	return /* @__PURE__ */ jsxs("section", {
+		ref,
+		className: cx("think-routine-runs", "think-routine-library__runs", className),
+		"aria-labelledby": titleId,
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "think-routine-library__section-heading",
+			children: [/* @__PURE__ */ jsx("h2", {
+				id: titleId,
+				children: title
+			}), /* @__PURE__ */ jsx(Badge, {
+				variant: "ghost",
+				color: "neutral",
+				size: "sm",
+				"aria-label": `${runs.length} recorded runs`,
+				children: runs.length
+			})]
+		}), runs.length ? /* @__PURE__ */ jsx("ol", {
+			className: "think-routine-library__run-list",
+			children: runs.map((run) => {
+				const kind = isThinkSubmissionRun(run) ? "submission" : "workflow";
+				const content = /* @__PURE__ */ jsx(ThinkExecutionRunSummary, { run });
+				const runClassName = buttonVariants({
+					variant: "ghost",
+					color: "neutral",
+					size: "sm",
+					className: "think-routine-library__run"
+				});
+				return /* @__PURE__ */ jsx("li", { children: renderRunLink ? /* @__PURE__ */ jsx(NavigationLink, {
+					render: renderRunLink(run),
+					className: runClassName,
+					"aria-label": getThinkExecutionRunAccessibleName(run),
+					children: content
+				}) : /* @__PURE__ */ jsx("div", {
+					className: "think-routine-library__run",
+					children: content
+				}) }, `${kind}:${getThinkExecutionRunId(run)}`);
+			})
+		}) : /* @__PURE__ */ jsx(EmptyState, {
+			className: "think-routine-library__empty-runs",
+			description: emptyState
+		})]
+	});
+}
+//#endregion
+export { ThinkRoutineRuns };

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-//#region src/components/ThinkThreadPicker.d.ts
+//#region src/components/agents-sdk/ThinkThreadPicker.d.ts
 interface ThinkThreadItem {
   /** Stable child-agent/thread id used by the app-authored link's route params. */
   id: string;