@mcp-b/react-components 0.40.0 → 0.41.0

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

@@ -1,28 +1,24 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, Y as SpinnerIcon, c as BoxIcon, et as TerminalIcon, f as ChevronDownIcon } from "../../icons-MmIXciMO.js";
-import { Button } from "../foundations/Button.js";
+import { K as SpinnerIcon, S as FileIcon, Z as TerminalIcon, c as BoxIcon } from "../../icons-CVFSeTJn.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { ScrollArea } from "../foundations/ScrollArea.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
-import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DtH66bAY.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-DkA4Wr71.js";
+import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { McpPluginCatalog } from "./McpPluginCatalog.js";
+import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DtH66bAY.js";
+import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-BES_3Mb-.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";
-import { ThinkThreadShell } from "./ThinkThreadShell.js";
 import { useWorkspace } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkFullApp.tsx
-const workbenchPanelDefaultWidth = 340;
-const workbenchPanelMinWidth = 300;
-const workbenchPanelMaxWidth = 600;
-const workbenchPanelKeyboardStep = 24;
-const workbenchPanelCollapseThreshold = 240;
+const conversationDefaultWidth = 393;
+const conversationMinWidth = 320;
+const conversationMaxWidth = 640;
+const conversationKeyboardStep = 24;
 function WorkspacePanel({ config }) {
 	const selectedPath = config.navigation.current.destination.kind === "file" ? config.navigation.current.destination.path : null;
 	return /* @__PURE__ */ jsx(WorkspaceExplorer, {
@@ -40,12 +36,6 @@ function WorkspacePanel({ config }) {
 		actions: config.actions
 	});
 }
-function PluginsPanel({ config }) {
-	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
-		className: "think-full-app__workbench",
-		children: [/* @__PURE__ */ jsx(ScrollArea.Viewport, { children: /* @__PURE__ */ jsx(ScrollArea.Content, { children: /* @__PURE__ */ jsx(McpPluginCatalog, { ...config }) }) }), /* @__PURE__ */ jsx(ScrollArea.Scrollbar, { children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {}) })]
-	});
-}
 /**
 * Approval discovery and background-agent events need a live connection, so they
 * live here rather than in the shell, which also renders before there is one.
@@ -82,7 +72,7 @@ function ThinkFullAppThreadChat({ agent, agentTools, chat, messages, renderAgent
 	});
 }
 /** Combines ThinkChat with an optional resizable workbench shell. */
-function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, conversation, defaultMobileView, defaultWorkbenchOpen, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchOpenChange, onWorkbenchViewChange, plugins, ref, renderAgentToolRunLink, renderExecutionRunLink, selectedExecutionRun = null, showMobileViewSwitch = true, showWorkbenchViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchOpen, workbenchPanels, workbenchView, workspace, ...props }) {
+function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, compactAppBarLeading, className, conversation, defaultMobileView, defaultWorkbenchOpen, defaultWorkbenchView, defaultThreadSidebarOpen, hideAppBarInWorkbench = false, messages, mobileView, onMobileViewChange, onThreadSidebarOpenChange, onWorkbenchOpenChange, onWorkbenchViewChange, plugins, ref, renderAgentToolRunLink, renderExecutionRunLink, renderExecutionRunsLink, selectedExecutionRun = null, showMobileViewSwitch = true, showWorkbenchViewSwitch = true, sourceKey, style, threadSidebar, threadSidebarOpen, threadStatusSummary, workbenchOpen, workbenchPanels, workbenchView, workspace, ...props }) {
 	const agent = conversation?.agent;
 	const appRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
@@ -115,7 +105,7 @@ function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, co
 		icon: /* @__PURE__ */ jsx(FileIcon, {}),
 		render: () => /* @__PURE__ */ jsx(WorkspacePanel, { config: workspace })
 	});
-	if (renderExecutionRunLink && agent) availableWorkbenchPanels.push({
+	if (renderExecutionRunLink && renderExecutionRunsLink && agent) availableWorkbenchPanels.push({
 		id: "execution",
 		label: "Execution",
 		icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
@@ -133,7 +123,8 @@ function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, co
 				sourceKey,
 				title: "Execution",
 				selectedRun: selectedExecutionRun,
-				renderRunLink: renderExecutionRunLink
+				renderRunLink: renderExecutionRunLink,
+				renderRunsLink: renderExecutionRunsLink
 			})
 		})
 	});
