@mcp-b/react-components 0.20.0 → 0.20.4

package/dist/components/ThinkFullApp.js

@@ -1,12 +1,13 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { S as FileIcon, X as TerminalIcon, d as ChevronDownIcon } from "../icons-DKXiSepE.js";
+import { S as FileIcon, X as TerminalIcon, d as ChevronDownIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../WorkspaceLink-BYYeTQLf.js";
+import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-15EhfvYJ.js";
-import { t as mergeRefs } from "../merge-refs-KlanQB7A.js";
+import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-E_HrfH76.js";
 import { useWorkspace } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
+import { n as runViewTransition } from "../view-transitions-DyUP0lSg.js";
 import { ResizableSidePanel } from "./ResizableSidePanel.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
@@ -15,77 +16,6 @@ import { ThinkThreadShell } from "./ThinkThreadShell.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAgentToolEvents } from "agents/react";
-import { flushSync } from "react-dom";
-//#region src/components/_internal/view-transitions.ts
-let documentScopeSequence = 0;
-let restoreActiveDocumentScope = null;
-function motionIsReduced() {
-	if (typeof document === "undefined") return true;
-	if (document.documentElement.dataset.motion === "reduce") return true;
-	return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
-}
-function isReactTestEnvironment() {
-	return globalThis.IS_REACT_ACT_ENVIRONMENT;
-}
-function scopeDocumentTransition(scope) {
-	if (!(scope instanceof HTMLElement || scope instanceof SVGElement)) return null;
-	restoreActiveDocumentScope?.();
-	const rootStyle = document.documentElement.style;
-	const scopeStyle = scope.style;
-	const rootValue = rootStyle.getPropertyValue("view-transition-name");
-	const rootPriority = rootStyle.getPropertyPriority("view-transition-name");
-	const scopeValue = scopeStyle.getPropertyValue("view-transition-name");
-	const scopePriority = scopeStyle.getPropertyPriority("view-transition-name");
-	rootStyle.setProperty("view-transition-name", "none", "important");
-	scopeStyle.setProperty("view-transition-name", `sigvelo-transition-scope-${++documentScopeSequence}`, "important");
-	let active = true;
-	const restore = () => {
-		if (!active) return;
-		active = false;
-		if (rootValue) rootStyle.setProperty("view-transition-name", rootValue, rootPriority);
-		else rootStyle.removeProperty("view-transition-name");
-		if (scopeValue) scopeStyle.setProperty("view-transition-name", scopeValue, scopePriority);
-		else scopeStyle.removeProperty("view-transition-name");
-		if (restoreActiveDocumentScope === restore) restoreActiveDocumentScope = null;
-	};
-	restoreActiveDocumentScope = restore;
-	return restore;
-}
-/**
-* Runs one synchronous React update inside the narrowest supported native view
-* transition. Unsupported and reduced-motion environments commit immediately.
-*/
-function runViewTransition({ scope, update }) {
-	let committed = false;
-	const commitOnce = () => {
-		if (committed) return;
-		committed = true;
-		flushSync(update);
-	};
-	if (typeof document === "undefined" || motionIsReduced() || isReactTestEnvironment()) {
-		commitOnce();
-		return null;
-	}
-	const scopedHost = scope;
-	const documentHost = document;
-	const useScopedHost = typeof scopedHost?.startViewTransition === "function";
-	const host = useScopedHost ? scopedHost : typeof documentHost.startViewTransition === "function" ? documentHost : null;
-	if (!host?.startViewTransition) {
-		commitOnce();
-		return null;
-	}
-	const restoreDocumentScope = useScopedHost ? null : scopeDocumentTransition(scope);
-	try {
-		const transition = host.startViewTransition(commitOnce);
-		if (restoreDocumentScope) transition.finished.finally(restoreDocumentScope).catch(() => void 0);
-		return transition;
-	} catch {
-		restoreDocumentScope?.();
-		commitOnce();
-		return null;
-	}
-}
-//#endregion
 //#region src/components/ThinkFullApp.tsx
 const workbenchPanelDefaultWidth = 340;
 const workbenchPanelMinWidth = 300;
@@ -113,7 +43,7 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 	const appRef = React.useRef(null);
 	const viewScopeRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
-	const approvals = useThinkPendingExecutionApprovals(agent.stub, sourceKey, `${chat.messages.length}:${chat.status}`);
+	const approvals = useThinkPendingExecutionApprovals(agent.stub, sourceKey, `${chat.messages.length}:${chat.status}`, messages?.approvalsEnabled !== false);
 	const resolvedMessages = React.useMemo(() => {
 		const approvalProps = resolveThinkApprovalProps({
 			thinkStub: messages?.thinkStub,
@@ -231,7 +161,7 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 				onClick: (event) => sidebarControls.toggleSidebar(event.currentTarget),
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: "think-full-app__thread-trigger-title",
+						className: "think-full-app__thread-trigger-title sigvelo-truncate",
 						children: appBarTitle ?? "Threads"
 					}),
 					threadStatusSummary ? /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: threadStatusSummary }) : null,

package/dist/components/ThinkPendingApproval.js

@@ -1,3 +1,4 @@
+import { i as titleCase } from "../format-S6uWyoSb.js";
 import { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInputPreview, ApprovalPreview, ApprovalPreviewRow, ApprovalQuestion, formatApprovalValue } from "./Approval.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -10,9 +11,6 @@ function getPausedExecution(part) {
 	const output = getToolOutput(part);
 	return output?.status === "paused" && typeof output.executionId === "string" ? output : void 0;
 }
