@mcp-b/react-components 0.40.0 → 0.41.0

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,12 +1,12 @@
 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";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { SearchField } from "../foundations/SearchField.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkThreadPicker.tsx

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-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-Lab3om3F.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-D0yFwoDr.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";

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-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 * 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-MmIXciMO.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, I as MonitorIcon, P as MicrophoneIcon, U as PlusIcon, X as SquareIcon, Y as SpinnerIcon, Z as StopIcon, a as ArrowUpIcon, d as CheckIcon, f as ChevronDownIcon, it as XIcon, nt as WarningIcon, rt as WrenchIcon, w as FolderIcon, z as PaperclipIcon } from "../../icons-MmIXciMO.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;

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

@@ -1,8 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../../icons-MmIXciMO.js";
+import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
-import { Badge } from "../foundations/Badge.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -15,9 +14,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * 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
@@ -79,20 +78,12 @@ function QueueSectionTrigger({ className, children, ref, ...props }) {
 	});
 }
 function QueueSectionLabel({ className, children, count, label, icon, ref, ...props }) {
-	const content = children ?? (label ? `${count ?? ""} ${label}`.trim() : null);
+	const content = children ?? label;
 	return /* @__PURE__ */ jsxs("span", {
 		ref,
 		className: cx("queue__section-label", className),
 		...props,
-		children: [
-			icon,
-			/* @__PURE__ */ jsx("span", { children: content }),
-			children !== void 0 && count !== void 0 ? /* @__PURE__ */ jsx(Badge, {
-				color: "neutral",
-				size: "sm",
-				children: count
-			}) : null
-		]
+		children: [icon, /* @__PURE__ */ jsxs("span", { children: [content, count === void 0 ? null : ` · ${count}`] })]
 	});
 }
 function QueueList({ className, children, ref, ...props }) {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as SpinnerIcon } from "../../icons-MmIXciMO.js";
+import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
 import { MessageResponse } from "./Message.js";
 import * as React from "react";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { A as LinkIcon, m as ChevronRightIcon } from "../../icons-MmIXciMO.js";
+import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Sources.tsx

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

