@mcp-b/react-components 0.51.2 → 0.53.0

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
+import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
+import { Menu } from "../foundations/Menu.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { Menu } from "../foundations/Menu.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";
@@ -240,25 +240,18 @@ function ThinkExecutionWorkbenchRunActions({ run }) {
 }
 function ThinkExecutionWorkbenchList({ children, className, ...props }) {
 	const { runs } = useWorkbench();
-	const runsId = React.useId();
-	return /* @__PURE__ */ jsxs("section", {
-		"aria-labelledby": runsId,
+	return /* @__PURE__ */ jsx("section", {
+		"aria-label": "Runs",
 		...props,
 		className: cx("think-execution-workbench__run-list", className),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "think-execution-workbench__list-header",
-			children: /* @__PURE__ */ jsx("h3", {
-				id: runsId,
-				children: "Runs"
-			})
-		}), runs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
+		children: runs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {
 			className: "think-execution-workbench__empty",
 			description: "No runs yet."
 		}) : /* @__PURE__ */ jsx("ul", {
 			className: "think-execution-workbench__list",
 			role: "list",
 			children: runs.map((run) => /* @__PURE__ */ jsx("li", { children: children(run) }, `${isThinkSubmissionRun(run) ? "submission" : "workflow"}:${getThinkExecutionRunId(run)}`))
-		})]
+		})
 	});
 }
 function ThinkExecutionWorkbenchRunLink({ run, className, ...props }) {

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

@@ -11,6 +11,8 @@ interface ThinkFullAppRootProps extends React.ComponentPropsWithRef<"div"> {
  * Conversation/workbench layout, independent of routing and SDK connections.
  * Compose navigation outside the root. The conversation remains mounted while
  * compact layouts show the workbench; ResizableSidePanel owns desktop resizing.
+ * Compact layout follows the width available to this content, including any
+ * space occupied by a surrounding sidebar.
  */
 declare function ThinkFullAppRoot({
   workbenchOpen,

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

@@ -15,6 +15,8 @@ function useWorkbenchOpen() {
 * Conversation/workbench layout, independent of routing and SDK connections.
 * Compose navigation outside the root. The conversation remains mounted while
 * compact layouts show the workbench; ResizableSidePanel owns desktop resizing.
+* Compact layout follows the width available to this content, including any
+* space occupied by a surrounding sidebar.
 */
 function ThinkFullAppRoot({ workbenchOpen, children, className, ...props }) {
 	return /* @__PURE__ */ jsx(WorkbenchOpenContext.Provider, {

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

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

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

@@ -1,4 +1,4 @@
-import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon } from "../../icons-cuEtsgj9.js";
+import { B as PlusIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.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";

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Select } from "../foundations/Select.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { Fieldset } from "../foundations/Fieldset.js";
 import { Checkbox } from "../foundations/Checkbox.js";
 import { CheckboxGroup } from "../foundations/CheckboxGroup.js";

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";

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

@@ -1,2 +1,2 @@
-import { a as ThinkThreadStatusIndicatorsProps, i as ThinkThreadStatusIndicators, n as ThinkThreadPicker, o as ThinkThreadStatusSummary, r as ThinkThreadPickerProps, s as summarizeThinkThreads, t as ThinkThreadItem } from "../../ThinkThreadPicker-yetGX_s5.js";
+import { a as ThinkThreadStatusIndicatorsProps, i as ThinkThreadStatusIndicators, n as ThinkThreadPicker, o as ThinkThreadStatusSummary, r as ThinkThreadPickerProps, s as summarizeThinkThreads, t as ThinkThreadItem } from "../../ThinkThreadPicker-DX0lL-P7.js";
 export { ThinkThreadItem, ThinkThreadPicker, ThinkThreadPickerProps, ThinkThreadStatusIndicators, ThinkThreadStatusIndicatorsProps, ThinkThreadStatusSummary, summarizeThinkThreads };

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

@@ -1,11 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon, K as SpinnerIcon, _ as DotIcon, et as WarningIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, R as PencilIcon, _ as DotIcon, et as WarningIcon, t as ArchiveIcon } from "../../icons-CeGfXO21.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
+import { Tooltip } from "../foundations/Tooltip.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AlertDialog } from "../foundations/AlertDialog.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { LinkButton } from "../foundations/LinkButton.js";
 import { SearchField } from "../foundations/SearchField.js";
 import * as React from "react";
@@ -109,7 +110,7 @@ function ThinkThreadStatusIndicators({ summary, className }) {
 * notes beside the parent Think agent because
 * `listThreads()`/`createThread()`/`deleteThread()` are app-owned.
 */
-function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSelect, onDelete, className, title = "Recents", "aria-label": ariaLabel = "Threads", ref, ...props }) {
+function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSelect, onDelete, className, title = "Recents", headerActions, "aria-label": ariaLabel = "Threads", ref, ...props }) {
 	const statusSummary = summarizeThinkThreads(threads);
 	const [query, setQuery] = React.useState("");
 	const [deleteOpen, setDeleteOpen] = React.useState(false);
@@ -161,10 +162,34 @@ function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSele
 		children: [
 			/* @__PURE__ */ jsxs("header", {
 				className: "think-thread-picker__header",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "think-thread-picker__title sigvelo-truncate",
-					children: title
-				}), /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: statusSummary })]
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "think-thread-picker__title sigvelo-truncate",
+						children: title
+					}),
+					/* @__PURE__ */ jsx(ThinkThreadStatusIndicators, {
+						summary: statusSummary,
+						className: "sigvelo-visually-hidden"
+					}),
+					createThreadLink ? /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+						render: /* @__PURE__ */ jsx(LinkButton, {
+							ref: createButtonRef,
+							variant: "ghost",
+							color: "neutral",
+							size: "sm",
+							className: "think-thread-picker__create",
+							"aria-label": "New thread",
+							"data-icon-only": "",
+							render: createThreadLink
+						}),
+						children: /* @__PURE__ */ jsx(PencilIcon, {})
+					}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+						side: "top",
+						sideOffset: 6,
+						children: /* @__PURE__ */ jsx(Tooltip.Popup, { children: "New thread" })
+					}) })] }) : null,
+					headerActions
+				]
 			}),
 			/* @__PURE__ */ jsxs(SearchField.Root, {
 				className: "think-thread-picker__search",
@@ -259,18 +284,6 @@ function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSele
 					})]
 				})
 			}),