-function titleCase(value) {
-	return value.split("-").map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`).join(" ");
-}
 /**
 * Durable Think approval adapter. It renders the complete upstream descriptor
 * and resolves only through the full Think stub's idempotent execution RPCs.

package/dist/components/ThinkRoutine.d.ts

@@ -31,6 +31,6 @@ interface ThinkRoutineCreateRequest {
   /** Whole upstream task, including prompt functions and handler tasks. */
   task: ThinkScheduledTask;
 }
-declare function getThinkRoutineNextRun(routine: ThinkRoutine): string;
+declare function getThinkRoutineNextRun(routine: ThinkRoutine): string | null;
 //#endregion
 export { ThinkRoutine, ThinkRoutineCreateRequest, ThinkRoutineOwner, ThinkRoutineRunOf, getThinkRoutineNextRun };

package/dist/components/ThinkRoutine.js

@@ -1,7 +1,8 @@
 //#region src/components/ThinkRoutine.ts
 function getThinkRoutineNextRun(routine) {
+	if (!routine.schedule) return null;
 	if (!routine.enabled) return "Paused";
-	return routine.schedule ? formatThinkExecutionDate(routine.schedule.time * 1e3, "Not scheduled") : "Pending reconciliation";
+	return formatThinkExecutionDate(routine.schedule.time * 1e3, "Not scheduled");
 }
 function formatThinkExecutionDate(value, fallback) {
 	const date = value instanceof Date ? value : new Date(value);

package/dist/components/ThinkRoutineBrowser.js

@@ -1,13 +1,14 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlusIcon } from "../icons-DKXiSepE.js";
+import { V as PlusIcon } from "../icons-DyOM0EJs.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { buttonVariants } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
+import { t as capitalize } from "../format-S6uWyoSb.js";
 import { SearchField } from "./SearchField.js";
 import { ToggleGroup } from "./ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ThinkRoutineBrowser.tsx
 function filterRoutines(routines, filter, query) {
 	const normalizedQuery = query.trim().toLocaleLowerCase();
@@ -51,7 +52,7 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 					].map((value) => /* @__PURE__ */ jsx(ToggleGroup.Item, {
 						type: "button",
 						value,
-						children: value.charAt(0).toUpperCase() + value.slice(1)
+						children: capitalize(value)
 					}, value))
 				}), createRoutineLink ? /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 					render: /* @__PURE__ */ jsx(NavigationLink, {
@@ -126,12 +127,11 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 									children: [
 										/* @__PURE__ */ jsx("strong", { children: routine.name }),
 										/* @__PURE__ */ jsx("span", { children: routine.task.schedule }),
-										/* @__PURE__ */ jsxs("small", { children: [
-											showOwner ? `${routine.owner.name} · ` : null,
-											"Next",
-											" ",
-											getThinkRoutineNextRun(routine)
-										] })
+										showOwner || routine.schedule ? /* @__PURE__ */ jsxs("small", { children: [
+											showOwner ? routine.owner.name : null,
+											showOwner && routine.schedule ? " · " : null,
+											routine.schedule ? /* @__PURE__ */ jsxs(Fragment, { children: ["Next ", getThinkRoutineNextRun(routine)] }) : null
+										] }) : null
 									]
 								})
 							]

package/dist/components/ThinkRoutineDetail.js

@@ -71,7 +71,7 @@ function ThinkRoutineDetail({ busy = false, className, routine, showOwner = true
 							className: "think-routine-library__facts",
 							children: [
 								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Repeats" }), /* @__PURE__ */ jsx("dd", { children: routine.task.schedule })] }),
-								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Next run" }), /* @__PURE__ */ jsx("dd", { children: getThinkRoutineNextRun(routine) })] }),
+								routine.schedule ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Next run" }), /* @__PURE__ */ jsx("dd", { children: getThinkRoutineNextRun(routine) })] }) : null,
 								showOwner ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Agent" }), /* @__PURE__ */ jsx("dd", { children: routine.owner.name })] }) : null
 							]
 						}),

package/dist/components/ThinkRoutineForm.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../icons-DKXiSepE.js";
+import { K as SpinnerIcon } from "../icons-DyOM0EJs.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { Field } from "./Field.js";

package/dist/components/ThinkRoutineLibrary.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { B as PlayIcon, K as SpinnerIcon, Q as WarningIcon, d as ChevronDownIcon, y as EllipsisIcon } from "../icons-DKXiSepE.js";
+import { B as PlayIcon, K as SpinnerIcon, Q as WarningIcon, d as ChevronDownIcon, y as EllipsisIcon } from "../icons-DyOM0EJs.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { Menu } from "./Menu.js";

package/dist/components/ThinkThreadPicker.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, Q as WarningIcon, V as PlusIcon, _ as DotIcon, t as ArchiveIcon } from "../icons-DKXiSepE.js";
+import { K as SpinnerIcon, Q as WarningIcon, V as PlusIcon, _ as DotIcon, t as ArchiveIcon } from "../icons-DyOM0EJs.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { SearchField } from "./SearchField.js";
@@ -161,7 +161,7 @@ function ThinkThreadPicker({ threads, renderThreadLink, onCreate, onDelete, clas
 			/* @__PURE__ */ jsxs("header", {
 				className: "think-thread-picker__header",
 				children: [/* @__PURE__ */ jsx("h2", {
-					className: "think-thread-picker__title",
+					className: "think-thread-picker__title sigvelo-truncate",
 					children: title
 				}), /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: statusSummary })]
 			}),
@@ -210,7 +210,7 @@ function ThinkThreadPicker({ threads, renderThreadLink, onCreate, onDelete, clas
 										}),
 										"data-thread-status": thread.status,
 										children: [/* @__PURE__ */ jsx("span", {
-											className: "think-thread-picker__thread-title",
+											className: "think-thread-picker__thread-title sigvelo-truncate",
 											children: thread.title
 										}), statusLabel ? /* @__PURE__ */ jsx("span", {
 											className: "think-thread-picker__thread-status",

package/dist/components/ThinkThreadShell.js

@@ -1,3 +1,4 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { ResponsiveSidebarShell } from "./ResponsiveSidebarShell.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
@@ -10,7 +11,7 @@ function ThinkThreadShell({ sidebar, sidebarOpen, defaultSidebarOpen, onSidebarO
 	return /* @__PURE__ */ jsx(ResponsiveSidebarShell, {
 		...props,
 		ref,
-		className: ["think-thread-shell", className].filter(Boolean).join(" "),
+		className: cx("think-thread-shell", className),
 		sidebar,
 		sidebarLabel: "threads",
 		sidebarOpen,

package/dist/components/Toast.js

@@ -24,7 +24,7 @@ const ToastProvider = (props) => {
 * Container for displaying toasts.
 */
 function ToastViewport({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast__viewport"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("toast__viewport", className);
 	return /* @__PURE__ */ jsx(Toast$1.Viewport, {
 		ref,
 		"data-slot": "toast-viewport",
@@ -36,7 +36,7 @@ function ToastViewport({ className, ref, ...props }) {
 * Individual toast wrapper.
 */
 function ToastRoot({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("toast", className);
 	return /* @__PURE__ */ jsx(Toast$1.Root, {
 		ref,
 		"data-slot": "toast",
@@ -48,7 +48,7 @@ function ToastRoot({ className, ref, ...props }) {
 * Container for the contents of a toast.
 */
 function ToastContent({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast__content"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("toast__content", className);
 	return /* @__PURE__ */ jsx(Toast$1.Content, {
 		ref,
 		"data-slot": "toast-content",
@@ -60,7 +60,7 @@ function ToastContent({ className, ref, ...props }) {
 * Title that labels the toast. Renders an `<h2>` element.
 */
 function ToastTitle({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast__title"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("toast__title", className);
 	return /* @__PURE__ */ jsx(Toast$1.Title, {
 		ref,
 		"data-slot": "toast-title",
@@ -72,7 +72,7 @@ function ToastTitle({ className, ref, ...props }) {
 * Description text for the toast. Renders a `<p>` element.
 */
 function ToastDescription({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast__description"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("toast__description", className);
 	return /* @__PURE__ */ jsx(Toast$1.Description, {
 		ref,
 		"data-slot": "toast-description",
@@ -102,7 +102,7 @@ function ToastAction({ render, className, ref, ...props }) {
 * Close button that dismisses the toast.
 */
 function ToastClose({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast__close"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("toast__close", className);
 	return /* @__PURE__ */ jsx(Toast$1.Close, {
 		ref,
 		"data-slot": "toast-close",

package/dist/components/ToggleGroup.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { toggleVariants } from "./Toggle.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -44,7 +44,7 @@ function ToggleGroupRoot({ size = "md", spacing = 0, variant = "default", classN
 		...style,
 		gap
 	};
-	const classes = mergeBaseClassName(["toggle-group", size !== "md" && `toggle-group--${size}`].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("toggle-group", size !== "md" && `toggle-group--${size}`), className);
 	const contextValue = React.useMemo(() => ({
 		variant,
 		size,

package/dist/components/Tooltip.js

@@ -38,7 +38,7 @@ function TooltipTrigger(props) {
 	});
 }
 function TooltipPositioner({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["tooltip__positioner", "base-ui-positioner"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("tooltip__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
 		ref,
 		"data-slot": "tooltip-positioner",
@@ -47,7 +47,7 @@ function TooltipPositioner({ className, ref, ...props }) {
 	});
 }
 function TooltipPopup({ className, ref, role = "tooltip", ...props }) {
-	const classes = mergeBaseClassName(["tooltip__popup", "base-ui-popup"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("tooltip__popup base-ui-popup", className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Popup, {
 		ref,
 		role,
@@ -62,7 +62,7 @@ function TooltipPopup({ className, ref, role = "tooltip", ...props }) {
 * positioner, popup, and this viewport when that behavior is needed.
 */
 function TooltipViewport({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["tooltip__viewport"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("tooltip__viewport", className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Viewport, {
 		ref,
 		"data-slot": "tooltip-viewport",
@@ -71,7 +71,7 @@ function TooltipViewport({ className, ref, ...props }) {
 	});
 }
 function TooltipArrow({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["tooltip__arrow"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("tooltip__arrow", className);
 	return /* @__PURE__ */ jsx(Tooltip$1.Arrow, {
 		ref,
 		"data-slot": "tooltip-arrow",

package/dist/components/WebPreview.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, d as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../icons-DKXiSepE.js";
+import { U as RefreshIcon, d as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
 import { Badge } from "./Badge.js";

package/dist/components/WorkspaceBrowser.js

@@ -1,4 +1,4 @@
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-CUlXfnmc.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../FileTree-CdgfccsM.js";
 import { SearchField } from "./SearchField.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";

package/dist/components/WorkspaceExplorer.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-BYYeTQLf.js";
+import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./WorkspaceFile.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../WorkspaceFileView-CEdArlOT.js";
-import { t as mergeRefs } from "../merge-refs-KlanQB7A.js";
+import { t as WorkspaceFileView } from "../WorkspaceFileView-Bxx4wEzJ.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/WorkspaceFileView.js

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

package/dist/components/WorkspaceHeader.js

@@ -1,4 +1,4 @@
-import { U as RefreshIcon } from "../icons-DKXiSepE.js";
+import { U as RefreshIcon } from "../icons-DyOM0EJs.js";
 import { AppTopBar } from "./AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/icons.js

@@ -1,2 +1,2 @@
-import { $ as WrenchIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as InfoIcon, E as ImageIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as LinkIcon, P as MonitorIcon, Q as WarningIcon, R as PauseIcon, S as FileIcon, T as HashIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as TerminalIcon, Y as SunIcon, Z as TrashIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BrainIcon, d as ChevronDownIcon, et as XIcon, f as ChevronLeftIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as CalendarIcon, m as CodeIcon, n as ArrowDownIcon, o as BookmarkIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, u as CheckIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../icons-DKXiSepE.js";
+import { $ as WrenchIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as InfoIcon, E as ImageIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as StopIcon, K as SpinnerIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as LinkIcon, P as MonitorIcon, Q as WarningIcon, R as PauseIcon, S as FileIcon, T as HashIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as TerminalIcon, Y as SunIcon, Z as TrashIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BrainIcon, d as ChevronDownIcon, et as XIcon, f as ChevronLeftIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as CalendarIcon, m as CodeIcon, n as ArrowDownIcon, o as BookmarkIcon, p as ChevronRightIcon, q as SquareIcon, r as ArrowLeftIcon, s as BoxIcon, t as ArchiveIcon, u as CheckIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../icons-DyOM0EJs.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/{copy-button-BtRwhRks.js → copy-button-vo1paUSi.js}

@@ -1,4 +1,4 @@
-import { h as CopyIcon, u as CheckIcon } from "./icons-DKXiSepE.js";
+import { h as CopyIcon, u as CheckIcon } from "./icons-DyOM0EJs.js";
 import { Button } from "./components/Button.js";
 import { Tooltip } from "./components/Tooltip.js";
 import * as React from "react";

package/dist/format-S6uWyoSb.js

@@ -0,0 +1,38 @@
+//#region src/components/_internal/format.ts
+/**
+* Small string/number formatting helpers shared across components, so the same
+* one-liners are not re-derived in each file.
+*/
+/**
+* Constrains `value` to the inclusive `[min, max]` range.
+*/
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+/**
+* Uppercases the first character of `value`, leaving the rest untouched.
+*/
+function capitalize(value) {
+	return value.charAt(0).toUpperCase() + value.slice(1);
+}
+/**
+* Turns a `kebab-case` or `snake_case` identifier into a space-separated,
+* word-capitalized label (e.g. `"service-tier"` → `"Service Tier"`).
+*/
+function titleCase(value) {
+	return value.split(/[-_]/).filter(Boolean).map((word) => word[0].toUpperCase() + word.slice(1)).join(" ");
+}
+/**
+* Formats a whole number of seconds as a clock string — `m:ss`, widening to
+* `h:mm:ss` once it reaches an hour. Negative and fractional inputs are floored
+* to whole seconds, so callers that need rounding should round before calling.
+*/
+function formatClock(totalSeconds) {
+	const total = Math.max(0, Math.floor(totalSeconds));
+	const hours = Math.floor(total / 3600);
+	const minutes = Math.floor(total % 3600 / 60);
+	const seconds = String(total % 60).padStart(2, "0");
+	return hours > 0 ? `${hours}:${String(minutes).padStart(2, "0")}:${seconds}` : `${minutes}:${seconds}`;
+}
+//#endregion
+export { titleCase as i, clamp as n, formatClock as r, capitalize as t };

package/dist/{icons-DKXiSepE.js → icons-DyOM0EJs.js}

@@ -1,3 +1,4 @@
+import { t as cx } from "./class-names-BiMDVpUo.js";
 import { jsx } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
@@ -61,7 +62,7 @@ function SpinnerIcon({ className, size = 16, strokeWidth = 1.75, ...props }) {
 		strokeWidth,
 		"aria-hidden": "true",
 		focusable: "false",
-		className: ["sigvelo-icon--spinner", className].filter(Boolean).join(" "),
+		className: cx("sigvelo-icon--spinner", className),
 		...props
 	});
 }

package/dist/{merge-refs-KlanQB7A.js → merge-refs-DF_7w2x_.js}

@@ -15,4 +15,4 @@ function mergeRefs(...refs) {
 	};
 }
 //#endregion
-export { mergeRefs as t };
+export { mergeRefs as n, assignRef as t };

package/dist/styles/activity-header.css

@@ -18,9 +18,6 @@
   min-width: 0;
   max-width: max-content;
   color: var(--sigvelo-color-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .activity__item-icon {

package/dist/styles/activity.css

@@ -339,7 +339,7 @@
 
 @media (forced-colors: active) {
   .activity__trigger:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
   }
 }

package/dist/styles/agent-attention.css

@@ -60,13 +60,6 @@
   line-height: 1.35;
 }
 
-.agent-attention__title,
-.agent-attention__description {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .agent-attention__title {
   font-size: var(--sigvelo-text-compact);
   font-weight: var(--sigvelo-font-weight-semibold);

package/dist/styles/agent-connection.css

@@ -175,7 +175,7 @@
   }
 
   .agent-connect__target[data-selected="true"] {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: -2px;
   }
 }

package/dist/styles/app-top-bar.css

@@ -38,13 +38,10 @@
   max-inline-size: min(20rem, 45vw);
   align-self: center;
   justify-self: center;
-  overflow: hidden;
   color: var(--sigvelo-color-text);
   font-size: var(--sigvelo-density-compact-control-font-size);
   font-weight: var(--sigvelo-font-weight-semibold);
   line-height: var(--sigvelo-leading-tight);
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .app-top-bar__trailing {
@@ -98,13 +95,13 @@
   }
 
   .app-top-bar__button:focus-visible {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: 2px;
     box-shadow: none;
   }
 
   .app-top-bar__button:is([aria-expanded="true"], [data-popup-open], [data-pressed]) {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: -2px;
   }
 }

package/dist/styles/browser-live-view.css

@@ -66,9 +66,6 @@
   font-size: var(--sigvelo-text-xs);
   color: var(--sigvelo-color-text-muted);
   max-inline-size: 80%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 /* An expired view showing a screenshot fallback keeps the image flush */
@@ -95,7 +92,7 @@
 }
 
 .browser-live-view__state-spinner {
-  animation: browser-live-view-spin 900ms linear infinite;
+  animation: sigvelo-icon-spin 900ms linear infinite;
 }
 
 /* Expand affordance, video-player style: quiet until the box is hovered or
@@ -157,12 +154,6 @@
   }
 }
 
-@keyframes browser-live-view-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .browser-live-view__badge-dot,
   .browser-live-view__state-spinner {

package/dist/styles/browser-run-panel.css

@@ -61,12 +61,9 @@
 }
 
 .browser-run-panel__tab-title {
-  overflow: hidden;
   max-inline-size: 100%;
   font-size: var(--sigvelo-text-xs);
   line-height: var(--sigvelo-leading-tight);
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .browser-run-panel__address-bar {
@@ -105,13 +102,7 @@
 }
 
 .browser-run-panel__spinner {
-  animation: browser-run-panel-spin 900ms linear infinite;
-}
-
-@keyframes browser-run-panel-spin {
-  to {
-    transform: rotate(360deg);
-  }
+  animation: sigvelo-icon-spin 900ms linear infinite;
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -126,7 +117,7 @@
 
 @media (forced-colors: active) {
   .browser-run-panel__tab[data-active] {
-    outline: 2px solid Highlight;
+    outline: var(--sigvelo-focus-ring-forced);
     outline-offset: -2px;
   }
 }