@mcp-b/react-components 0.40.0 → 0.42.0

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

@@ -1,6 +1,6 @@
 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 { 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";
@@ -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
@@ -85,7 +83,7 @@ function RoutineTopBarActions({ appBarActions, busy, onDelete, editLink, onRun,
 * and `ThinkRoutineRuns`; consumers compose `ThinkRoutineForm` in their create
 * route and may also use these surfaces independently.
 */
-function ThinkRoutineLibrary({ appBarActions, appBarLeading, className, createRoutineLink, error: catalogError, onDeleteRoutine, onRoutineEnabledChange, onRunRoutine, renderEditRoutineLink, renderRoutineLink, renderRoutineDetail, renderRunLink, ref, routines, selectedRoutineId, showOwner = true, ...props }) {
+function ThinkRoutineLibrary({ bar, 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);
@@ -110,91 +108,65 @@ function ThinkRoutineLibrary({ appBarActions, appBarLeading, className, createRo
 		renderRunLink: renderRunLink ? (run) => renderRunLink(selectedRoutine, run) : void 0,
 		onEnabledChange: onRoutineEnabledChange ? (enabled) => void perform(() => onRoutineEnabledChange(selectedRoutine, enabled), `${selectedRoutine.name} ${enabled ? "activated" : "paused"}.`) : void 0
 	} : void 0;
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(ResponsiveSidebarShell, {
 		ref,
 		className: cx("think-routine-library", className),
 		...props,
-		children: [
-			catalogError || actionError ? /* @__PURE__ */ jsxs("div", {
-				className: "think-routine-library__error",
-				role: "alert",
-				children: [/* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: catalogError || actionError })]
-			}) : null,
-			/* @__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
-						})
-					]
-				}),
-				sidebar: ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ThinkRoutineBrowser, {
-					routines,
-					selectedRoutineId,
-					showOwner,
-					renderRoutineLink,
-					createRoutineLink,
-					onRoutineLinkClick: (event) => {
-						if (!isPlainPrimaryLinkActivation(event)) return;
-						closeSidebarOnCompact();
-					}
-				}),
-				children: /* @__PURE__ */ jsx("main", {
-					className: "think-routine-library__main",
-					children: detailProps ? /* @__PURE__ */ jsx(React.Fragment, { children: renderRoutineDetail ? renderRoutineDetail({
-						...detailProps,
-						defaultDetail: /* @__PURE__ */ jsx(ThinkRoutineDetail, {
-							...detailProps,
-							showOwner
-						})
-					}) : /* @__PURE__ */ jsx(ThinkRoutineDetail, {
-						...detailProps,
-						showOwner
-					}) }, detailProps.routine.id) : /* @__PURE__ */ jsx(EmptyState, {
-						className: "think-routine-library__empty-detail",
-						title: selectedRoutineId ? "Schedule unavailable" : routines.length ? "Select a schedule" : "No schedules yet",
-						description: routines.length ? "Select an available schedule." : "Create a schedule to run recurring Think prompts.",
-						children: !routines.length && createRoutineLink ? /* @__PURE__ */ jsx(NavigationLink, {
-							render: createRoutineLink,
-							className: buttonVariants({ color: "primary" }),
-							children: "Create schedule"
-						}) : null
-					})
+		sidebarLabel: "schedules",
+		showMainLabel: "Show selected schedule",
+		error: catalogError || actionError || void 0,
+		bar: {
+			...bar,
+			label: "Schedule controls",
+			title: bar?.title ?? selectedRoutine?.name ?? "Schedules",
+			compactTitleTrigger: selectedRoutine ? /* @__PURE__ */ jsx("span", { children: selectedRoutine.name }) : void 0,
+			actions: /* @__PURE__ */ jsx(RoutineTopBarActions, {
+				appBarActions: bar?.actions,
+				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,
+			selectedRoutineId,
+			showOwner,
+			renderRoutineLink,
+			createRoutineLink,
+			onRoutineLinkClick: (event) => {
+				if (!isPlainPrimaryLinkActivation(event)) return;
+				closeSidebarOnCompact();
+			}
+		}),
+		children: [/* @__PURE__ */ jsx("main", {
+			className: "think-routine-library__main",
+			children: detailProps ? /* @__PURE__ */ jsx(React.Fragment, { children: renderRoutineDetail ? renderRoutineDetail({
+				...detailProps,
+				defaultDetail: /* @__PURE__ */ jsx(ThinkRoutineDetail, {
+					...detailProps,
+					showOwner
 				})
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "think-routine-library__status sigvelo-visually-hidden",
-				role: "status",
-				"aria-atomic": "true",
-				children: announcement
+			}) : /* @__PURE__ */ jsx(ThinkRoutineDetail, {
+				...detailProps,
+				showOwner
+			}) }, detailProps.routine.id) : /* @__PURE__ */ jsx(EmptyState, {
+				className: "think-routine-library__empty-detail",
+				title: selectedRoutineId ? "Schedule unavailable" : routines.length ? "Select a schedule" : "No schedules yet",
+				description: routines.length ? "Select an available schedule." : "Create a schedule to run recurring Think prompts.",
+				children: !routines.length && createRoutineLink ? /* @__PURE__ */ jsx(NavigationLink, {
+					render: createRoutineLink,
+					className: buttonVariants({ color: "primary" }),
+					children: "Create schedule"
+				}) : null
 			})
-		]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "think-routine-library__status sigvelo-visually-hidden",
+			role: "status",
+			"aria-atomic": "true",
+			children: announcement
+		})]
 	});
 }
 //#endregion

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

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

@@ -1,7 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { Badge } from "../foundations/Badge.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
@@ -16,18 +15,12 @@ function ThinkRoutineRuns({ className, runs, title = "Recent runs", emptyState =
 		className: cx("think-routine-runs", "think-routine-library__runs", className),
 		"aria-labelledby": titleId,
 		...props,
-		children: [/* @__PURE__ */ jsxs("div", {
+		children: [/* @__PURE__ */ jsx("div", {
 			className: "think-routine-library__section-heading",
-			children: [/* @__PURE__ */ jsx("h2", {
+			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) => {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as PlusIcon, Y as SpinnerIcon, nt as WarningIcon, t as ArchiveIcon, v as DotIcon } from "../../icons-MmIXciMO.js";
+import { $ as WarningIcon, B as PlusIcon, K as SpinnerIcon, _ as DotIcon, t as ArchiveIcon } from "../../icons-CVFSeTJn.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
@@ -156,6 +156,7 @@ function ThinkThreadPicker({ threads, renderThreadLink, onCreate, onSelect, onDe
 		ref,
 		className: cx("think-thread-picker", className),
 		...props,
+		"data-recipe": "fill-host",
 		children: [
 			/* @__PURE__ */ jsxs("header", {
 				className: "think-thread-picker__header",

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-xqHYBw4g.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-DMYRdT6R.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -2,7 +2,7 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink } from "../../WorkspaceLink-DtH66bAY.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-Lab3om3F.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DwdXiKku.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx
@@ -89,6 +89,7 @@ function WorkspaceExplorerContent({ workspace, navigation, className, title = "W
 	return /* @__PURE__ */ jsx("div", {
 		ref: mergeRefs(explorerRef, ref),
 		className: cx("workspace-explorer", className),
+		"data-recipe": "fill-host",
 		...props,
 		children: fileDestination ? /* @__PURE__ */ jsx(WorkspaceNavigationProvider, {
 			root: workspace.root,

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

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

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

@@ -1,4 +1,4 @@
-import { G as RefreshIcon } from "../../icons-MmIXciMO.js";
+import { H as RefreshIcon } from "../../icons-CVFSeTJn.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -7,6 +7,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function WorkspaceHeader({ title, fileCount, path, leading, actions, copyAction, isRefreshing, onRefresh }) {
 	return /* @__PURE__ */ jsxs(AppTopBar.Root, {
 		className: "workspace-explorer__header",
+		titleAlign: "start",
 		"aria-label": "Workspace controls",
 		children: [
 			/* @__PURE__ */ jsx(AppTopBar.Leading, { children: leading }),

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

@@ -1,2 +1,2 @@
-import { i as WorkspaceMessageResponseProps, n as WorkspaceHtmlArtifactRenderer, r as WorkspaceMessageResponse, t as WorkspaceHtmlArtifactRenderInput } from "../../WorkspaceMessageResponse-Cy28WGSz.js";
+import { i as WorkspaceMessageResponseProps, n as WorkspaceHtmlArtifactRenderer, r as WorkspaceMessageResponse, t as WorkspaceHtmlArtifactRenderInput } from "../../WorkspaceMessageResponse-D66ty4FO.js";
 export { WorkspaceHtmlArtifactRenderInput, WorkspaceHtmlArtifactRenderer, WorkspaceMessageResponse, WorkspaceMessageResponseProps };

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

@@ -1,9 +1,8 @@
-import { z as PaperclipIcon } from "../../icons-MmIXciMO.js";
+import { $ as WarningIcon, I as PaperclipIcon, T as InfoIcon, d as CheckIcon, tt as XIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { Popover } from "../foundations/Popover.js";
 import { Card, CardAction, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { StatusPill } from "../foundations/StatusPill.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,11 +13,11 @@ function permissionLabel(permission) {
 	if (permission === "denied") return "Access denied";
 	return "Unavailable";
 }
-function permissionColor(permission) {
-	if (permission === "granted") return "success";
-	if (permission === "prompt") return "warning";
-	if (permission === "denied") return "destructive";
-	return "neutral";
+function permissionIcon(permission) {
+	if (permission === "granted") return /* @__PURE__ */ jsx(CheckIcon, {});
+	if (permission === "prompt") return /* @__PURE__ */ jsx(InfoIcon, {});
+	if (permission === "denied") return /* @__PURE__ */ jsx(XIcon, {});
+	return /* @__PURE__ */ jsx(WarningIcon, {});
 }
 /** Controlled local-mount presentation; native handles and persistence stay in the host. */
 function WorkspaceMountManager({ mounts, adding = false, busyMountId = null, error, onAdd, onReconnect, onRemove, triggerLabel = "Attach local folders" }) {
@@ -55,10 +54,11 @@ function WorkspaceMountManager({ mounts, adding = false, busyMountId = null, err
 							children: [/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsx(CardTitle, {
 								className: "workspace-mount-manager__path",
 								children: /* @__PURE__ */ jsx("code", { children: mount.path })
-							}), /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(StatusPill, {
-								color: permissionColor(mount.permission),
-								size: "sm",
-								children: permissionLabel(mount.permission)
+							}), /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsxs("span", {
+								className: "workspace-mount-manager__permission",
+								"data-permission": mount.permission,
+								role: "status",
+								children: [permissionIcon(mount.permission), permissionLabel(mount.permission)]
 							}) })] }), /* @__PURE__ */ jsxs(CardFooter, { children: [mount.permission !== "granted" ? /* @__PURE__ */ jsx(Button, {
 								type: "button",
 								size: "sm",

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

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

package/dist/components/ai-sdk/AgentAttention.d.ts

@@ -2,7 +2,7 @@ import { r as ButtonProps } from "../../Button-CZt3yywF.js";
 import * as React from "react";
 
 //#region src/components/ai-sdk/AgentAttention.d.ts
-type AgentAttentionTone = "neutral" | "warning";
+type AgentAttentionTone = "neutral" | "attention";
 interface AgentAttentionProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Visual emphasis only; products retain ownership of the underlying state. */
   tone?: AgentAttentionTone;

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { it as XIcon } from "../../icons-MmIXciMO.js";
+import { tt as XIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { PromptInputTray } from "./PromptInput.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PencilIcon } from "../../icons-MmIXciMO.js";
+import { R as PencilIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { Kbd } from "../foundations/Kbd.js";
 import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as SpinnerIcon, it as XIcon, nt as WarningIcon } from "../../icons-MmIXciMO.js";
+import { $ as WarningIcon, K as SpinnerIcon, tt as XIcon } from "../../icons-CVFSeTJn.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

package/dist/components/ai-sdk/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible } from "../foundations/Collapsible.js";
-import { O as IconProps } from "../../icons-DwgNir1Q.js";
+import { E as IconProps } from "../../icons-0corjfxR.js";
 import * as React from "react";
 
 //#region src/components/ai-sdk/ChainOfThought.d.ts

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { Y as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-MmIXciMO.js";
+import { K as SpinnerIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ChainOfThought.tsx

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../../icons-MmIXciMO.js";
+import { s as BookmarkIcon } from "../../icons-CVFSeTJn.js";
 import { Marker, MarkerIcon } from "../foundations/Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-CWk1FVtm.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-BjELA-_s.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, y as DownloadIcon } from "../../icons-MmIXciMO.js";
+import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-CVFSeTJn.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as assignRef } from "../../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TargetIcon, B as PauseIcon, H as PlayIcon, tt as TrashIcon } from "../../icons-MmIXciMO.js";
+import { L as PauseIcon, Q as TrashIcon, X as TargetIcon, z as PlayIcon } from "../../icons-CVFSeTJn.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import * as React from "react";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as PlayIcon } from "../../icons-MmIXciMO.js";
+import { z as PlayIcon } from "../../icons-CVFSeTJn.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { Card } from "../foundations/Card.js";
 import * as React from "react";

package/dist/components/ai-sdk/Message.d.ts

@@ -1,2 +1,2 @@
-import { C as MessageResponse, D as MessageToolbarProps, E as MessageToolbar, S as MessageProps, T as MessageRole, _ as MessageBranchProps, a as MessageActionsProps, b as MessageContent, c as MessageBranch, d as MessageBranchNext, f as MessageBranchNextProps, g as MessageBranchPreviousProps, h as MessageBranchPrevious, i as MessageActions, l as MessageBranchContent, m as MessageBranchPageProps, n as MessageAction, o as MessageAttachment, p as MessageBranchPage, r as MessageActionProps, s as MessageAttachmentProps, t as Message, u as MessageBranchContentProps, v as MessageBranchSelector, w as MessageResponseProps, x as MessageContentProps, y as MessageBranchSelectorProps } from "../../Message-DBsHHhcM.js";
-export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageAttachment, MessageAttachmentProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageProps, MessageResponse, MessageResponseProps, MessageRole, MessageToolbar, MessageToolbarProps };
+import { A as MessageToolbar, C as MessageMetaProps, D as MessageRole, E as MessageResponseProps, O as MessageTimestamp, S as MessageMeta, T as MessageResponse, _ as MessageBranchProps, a as MessageActionsProps, b as MessageContent, c as MessageBranch, d as MessageBranchNext, f as MessageBranchNextProps, g as MessageBranchPreviousProps, h as MessageBranchPrevious, i as MessageActions, j as MessageToolbarProps, k as MessageTimestampProps, l as MessageBranchContent, m as MessageBranchPageProps, n as MessageAction, o as MessageAttachment, p as MessageBranchPage, r as MessageActionProps, s as MessageAttachmentProps, t as Message, u as MessageBranchContentProps, v as MessageBranchSelector, w as MessageProps, x as MessageContentProps, y as MessageBranchSelectorProps } from "../../Message-D_vCVEGB.js";
+export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageAttachment, MessageAttachmentProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageMeta, MessageMetaProps, MessageProps, MessageResponse, MessageResponseProps, MessageRole, MessageTimestamp, MessageTimestampProps, MessageToolbar, MessageToolbarProps };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-MmIXciMO.js";
+import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
@@ -52,6 +52,28 @@ function MessageContent({ className, children, ref, ...props }) {
 		children
 	});
 }
+/** Quiet message metadata and actions shown on hover or keyboard focus. */
+function MessageMeta({ className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cx("message__meta", className),
+		...props,
+		children
+	});
+}
+/** Machine-readable message time with a compact local-time label. */
+function MessageTimestamp({ date, className, ...props }) {
+	return /* @__PURE__ */ jsx("time", {
+		className: cx("message__timestamp", className),
+		dateTime: date.toISOString(),
+		title: date.toLocaleString(),
+		...props,
+		children: date.toLocaleTimeString(void 0, {
+			hour: "numeric",
+			minute: "2-digit"
+		})
+	});
+}
 const streamdownPlugins = {
 	cjk,
 	code
@@ -59,7 +81,7 @@ const streamdownPlugins = {
 const messageResponseComponents = { img: "img" };
 const MessageResponse = React.memo(function MessageResponse({ className, components, ...props }) {
 	return /* @__PURE__ */ jsx(Streamdown, {
-		className: cx("message__response", className),
+		className: cx("message__response", "sigvelo-reader-text", className),
 		components: components ? {
 			...messageResponseComponents,
 			...components
@@ -270,4 +292,4 @@ function MessageBranchPage({ className, format, ref, ...props }) {
 	});
 }
 //#endregion
-export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageMeta, MessageResponse, MessageTimestamp, MessageToolbar };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-MmIXciMO.js";
+import { n as ArrowDownIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import "react";
@@ -17,7 +17,8 @@ function MessageScroller({ className, ...props }) {
 	return /* @__PURE__ */ jsx(MessageScroller$1.Root, {
 		"data-slot": messageScrollerContract.root.slot,
 		className: cx(messageScrollerContract.root.className, className),
-		...props
+		...props,
+		"data-recipe": "fill-host"
 	});
 }
 function MessageScrollerViewport({ "aria-label": ariaLabel = messageScrollerContract.viewport.ariaLabel, className, role = messageScrollerContract.viewport.role, tabIndex = messageScrollerContract.viewport.tabIndex, ...props }) {