@mcp-b/react-components 0.39.0 → 0.41.0

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

@@ -1,5 +1,4 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Badge } from "../foundations/Badge.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import { Switch } from "../foundations/Switch.js";
 import { ThinkRoutineRuns } from "./ThinkRoutineRuns.js";
@@ -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 { J as SpinnerIcon } from "../../icons-B4mGvCvc.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 { J as SpinnerIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
-import { Button, buttonVariants } from "../foundations/Button.js";
+import { $ 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 { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { AlertDialog } from "../foundations/AlertDialog.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

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 { H as PlusIcon, J as SpinnerIcon, t as ArchiveIcon, tt as WarningIcon, v as DotIcon } from "../../icons-B4mGvCvc.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";

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-DbQMpvxV.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-D0r7xnq5.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-D0yFwoDr.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx

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

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

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

@@ -1,4 +1,4 @@
-import { W as RefreshIcon } from "../../icons-B4mGvCvc.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 { R as PaperclipIcon } from "../../icons-B4mGvCvc.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-B4mGvCvc.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 { rt as XIcon } from "../../icons-B4mGvCvc.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 { B as PencilIcon } from "../../icons-B4mGvCvc.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 { J as SpinnerIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.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-BGZ916hb.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 { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-B4mGvCvc.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-B4mGvCvc.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-DO4Hdu1R.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-B4mGvCvc.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 { Q as TargetIcon, V as PlayIcon, et as TrashIcon, z as PauseIcon } from "../../icons-B4mGvCvc.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 { V as PlayIcon } from "../../icons-B4mGvCvc.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-B4mGvCvc.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-B4mGvCvc.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";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-B4mGvCvc.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 * as React from "react";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
+import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-CVFSeTJn.js";
 import { Popover } from "../foundations/Popover.js";
 import { t as ProgressRing } from "../../progress-ring-BEocM1e3.js";
 import * as React from "react";

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

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SpinnerIcon, N as MicrophoneIcon, R as PaperclipIcon, X as StopIcon, Y as SquareIcon, a as ArrowUpIcon, d as CheckIcon, f as ChevronDownIcon, nt as WrenchIcon, rt as XIcon, tt as WarningIcon, w as FolderIcon } from "../../icons-B4mGvCvc.js";
+import { $ as WarningIcon, B as PlusIcon, C as FolderIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, N as MonitorIcon, S as FileIcon, a as ArrowUpIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, j as MicrophoneIcon, q as SquareIcon, tt as XIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { IconButton } from "../foundations/IconButton.js";

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

@@ -24,9 +24,9 @@ interface QueueProps extends React.HTMLAttributes<HTMLDivElement> {
  * Use for agent work queues, todo groups, and attachment queues. Do not use it
  * for navigation or arbitrary card lists.
  *
- * Sigvelo changes: uses shared Collapsible, ScrollArea, Badge, and Button
- * components; normalizes Vercel-compatible `completed` status to `complete`;
- * maps all styling to Sigvelo queue CSS tokens/classes.
+ * Sigvelo changes: uses shared Collapsible, ScrollArea, and Button components;
+ * normalizes Vercel-compatible `completed` status to `complete`; maps all
+ * styling to Sigvelo queue CSS tokens/classes.
  *
  * Section triggers inherit Collapsible keyboard behavior. Status indicators
  * are decorative, so visible item text must carry the real meaning. Add new
@@ -84,7 +84,7 @@ declare function QueueSectionTrigger({
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
 interface QueueSectionLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
-  /** Optional count rendered as a trailing badge. */
+  /** Optional item total shown as ordinary label text. */
   count?: number;
   label?: string;
   icon?: React.ReactNode;