@@ -141,7 +132,7 @@ function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, co
 		id: "plugins",
 		label: "Plugins",
 		icon: /* @__PURE__ */ jsx(BoxIcon, {}),
-		render: () => /* @__PURE__ */ jsx(PluginsPanel, { config: plugins })
+		render: () => /* @__PURE__ */ jsx(McpPluginCatalog, { ...plugins })
 	});
 	if (workbenchPanels) availableWorkbenchPanels.push(...workbenchPanels);
 	const selectedPanel = availableWorkbenchPanels.find((panel) => panel.id === requestedWorkbenchView) ?? availableWorkbenchPanels[0];
@@ -152,8 +143,9 @@ function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, co
 	const activeMobileView = hasWorkbench ? requestedMobileView : "chat";
 	const shouldShowWorkbenchViewSwitch = showWorkbenchViewSwitch && availableWorkbenchPanels.length > 0;
 	const workbenchViews = availableWorkbenchPanels;
-	const shouldRenderInlineAppBar = !threadSidebar && (Boolean(appBarActions || appBarLeading || appBarTitle || threadSidebar) || hasAvailableWorkbench);
-	const hasAppBarRow = shouldRenderInlineAppBar;
+	const hasApplicationChrome = Boolean(appBarActions || appBarLeading || compactAppBarLeading || appBarTitle || threadSidebar);
+	const shouldShowMobileViewSwitch = Boolean(selectedPanel) && showMobileViewSwitch;
+	const hasAppBarRow = hasApplicationChrome || shouldShowWorkbenchViewSwitch || shouldShowMobileViewSwitch;
 	React.useLayoutEffect(() => {
 		const pendingFocus = pendingPanelFocusRef.current;
 		if (!pendingFocus || pendingFocus.id !== activeWorkbenchView) return;
@@ -170,135 +162,95 @@ function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, co
 		} : null;
 		React.startTransition(() => setWorkbenchView(next));
 	};