-			createThreadLink ? /* @__PURE__ */ jsx("div", {
-				className: "think-thread-picker__footer",
-				children: /* @__PURE__ */ jsxs(LinkButton, {
-					ref: createButtonRef,
-					variant: "normal",
-					color: "neutral",
-					size: "sm",
-					className: "think-thread-picker__create",
-					render: createThreadLink,
-					children: [/* @__PURE__ */ jsx(PlusIcon, {}), /* @__PURE__ */ jsx("span", { children: "New thread" })]
-				})
-			}) : null,
 			onDelete && deleteCandidate ? /* @__PURE__ */ jsx(AlertDialog.Root, {
 				open: deleteOpen,
 				onOpenChange: (open, eventDetails) => {

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

@@ -0,0 +1,18 @@
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
+import { ReactElement } from "react";
+
+//#region src/components/agents-sdk/WorkbenchBack.d.ts
+/** Back follows the visible hierarchy, never unrelated browser history. */
+declare function WorkbenchBack({
+  navigation,
+  filesOpen,
+  onBackToChat,
+  backToChatLink
+}: {
+  navigation?: WorkspaceNavigationAdapter;
+  filesOpen: boolean;
+  onBackToChat?: () => void;
+  backToChatLink?: ReactElement;
+}): import("react").JSX.Element;
+//#endregion
+export { WorkbenchBack };

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

@@ -0,0 +1,27 @@
+import { r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/agents-sdk/WorkbenchBack.tsx
+/** Back follows the visible hierarchy, never unrelated browser history. */
+function WorkbenchBack({ navigation, filesOpen, onBackToChat, backToChatLink }) {
+	if (filesOpen && navigation?.current.destination.kind === "file") return /* @__PURE__ */ jsx(AppTopBar.Link, {
+		"data-workbench-back": "",
+		label: "Back to workspace",
+		render: navigation.renderLink({ kind: "files" }),
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+	if (backToChatLink) return /* @__PURE__ */ jsx(AppTopBar.Link, {
+		"data-workbench-back": "",
+		label: "Back to chat",
+		render: backToChatLink,
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+	return /* @__PURE__ */ jsx(AppTopBar.Button, {
+		"data-workbench-back": "",
+		label: "Back to chat",
+		onClick: onBackToChat,
+		children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+	});
+}
+//#endregion
+export { WorkbenchBack };

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

@@ -1,2 +1,2 @@
-import { A as workspaceFileQueryKey, C as refreshWorkspaceFileQueries, D as workspaceDirectoryQueryOptions, E as workspaceDirectoryQueryKey, F as workspaceTextFileQueryOptions, M as workspaceInfoQueryKey, N as workspaceInfoQueryOptions, O as workspaceDirectoryQueryPrefix, P as workspaceQueryKey, S as WorkspaceTextFileQueryOptions, T as workspaceBinaryFileQueryOptions, _ as WorkspaceQueryOptions, a as WorkspaceDirectoryQueryOptions, b as WorkspaceState, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceFileStatQueryOptions, k as workspaceFileAssetQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceResolvedAsset, w as useWorkspace, x as WorkspaceTextFileQueryKey, y as WorkspaceSource } from "../../Workspace-HzGrWDX3.js";
+import { A as workspaceFileQueryKey, C as refreshWorkspaceFileQueries, D as workspaceDirectoryQueryOptions, E as workspaceDirectoryQueryKey, F as workspaceTextFileQueryOptions, M as workspaceInfoQueryKey, N as workspaceInfoQueryOptions, O as workspaceDirectoryQueryPrefix, P as workspaceQueryKey, S as WorkspaceTextFileQueryOptions, T as workspaceBinaryFileQueryOptions, _ as WorkspaceQueryOptions, a as WorkspaceDirectoryQueryOptions, b as WorkspaceState, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceFileStatQueryOptions, k as workspaceFileAssetQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceResolvedAsset, w as useWorkspace, x as WorkspaceTextFileQueryKey, y as WorkspaceSource } from "../../Workspace-mzMZSdts.js";
 export { UseWorkspaceOptions, WorkspaceBinaryFileQueryKey, WorkspaceBinaryFileQueryOptions, WorkspaceDirectoryQueryKey, WorkspaceDirectoryQueryOptions, WorkspaceFileAssetQueryKey, WorkspaceFileAssetQueryOptions, WorkspaceFileQueryKey, WorkspaceFileReadTarget, WorkspaceFileStatQueryKey, WorkspaceFileStatQueryOptions, WorkspaceFileVersion, WorkspaceInfo, WorkspaceInfoQueryKey, WorkspaceInfoQueryOptions, WorkspaceQueryKey, WorkspaceQueryOptions, WorkspaceResolvedAsset, WorkspaceSource, WorkspaceState, WorkspaceTextFileQueryKey, WorkspaceTextFileQueryOptions, refreshWorkspaceFileQueries, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileQueryKey, workspaceFileStatQueryOptions, workspaceInfoQueryKey, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

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

@@ -1,4 +1,4 @@
-import { b as WorkspaceState } from "../../Workspace-HzGrWDX3.js";
+import { b as WorkspaceState } from "../../Workspace-mzMZSdts.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceBrowser.d.ts

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

@@ -1,5 +1,5 @@
 import { SearchField } from "../foundations/SearchField.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-DruTQ-oa.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-okaLnS5j.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -63,6 +63,7 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 			role: "alert",
 			children: error
 		}) : filterQuery ? filteredFiles.length > 0 ? /* @__PURE__ */ jsx(FileTree, {
+			appearance: "plain",
 			className: "workspace-explorer__tree",
 			selectedPath,
 			onSelect: handleSelect,
@@ -76,6 +77,7 @@ function WorkspaceBrowser({ workspace, title = "Workspace", leading, actions, sh
 			className: "workspace-explorer__empty",
 			children: "No matching files"
 		}) : rootEntries.length > 0 ? /* @__PURE__ */ jsx(FileTree, {
+			appearance: "plain",
 			className: "workspace-explorer__tree",
 			expanded: new Set(expandedPaths),
 			onExpandedChange: setExpandedPaths,

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

@@ -1,4 +1,4 @@
-import { _ as WorkspaceQueryOptions, g as WorkspaceQueryKey } from "../../Workspace-HzGrWDX3.js";
+import { _ as WorkspaceQueryOptions, g as WorkspaceQueryKey } from "../../Workspace-mzMZSdts.js";
 import { QueryClient, QueryFunction } from "@tanstack/react-query";
 
 //#region src/components/agents-sdk/WorkspaceConcept.d.ts

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

@@ -1,15 +1,15 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
+import { S as FileIcon, d as CheckIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { IconButton } from "../foundations/IconButton.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { Input } from "../foundations/Input.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Input } from "../foundations/Input.js";
 import { EmailMessageCard, SlackMessageCard } from "../ai-sdk/ConnectedAppCards.js";
-import { i as WorkspaceDeleteControl, r as httpUrl, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
+import { i as WorkspaceDeleteControl, r as httpUrl, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
 import * as React from "react";
 import { createElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,16 +1,17 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, S as FileIcon, Z as TerminalIcon, d as CheckIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, S as FileIcon, Z as TerminalIcon, d as CheckIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { IconButton } from "../foundations/IconButton.js";
-import { a as formatErrorMessage, o as formatUnknownValue, r as firstLine } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { Input } from "../foundations/Input.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { a as formatErrorMessage, o as formatUnknownValue, r as firstLine } from "../../format-COCyV98Z.js";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Input } from "../foundations/Input.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { Checkbox } from "../foundations/Checkbox.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, r as httpUrl, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, r as httpUrl, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
+import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { createElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -102,7 +103,7 @@ function ExecutionFields({ draft, outcome, parameters, runs, onDraftChange }) {
 			const href = parameter.type === "string" ? httpUrl(String(editing ? draft?.[parameter.name] ?? parameter.value : parameter.value)) : void 0;
 			return /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsxs(DescriptionList.Term, {
 				id: parameter.type === "boolean" ? id : void 0,
-				children: [href ? /* @__PURE__ */ jsx(FaviconMark, { href }) : null, editing && parameter.type !== "boolean" ? /* @__PURE__ */ jsx("label", {
+				children: [href && !editing ? /* @__PURE__ */ jsx(FaviconMark, { href }) : null, editing && parameter.type !== "boolean" ? /* @__PURE__ */ jsx("label", {
 					htmlFor: id,
 					children: parameterLabel
 				}) : parameterLabel]
@@ -263,7 +264,8 @@ function WorkspaceExecutionFile({ fallback = null, path, source, ...props }) {
 function WorkspaceExecutionsPanel({ className, source, ref, ...props }) {
 	const query = useQuery(source.queryOptions);
 	const modules = query.data ?? [];
-	return /* @__PURE__ */ jsx("section", {
+	return /* @__PURE__ */ jsx(WorkspaceConceptPanel, {
+		heading: "Executions",
 		ref,
 		"data-slot": "workspace-executions-panel",
 		className: cx("workspace-concept-panel", className),
@@ -288,7 +290,8 @@ function WorkspaceExecutionsPanel({ className, source, ref, ...props }) {
 			title: "Loading modules"
 		}) : /* @__PURE__ */ jsx(EmptyState, {
 			icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
-			title: "No modules"
+			title: "No modules",
+			description: "Ask your assistant to save a reusable workflow to find it here."
 		})
 	}, JSON.stringify(source.queryOptions.queryKey));
 }

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

@@ -1,5 +1,6 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { b as WorkspaceState } from "../../Workspace-HzGrWDX3.js";
+import { r as WorkspaceMountManagerProps } from "../../WorkspaceMountManager-CkLI1B-G.js";
+import { b as WorkspaceState } from "../../Workspace-mzMZSdts.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceExplorer.d.ts
@@ -14,6 +15,8 @@ interface WorkspaceExplorerProps extends Omit<React.HTMLAttributes<HTMLDivElemen
   leading?: React.ReactNode;
   /** Extra header actions, rendered next to the built-in refresh button. */
   actions?: React.ReactNode;
+  /** Native folder data and callbacks; the shared explorer owns the attach control. */
+  mounts?: Omit<WorkspaceMountManagerProps, "trigger">;
   /** Show the file filter input. Hidden by default to keep the browser compact. */
   showFilter?: boolean;
   /** Placeholder for the optional file filter. */

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

@@ -1,11 +1,14 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { C as FolderIcon } from "../../icons-CeGfXO21.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink } from "../../WorkspaceLink-BYZG-V_I.js";
 import { WorkspaceNavigationRestorationBoundary, useRequiredWorkspaceNavigationRestoration } from "./WorkspaceNavigationRestoration.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-DYPtRVpM.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DQDWUpAH.js";
 import * as React from "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx
 function encodeWorkspaceDestination(destination) {
 	const path = destination.path.split("/").map((segment) => encodeURIComponent(segment)).join("/");
@@ -41,7 +44,7 @@ function getDirectoryAncestors(path, root) {
 function WorkspaceExplorer({ ...props }) {
 	return /* @__PURE__ */ jsx(WorkspaceNavigationRestorationBoundary, { children: /* @__PURE__ */ jsx(WorkspaceExplorerContent, { ...props }) });
 }
-function WorkspaceExplorerContent({ workspace, navigation, className, title = "Workspace", leading, actions, showFilter = false, filterPlaceholder = "Filter files...", emptyState, ref, ...props }) {
+function WorkspaceExplorerContent({ workspace, navigation, className, title = "Workspace", leading, actions, mounts, showFilter = false, filterPlaceholder = "Filter files...", emptyState, ref, ...props }) {
 	const explorerRef = React.useRef(null);
 	const pendingTreeFocusRef = React.useRef(null);
 	const currentEntry = navigation.current;
@@ -110,7 +113,13 @@ function WorkspaceExplorerContent({ workspace, navigation, className, title = "W
 			workspace,
 			title,
 			leading,
-			actions,
+			actions: mounts ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WorkspaceMountManager, {
+				...mounts,
+				trigger: /* @__PURE__ */ jsx(AppTopBar.Button, {
+					label: "Attach folder",
+					children: /* @__PURE__ */ jsx(FolderIcon, {})
+				})
+			}), actions] }) : actions,
 			showFilter,
 			filterPlaceholder,
 			emptyState,

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

@@ -1,2 +1,2 @@
-import { _ as isWorkspaceTextPath, a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as isWorkspaceSkillPath, h as isWorkspaceMediaPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMarkdownPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as inferWorkspaceMimeType, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename, v as parseWorkspaceSkill } from "../../WorkspaceFile-Bouauobc.js";
+import { _ as isWorkspaceTextPath, a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as isWorkspaceSkillPath, h as isWorkspaceMediaPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMarkdownPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as inferWorkspaceMimeType, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename, v as parseWorkspaceSkill } from "../../WorkspaceFile-19WP0EU1.js";
 export { WorkspaceFileAsset, WorkspaceFileAssetRequest, WorkspaceFileAssetResolver, WorkspaceFileState, WorkspaceMediaInfo, WorkspaceMediaKind, WorkspaceMediaTrack, WorkspaceMediaTrackKind, WorkspaceSkillDocument, getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, inferWorkspaceMimeType, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, isWorkspaceTextPath, parseWorkspaceSkill };

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

@@ -1,4 +1,4 @@
-import { i as WorkspaceFileState } from "../../WorkspaceFile-Bouauobc.js";
+import { i as WorkspaceFileState } from "../../WorkspaceFile-19WP0EU1.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceFileView.d.ts

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

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-DYPtRVpM.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DQDWUpAH.js";
 export { WorkspaceFileView };

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

@@ -1,4 +1,4 @@
-import { H as RefreshIcon } from "../../icons-cuEtsgj9.js";
+import { H as RefreshIcon } from "../../icons-CeGfXO21.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
-import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Bouauobc.js";
-import { y as WorkspaceSource } from "../../Workspace-HzGrWDX3.js";
+import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-19WP0EU1.js";
+import { y as WorkspaceSource } from "../../Workspace-mzMZSdts.js";
 import { QueryClient } from "@tanstack/react-query";
 
 //#region src/components/agents-sdk/WorkspaceLive.d.ts

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

@@ -1,2 +1,2 @@
-import { a as WorkspaceMessageResponseProps, i as WorkspaceMessageResponse, n as WorkspaceFileRenderer, r as WorkspaceFileRendererProvider, t as WorkspaceFileRenderInput } from "../../WorkspaceMessageResponse-8lOSAbw_.js";
+import { a as WorkspaceMessageResponseProps, i as WorkspaceMessageResponse, n as WorkspaceFileRenderer, r as WorkspaceFileRendererProvider, t as WorkspaceFileRenderInput } from "../../WorkspaceMessageResponse-BApg8KZv.js";
 export { WorkspaceFileRenderInput, WorkspaceFileRenderer, WorkspaceFileRendererProvider, WorkspaceMessageResponse, WorkspaceMessageResponseProps };

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

@@ -1,33 +1,2 @@
-import * as React from "react";
-
-//#region src/components/agents-sdk/WorkspaceMountManager.d.ts
-type WorkspaceMountPermission = "granted" | "prompt" | "denied" | "unavailable";
-interface WorkspaceMountItem {
-  id: string;
-  path: string;
-  permission: WorkspaceMountPermission;
-}
-interface WorkspaceMountManagerProps {
-  mounts: readonly WorkspaceMountItem[];
-  adding?: boolean;
-  busyMountId?: string | null;
-  error?: React.ReactNode;
-  onAdd: () => void;
-  onReconnect: (mount: WorkspaceMountItem) => void;
-  onRemove: (mount: WorkspaceMountItem) => void;
-  /** Caller-owned button, including its accessible name and optional toolbar composition. */
-  trigger: React.ReactElement;
-}
-/** Controlled local-mount presentation; native handles and persistence stay in the host. */
-declare function WorkspaceMountManager({
-  mounts,
-  adding,
-  busyMountId,
-  error,
-  onAdd,
-  onReconnect,
-  onRemove,
-  trigger
-}: WorkspaceMountManagerProps): React.JSX.Element;
-//#endregion
+import { i as WorkspaceMountPermission, n as WorkspaceMountManager, r as WorkspaceMountManagerProps, t as WorkspaceMountItem } from "../../WorkspaceMountManager-CkLI1B-G.js";
 export { WorkspaceMountItem, WorkspaceMountManager, WorkspaceMountManagerProps, WorkspaceMountPermission };

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

@@ -1,7 +1,7 @@
 import { Button } from "../foundations/Button.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { Popover } from "../foundations/Popover.js";
 import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
+import { Popover } from "../foundations/Popover.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceMountManager.tsx

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

@@ -1,13 +1,14 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as UserIcon, C as FolderIcon, D as LinkIcon, K as SpinnerIcon, S as FileIcon, j as MessageSquareIcon, u as CalendarIcon } from "../../icons-cuEtsgj9.js";
+import { $ as UserIcon, C as FolderIcon, D as LinkIcon, K as SpinnerIcon, S as FileIcon, j as MessageSquareIcon, u as CalendarIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { LinkButton } from "../foundations/LinkButton.js";
-import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
+import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
@@ -169,7 +170,8 @@ function useWorkspaceProjects(source) {
 function WorkspaceProjectsPanel({ className, source, ref, ...props }) {
 	const query = useQuery(source.queryOptions);
 	const projects = query.data ?? [];
-	return /* @__PURE__ */ jsx("section", {
+	return /* @__PURE__ */ jsx(WorkspaceConceptPanel, {
+		heading: "Projects",
 		ref,
 		"data-slot": "workspace-projects-panel",
 		className: cx("workspace-concept-panel", className),

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

@@ -1,11 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { P as MonitorIcon, S as FileIcon, m as CodeIcon } from "../../icons-cuEtsgj9.js";
+import { P as MonitorIcon, S as FileIcon, m as CodeIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { Switch } from "../foundations/Switch.js";
-import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-C3QT6UlQ.js";
+import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceUserScript.tsx
@@ -130,7 +131,8 @@ function WorkspaceUserScriptCard({ className, script, ref, ...props }) {
 * quiet empty state when nothing is projected.
 */
 function WorkspaceUserScriptsPanel({ className, ref, scripts, ...props }) {
-	return /* @__PURE__ */ jsx("section", {
+	return /* @__PURE__ */ jsx(WorkspaceConceptPanel, {
+		heading: "Scripts",
 		ref,
 		"data-slot": "workspace-user-scripts-panel",
 		className: cx("workspace-concept-panel", className),

package/dist/components/ai-sdk/Activity.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
+import { p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Activity.tsx