@@ -76,11 +76,11 @@ declare function TaskItem({
   ref?: React.Ref<HTMLLIElement>;
 }): React.JSX.Element;
 interface TaskItemFileProps extends React.HTMLAttributes<HTMLSpanElement> {
-  /** The file name or path to display. Used to derive the language badge. */
+  /** The file name or path to display. */
   name?: string;
 }
 /**
- * Inline file reference badge used inside TaskItem content.
+ * Inline file reference used inside TaskItem content.
  */
 declare function TaskItemFile({
   className,

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { C as FileIcon, K as SearchIcon, m as ChevronRightIcon } from "../../icons-MmIXciMO.js";
+import { S as FileIcon, U as SearchIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Task.tsx
@@ -104,7 +104,7 @@ function TaskItem({ className, children, ref, ...props }) {
 	});
 }
 /**
-* Inline file reference badge used inside TaskItem content.
+* Inline file reference used inside TaskItem content.
 */
 function TaskItemFile({ className, name, children, ref, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Y as SpinnerIcon } from "../../icons-MmIXciMO.js";
+import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
 import "react";

package/dist/components/extension/CodexModelSelector.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { G as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-MmIXciMO.js";
+import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { Menu } from "../foundations/Menu.js";
 import { o as titleCase } from "../../format-DB2mX9DA.js";

package/dist/components/extension/ConversationTabPicker.js

@@ -1,4 +1,4 @@
-import { nt as WarningIcon } from "../../icons-MmIXciMO.js";
+import { $ as WarningIcon } from "../../icons-CVFSeTJn.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";

package/dist/components/foundations/Avatar.d.ts

@@ -21,7 +21,6 @@ interface AvatarImageProps extends React.ComponentPropsWithoutRef<typeof Avatar$
 interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof Avatar$1.Fallback> {}
 interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {}
 interface AvatarGroupCountProps extends React.HTMLAttributes<HTMLDivElement> {}
-interface AvatarBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {}
 /**
  * Container for the avatar. Renders a `<span>` element.
  *
@@ -80,13 +79,6 @@ declare function AvatarGroupCount({
 }: AvatarGroupCountProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-declare function AvatarBadge({
-  className,
-  ref,
-  ...props
-}: AvatarBadgeProps & {
-  ref?: React.Ref<HTMLSpanElement>;
-}): React.JSX.Element;
 /**
  * An avatar component for displaying user profile pictures with fallback support.
  * Shows initials or an icon when the image fails to load or isn't provided.
@@ -125,7 +117,6 @@ declare const Avatar: {
   Fallback: typeof AvatarFallback;
   Group: typeof AvatarGroup;
   GroupCount: typeof AvatarGroupCount;
-  Badge: typeof AvatarBadge;
 };
 //#endregion
-export { Avatar, AvatarBadgeProps, AvatarFallbackProps, AvatarGroupCountProps, AvatarGroupProps, AvatarImageProps, AvatarRootProps };
+export { Avatar, AvatarFallbackProps, AvatarGroupCountProps, AvatarGroupProps, AvatarImageProps, AvatarRootProps };

package/dist/components/foundations/Avatar.js

@@ -69,14 +69,6 @@ function AvatarGroupCount({ className, ref, ...props }) {
 		...props
 	});
 }
-function AvatarBadge({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		ref,
-		"data-slot": "avatar-badge",
-		className: mergeBaseClassName("avatar__badge", className),
-		...props
-	});
-}
 /**
 * An avatar component for displaying user profile pictures with fallback support.
 * Shows initials or an icon when the image fails to load or isn't provided.
@@ -114,8 +106,7 @@ const Avatar = {
 	Image: AvatarImage,
 	Fallback: AvatarFallback,
 	Group: AvatarGroup,
-	GroupCount: AvatarGroupCount,
-	Badge: AvatarBadge
+	GroupCount: AvatarGroupCount
 };
 //#endregion
 export { Avatar };

package/dist/components/foundations/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../../icons-MmIXciMO.js";
+import { d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/foundations/Checkbox.tsx

package/dist/components/foundations/CheckboxGroup.js

@@ -62,6 +62,7 @@ import { CheckboxGroup as CheckboxGroup$1 } from "@base-ui/react/checkbox-group"
 function CheckboxGroupRoot({ className, layout = "stack", ref, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxGroup$1, {
 		ref,
+		"data-slot": "checkbox-group",
 		"data-layout": layout,
 		className: mergeBaseClassName("checkbox-group", className),
 		...props

package/dist/components/foundations/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-MmIXciMO.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/foundations/LinkButton.d.ts

@@ -1,10 +1,8 @@
 import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../../Button-CZt3yywF.js";
-import { AnchorHTMLAttributes } from "react";
+import { AnchorHTMLAttributes, ReactElement } from "react";
 
 //#region src/components/foundations/LinkButton.d.ts
-interface LinkButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
-  /** Destination of the link. */
-  href: string;
+interface LinkButtonStyleProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "color" | "href"> {
   /**
    * The visual rendering style of the button chrome.
    * @default 'normal'
@@ -21,22 +19,26 @@ interface LinkButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
    */
   size?: ButtonSize;
 }
+type LinkButtonProps = LinkButtonStyleProps & ({
+  /** Destination for a native anchor. */href: string;
+  render?: never;
+} | {
+  /** App-authored router link whose destination remains type-checked by the app. */render: ReactElement;
+  href?: never;
+});
 /**
  * A link that wears Button chrome. Renders a plain anchor composed through the
  * {@link buttonVariants} seam, so the element stays a genuine link.
  *
- * `Button render={<a />}` gives the same visuals in React, but a link styled as
- * a button still needs a component wrapper for non-React hosts: Astro templates
- * cannot construct the React element the `render` prop expects (a `.astro` `<a />`
- * is an Astro vnode, not a React element, and `@astrojs/react` rejects it). This
- * component is that wrapper, so Astro can render a button-styled link by passing
- * plain props.
+ * Pass `href` for a native anchor or an app-authored router link through
+ * `render`. The latter preserves the consuming app's route-tree inference.
  */
 declare function LinkButton({
   variant,
   color,
   size,
   className,
+  render,
   ref,
   ...props
 }: LinkButtonProps & {