-	const renderAppTopBar = (sidebarControls) => /* @__PURE__ */ jsxs(AppTopBar.Root, {
-		className: "think-full-app__app-bar",
-		"aria-label": "Workbench controls",
-		"data-mobile-view": activeMobileView,
-		children: [
-			/* @__PURE__ */ jsxs(AppTopBar.Leading, { children: [sidebarControls?.sidebarToggle, appBarLeading] }),
-			appBarTitle || sidebarControls ? /* @__PURE__ */ jsxs(AppTopBar.Title, { children: [appBarTitle ? /* @__PURE__ */ jsx("span", {
-				className: "think-full-app__app-title",
-				children: appBarTitle
-			}) : null, sidebarControls ? /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				variant: "ghost",
-				color: "neutral",
-				size: "sm",
-				className: "think-full-app__thread-trigger",
-				"aria-label": "Threads",
-				"aria-controls": sidebarControls.sidebarId,
-				"aria-expanded": sidebarControls.sidebarOpen,
-				onClick: (event) => sidebarControls.toggleSidebar(event.currentTarget),
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "think-full-app__thread-trigger-title sigvelo-truncate",
-						children: appBarTitle ?? "Threads"
-					}),
-					threadStatusSummary ? /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: threadStatusSummary }) : null,
-					/* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })
-				]
-			}) : null] }) : null,
-			/* @__PURE__ */ jsxs(AppTopBar.Trailing, { children: [
-				appBarActions,
-				shouldShowWorkbenchViewSwitch && selectedPanel ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
-					className: "think-full-app__workbench-view-switch",
-					views: workbenchViews,
-					value: activeWorkbenchView,
-					allowEmpty: true,
-					onValueChange: (next) => {
-						updateAppView(() => {
-							if (!next) {
-								setWorkbenchOpen(false);
-								return;
-							}
-							updateWorkbenchPanel(next);
-							setWorkbenchOpen(true);
-						});
-					},
-					"aria-label": "Workbench views"
-				}) : null,
-				selectedPanel && showMobileViewSwitch ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
-					className: "think-full-app__mobile-view-switch",
-					views: workbenchViews,
-					value: activeMobileView === "workbench" ? activeWorkbenchView : void 0,
-					allowEmpty: true,
-					onValueChange: (next) => {
-						updateAppView(() => {
-							if (!next) {
-								setMobileView("chat");
-								return;
-							}
-							setWorkbenchView(next);
-							setMobileView("workbench");
-						});
-					},
-					"aria-label": "App views"
-				}) : null
-			] })
-		]
-	});
+	const appBarTrailing = appBarActions || shouldShowWorkbenchViewSwitch || shouldShowMobileViewSwitch ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		appBarActions,
+		shouldShowWorkbenchViewSwitch ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
+			className: "think-full-app__workbench-view-switch",
+			views: workbenchViews,
+			value: activeWorkbenchView,
+			allowEmpty: true,
+			onValueChange: (next) => {
+				updateAppView(() => {
+					if (!next) {
+						setWorkbenchOpen(false);
+						return;
+					}
+					updateWorkbenchPanel(next);
+					setWorkbenchOpen(true);
+				});
+			},
+			"aria-label": "Workbench views"
+		}) : null,
+		shouldShowMobileViewSwitch ? /* @__PURE__ */ jsx(ThinkFullAppViewSwitch, {
+			className: "think-full-app__mobile-view-switch",
+			views: workbenchViews,
+			value: activeMobileView === "workbench" ? activeWorkbenchView : void 0,
+			allowEmpty: true,
+			onValueChange: (next) => {
+				updateAppView(() => {
+					if (!next) {
+						setMobileView("chat");
+						return;
+					}
+					setWorkbenchView(next);
+					setMobileView("workbench");
+				});
+			},
+			"aria-label": "App views"
+		}) : null
+	] }) : void 0;
 	const appContent = /* @__PURE__ */ jsxs(ResizableSidePanel.Root, {
 		ref: mergeRefs(appRef, ref),
 		className: cx("think-full-app", className),
 		label: "workbench",
-		side: "end",
-		defaultSize: workbenchPanelDefaultWidth,
-		minSize: workbenchPanelMinWidth,
-		maxSize: workbenchPanelMaxWidth,
-		keyboardStep: workbenchPanelKeyboardStep,
-		collapseThreshold: workbenchPanelCollapseThreshold,
-		onCollapse: () => setWorkbenchOpen(false),
-		"data-has-thread-sidebar": threadSidebar ? "true" : "false",
+		side: "start",
+		defaultSize: conversationDefaultWidth,
+		minSize: conversationMinWidth,
+		maxSize: conversationMaxWidth,
+		keyboardStep: conversationKeyboardStep,
 		"data-has-workbench": hasWorkbench ? "true" : "false",
-		"data-has-workbench-topbar": hasAppBarRow ? "true" : "false",
 		"data-mobile-view": activeMobileView,
 		style,
 		...props,
-		children: [
-			shouldRenderInlineAppBar ? renderAppTopBar() : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: "think-full-app__view-scope",
-				"data-recipe": "application-plane",
-				"data-mobile-view": activeMobileView,
-				children: [/* @__PURE__ */ jsx("section", {
-					className: "think-full-app__chat-surface",
-					"data-workspace-restoration-scope": "chat",
-					"aria-label": "Chat",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "think-full-app__view-scope",
+			"data-mobile-view": activeMobileView,
+			children: [/* @__PURE__ */ jsx("section", {
+				className: "think-full-app__chat-surface",
+				"data-workspace-restoration-scope": "chat",
+				"aria-label": "Chat",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "think-full-app__chat",
 					children: /* @__PURE__ */ jsx("div", {
-						className: "think-full-app__chat",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "think-full-app__chat-inner",
-							children: conversation ? /* @__PURE__ */ jsx(ThinkFullAppThreadChat, {
-								...conversation,
-								messages,
-								renderAgentToolRunLink,
-								sourceKey
-							}) : /* @__PURE__ */ jsx(ThinkChat.Messages, {
-								...messages,
-								renderAgentToolRunLink
-							})
+						className: "think-full-app__chat-inner",
+						children: conversation ? /* @__PURE__ */ jsx(ThinkFullAppThreadChat, {
+							...conversation,
+							messages,
+							renderAgentToolRunLink,
+							sourceKey
+						}) : /* @__PURE__ */ jsx(ThinkChat.Messages, {
+							...messages,
+							renderAgentToolRunLink
 						})
 					})
-				}), activePanel ? /* @__PURE__ */ jsx("aside", {
-					className: "think-full-app__aside",
-					"aria-label": "Workbench",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "think-full-app__workbench-slot",
-						children: /* @__PURE__ */ jsx(React.ViewTransition, {
-							default: "sigvelo-layout-transition",
-							children: /* @__PURE__ */ jsx("div", {
-								ref: workbenchPanelRef,
-								className: "think-full-app__workbench-panel",
-								"data-view": activeWorkbenchView,
-								tabIndex: -1,
-								children: activePanel.render()
-							})
+				})
+			}), hasAvailableWorkbench ? /* @__PURE__ */ jsx("aside", {
+				className: "think-full-app__aside",
+				"aria-label": "Workbench",
+				children: activePanel ? /* @__PURE__ */ jsx("div", {
+					className: "think-full-app__workbench-slot",
+					children: /* @__PURE__ */ jsx(React.ViewTransition, {
+						default: "sigvelo-layout-transition",
+						children: /* @__PURE__ */ jsx("div", {
+							ref: workbenchPanelRef,
+							className: "think-full-app__workbench-panel",
+							tabIndex: -1,
+							children: activePanel.render()
 						})
 					})
-				}) : null]
-			}),
-			activePanel ? /* @__PURE__ */ jsx(ResizableSidePanel.Handle, { className: "think-full-app__resizer" }) : null
-		]
+				}) : null
+			}) : null]
+		}), activePanel ? /* @__PURE__ */ jsx(ResizableSidePanel.Handle, { className: "think-full-app__resizer" }) : null]
 	});
 	const app = workspace ? /* @__PURE__ */ jsx(WorkspaceNavigationProvider, {
 		root: workspace.root ?? "/",
@@ -313,14 +265,30 @@ function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, co
 			scope: "chat"
 		}), appContent] })
 	}) : appContent;
-	if (!threadSidebar) return app;
-	return /* @__PURE__ */ jsx(ThinkThreadShell, {
+	return /* @__PURE__ */ jsx(ResponsiveSidebarShell, {
+		className: "think-full-app-shell",
 		sidebar: threadSidebar,
+		sidebarLabel: "threads",
 		sidebarOpen: threadSidebarOpen,
 		defaultSidebarOpen: defaultThreadSidebarOpen,
 		onSidebarOpenChange: onThreadSidebarOpenChange,
-		"data-hide-app-bar-in-workbench": hideAppBarInWorkbench ? "" : void 0,
-		topBar: (controls) => renderAppTopBar(controls),
+		showMainLabel: "Show selected thread",
+		topBarHidden: !hasAppBarRow,
+		topBarProps: {
+			className: "think-full-app__app-bar",
+			"aria-label": "Workbench controls",
+			"data-app-chrome": hasApplicationChrome || shouldShowWorkbenchViewSwitch ? "true" : "false",
+			"data-mobile-view": activeMobileView,
+			"data-hide-in-workbench": hideAppBarInWorkbench ? "" : void 0
+		},
+		topBarLeading: appBarLeading,
+		compactTopBarLeading: compactAppBarLeading,
+		topBarTitle: appBarTitle,
+		compactTitleTrigger: threadSidebar ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			className: "sigvelo-truncate",
+			children: appBarTitle ?? "Threads"
+		}), threadStatusSummary ? /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: threadStatusSummary }) : null] }) : void 0,
+		topBarTrailing: appBarTrailing,
 		children: app
 	});
 }

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

@@ -1,4 +1,4 @@
-import { r as ToggleGroupProps } from "../../ToggleGroup-_pQMyHGM.js";
+import { r as ToggleGroupProps } from "../../ToggleGroup-BrQZOQn_.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/ThinkFullAppViewSwitch.d.ts

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

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.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/agents-sdk/ThinkFullAppViewSwitch.tsx

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

@@ -1,4 +1,4 @@
-import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-k8bpyXqt.js";
 import { ThinkScheduledTask } from "@cloudflare/think";
 import { Schedule } from "agents";
 

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as PlusIcon } from "../../icons-MmIXciMO.js";
+import { B as PlusIcon } from "../../icons-CVFSeTJn.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-DB2mX9DA.js";

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

@@ -1,7 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Badge } from "../foundations/Badge.js";
-import { Switch } from "../foundations/Switch.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";
@@ -25,20 +24,10 @@ function ThinkRoutineDetail({ busy = false, className, routine, showOwner = true
 				className: "think-routine-library__detail-header",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "think-routine-library__detail-heading",
-					children: [
-						/* @__PURE__ */ jsx(Badge, {
-							className: "think-routine-library__state",
-							variant: "ghost",
-							color: routine.enabled ? "success" : "neutral",
-							size: "sm",
-							children: routine.enabled ? "Active" : "Paused"
-						}),
-						/* @__PURE__ */ jsx("h1", {
-							id: titleId,
-							children: routine.name
-						}),
-						routine.description ? /* @__PURE__ */ jsx("p", { children: routine.description }) : null
-					]
+					children: [/* @__PURE__ */ jsx("h1", {
+						id: titleId,
+						children: routine.name
+					}), routine.description ? /* @__PURE__ */ jsx("p", { children: routine.description }) : null]
 				})
 			}),
 			/* @__PURE__ */ jsxs("div", {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as SpinnerIcon } from "../../icons-MmIXciMO.js";
+import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as PlayIcon, Y as SpinnerIcon, b as EllipsisIcon, f as ChevronDownIcon, nt as WarningIcon } from "../../icons-MmIXciMO.js";
-import { Button, buttonVariants } from "../foundations/Button.js";
+import { $ as WarningIcon, K as SpinnerIcon, y as EllipsisIcon, z as PlayIcon } from "../../icons-CVFSeTJn.js";
+import { buttonVariants } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { EmptyState } from "../foundations/EmptyState.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";
@@ -18,64 +18,62 @@ function RoutineTopBarActions({ appBarActions, busy, onDelete, editLink, onRun,
 	const moreActionsRef = React.useRef(null);
 	const hasMenu = Boolean(editLink || onDelete);
 	if (!appBarActions && !onRun && !hasMenu) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(AppTopBar.Trailing, {
-		"aria-label": "Schedule actions",
-		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",
+	return /* @__PURE__ */ jsxs(Fragment, { 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,
+			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,
-				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,
-		children: /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog.Backdrop, {}), /* @__PURE__ */ jsx(AlertDialog.Viewport, { children: /* @__PURE__ */ jsxs(AlertDialog.Popup, {
-			finalFocus: moreActionsRef,
-			children: [
-				/* @__PURE__ */ jsxs(AlertDialog.Title, { children: [
-					"Delete ",
-					routineName,
-					"?"
-				] }),
-				/* @__PURE__ */ jsx(AlertDialog.Description, { children: "This permanently deletes the schedule and stops its future runs." }),
-				/* @__PURE__ */ jsxs(AlertDialog.Footer, { children: [/* @__PURE__ */ jsx(AlertDialog.Close, {
-					disabled: busy,
-					children: "Cancel"
-				}), /* @__PURE__ */ jsx(AlertDialog.Close, {
-					color: "destructive",
-					disabled: busy,
-					onClick: onDelete,
-					children: "Delete schedule"
-				})] })
-			]
-		}) })] })
-	}) : null] });
+				onClick: () => setDeleteOpen(true),
+				children: "Delete schedule"
+			}) : null] })
+		}) })] }) : null,
+		onDelete ? /* @__PURE__ */ jsx(AlertDialog.Root, {
+			open: deleteOpen,
+			onOpenChange: setDeleteOpen,
+			children: /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog.Backdrop, {}), /* @__PURE__ */ jsx(AlertDialog.Viewport, { children: /* @__PURE__ */ jsxs(AlertDialog.Popup, {
+				finalFocus: moreActionsRef,
+				children: [
+					/* @__PURE__ */ jsxs(AlertDialog.Title, { children: [
+						"Delete ",
+						routineName,
+						"?"
+					] }),
+					/* @__PURE__ */ jsx(AlertDialog.Description, { children: "This permanently deletes the schedule and stops its future runs." }),
+					/* @__PURE__ */ jsxs(AlertDialog.Footer, { children: [/* @__PURE__ */ jsx(AlertDialog.Close, {
+						disabled: busy,
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(AlertDialog.Close, {
+						color: "destructive",
+						disabled: busy,
+						onClick: onDelete,
+						children: "Delete schedule"
+					})] })
+				]
+			}) })] })
+		}) : null
+	] });
 }
 /**
 * Full-page, cross-agent routine library. This intentionally does not live in
@@ -123,36 +121,18 @@ function ThinkRoutineLibrary({ appBarActions, appBarLeading, className, createRo
 			/* @__PURE__ */ jsx(ResponsiveSidebarShell, {
 				className: "think-routine-library__layout",
 				sidebarLabel: "schedules",
-				defaultSidebarOpen: false,
-				toolbarLabel: "Schedule navigation controls",
 				showMainLabel: "Show selected schedule",
-				topBar: ({ sidebarId, sidebarOpen, sidebarToggle, toggleSidebar }) => /* @__PURE__ */ jsxs(AppTopBar.Root, {
-					"aria-label": "Schedule controls",
-					children: [
-						/* @__PURE__ */ jsxs(AppTopBar.Leading, { children: [sidebarToggle, appBarLeading] }),
-						/* @__PURE__ */ jsxs(AppTopBar.Title, { children: [/* @__PURE__ */ jsx("span", {
-							className: "think-routine-library__app-title",
-							children: selectedRoutine?.name ?? "Schedules"
-						}), selectedRoutine ? /* @__PURE__ */ jsxs(Button, {
-							type: "button",
-							variant: "ghost",
-							color: "neutral",
-							size: "sm",
-							className: "think-routine-library__schedule-trigger",
-							"aria-controls": sidebarId,
-							"aria-expanded": sidebarOpen,
-							onClick: (event) => toggleSidebar(event.currentTarget),
-							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,
-							onRun: selectedRoutine && onRunRoutine ? () => void perform(() => onRunRoutine(selectedRoutine), `Started ${selectedRoutine.name}.`) : void 0,
-							onDelete: selectedRoutine && onDeleteRoutine ? () => void perform(() => onDeleteRoutine(selectedRoutine), `Deleted ${selectedRoutine.name}.`) : void 0
-						})
-					]
+				topBarProps: { "aria-label": "Schedule controls" },
+				topBarLeading: appBarLeading,
+				topBarTitle: selectedRoutine?.name ?? "Schedules",
+				compactTitleTrigger: selectedRoutine ? /* @__PURE__ */ jsx("span", { children: selectedRoutine.name }) : void 0,
+				topBarTrailing: /* @__PURE__ */ jsx(RoutineTopBarActions, {
+					appBarActions,
+					busy,
+					routineName: selectedRoutine?.name ?? "schedule",
+					editLink: selectedRoutine && renderEditRoutineLink ? renderEditRoutineLink(selectedRoutine) : void 0,
+					onRun: selectedRoutine && onRunRoutine ? () => void perform(() => onRunRoutine(selectedRoutine), `Started ${selectedRoutine.name}.`) : void 0,
+					onDelete: selectedRoutine && onDeleteRoutine ? () => void perform(() => onDeleteRoutine(selectedRoutine), `Deleted ${selectedRoutine.name}.`) : void 0
 				}),
 				sidebar: ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ThinkRoutineBrowser, {
 					routines,

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

@@ -1,4 +1,4 @@
-import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-lYYgyeE1.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-k8bpyXqt.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/ThinkRoutineRuns.d.ts