@mcp-b/react-components 0.20.1 → 0.20.5

package/dist/components/Slider.js

@@ -35,7 +35,7 @@ import { Slider as Slider$1 } from "@base-ui/react/slider";
 * @see {@link https://base-ui.com/react/components/slider | Base UI Slider}
 */
 function SliderRoot({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["slider"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("slider", className);
 	return /* @__PURE__ */ jsx(Slider$1.Root, {
 		ref,
 		"data-slot": "slider",
@@ -47,7 +47,7 @@ function SliderRoot({ className, ref, ...props }) {
 * The control area for the Slider (handles interactions).
 */
 function SliderControl({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["slider__control"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("slider__control", className);
 	return /* @__PURE__ */ jsx(Slider$1.Control, {
 		ref,
 		"data-slot": "slider-control",
@@ -59,7 +59,7 @@ function SliderControl({ className, ref, ...props }) {
 * The track container for the Slider.
 */
 function SliderTrack({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["slider__track"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("slider__track", className);
 	return /* @__PURE__ */ jsx(Slider$1.Track, {
 		ref,
 		"data-slot": "slider-track",
@@ -71,7 +71,7 @@ function SliderTrack({ className, ref, ...props }) {
 * The filled indicator showing current value position.
 */
 function SliderIndicator({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["slider__indicator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("slider__indicator", className);
 	return /* @__PURE__ */ jsx(Slider$1.Indicator, {
 		ref,
 		"data-slot": "slider-range",
@@ -83,7 +83,7 @@ function SliderIndicator({ className, ref, ...props }) {
 * The draggable thumb for the Slider.
 */
 function SliderThumb({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["slider__thumb"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("slider__thumb", className);
 	return /* @__PURE__ */ jsx(Slider$1.Thumb, {
 		ref,
 		"data-slot": "slider-thumb",
@@ -96,7 +96,7 @@ function SliderThumb({ className, ref, ...props }) {
 * Note: This must be used inside a Slider component to access the value context.
 */
 function SliderOutput({ className, children, ref, ...props }) {
-	const classes = mergeBaseClassName(["slider__output"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("slider__output", className);
 	return /* @__PURE__ */ jsx(Slider$1.Value, {
 		ref,
 		"data-slot": "slider-output",
@@ -107,7 +107,7 @@ function SliderOutput({ className, children, ref, ...props }) {
 }
 /** Visible label that participates in Base UI's slider naming relationship. */
 function SliderLabel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["slider__label"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("slider__label", className);
 	return /* @__PURE__ */ jsx(Slider$1.Label, {
 		ref,
 		"data-slot": "slider-label",

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { O as LinkIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.js";
+import { O as LinkIcon, p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx
@@ -98,7 +98,7 @@ function Source({ title, description, children, className, href, ref, ...props }
 				className: "sources__link-body",
 				children: [
 					title ? /* @__PURE__ */ jsx("span", {
-						className: "sources__link-title",
+						className: "sources__link-title sigvelo-truncate",
 						children: title
 					}) : null,
 					description ? /* @__PURE__ */ jsx("span", {

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { K as SpinnerIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -71,13 +71,12 @@ function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizo
 	});
 }
 function StepperNav({ className, ref, ...props }) {
-	const { activeStep, orientation } = useStepper();
+	const { activeStep } = useStepper();
 	return /* @__PURE__ */ jsx(Tabs.List, {
 		ref,
 		className: mergeBaseClassName("stepper__nav", className),
 		"data-active-step": activeStep,
 		"data-slot": "stepper-list",
-		"data-orientation": orientation,
 		unstyled: true,
 		...props
 	});
@@ -191,8 +190,6 @@ function StepperPanel({ className, ref, ...props }) {
 	});
 }
 function StepperContent({ value, forceMount = false, spacing = "none", className, children, ref, ...props }) {
-	const { activeStep } = useStepper();
-	const isActive = activeStep === value;
 	return /* @__PURE__ */ jsx(Tabs.Panel, {
 		ref,
 		value,
@@ -200,7 +197,6 @@ function StepperContent({ value, forceMount = false, spacing = "none", className
 		className: mergeBaseClassName("stepper__content", className),
 		"data-spacing": spacing,
 		"data-slot": "stepper-content",
-		"data-state": isActive ? "active" : "inactive",
 		unstyled: true,
 		...props,
 		children

package/dist/components/SubagentRunDetails.js

@@ -1,11 +1,12 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
+import { n as clamp } from "../format-S6uWyoSb.js";
 import { Progress } from "./Progress.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SubagentRunDetails.tsx
 function SubagentRunProgress({ className, label, value, ref, ...props }) {
 	const labelId = React.useId();
-	const percent = value === void 0 ? null : Math.round(Math.min(1, Math.max(0, value)) * 100);
+	const percent = value === void 0 ? null : Math.round(clamp(value, 0, 1) * 100);
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: cx("subagent-run__progress", className),

package/dist/components/SubagentRunIndicator.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { J as StopIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { J as StopIcon, K as SpinnerIcon, Q as WarningIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SubagentRunIndicator.tsx

package/dist/components/SubagentRunSelector.js

@@ -32,7 +32,7 @@ function SubagentRunSelector({ className, render, run, tooltip, ref, "aria-label
 		children: [
 			/* @__PURE__ */ jsx(NaniteMark, { index: run.order }),
 			/* @__PURE__ */ jsx("span", {
-				className: "subagent-run__title",
+				className: "subagent-run__title sigvelo-truncate",
 				children: name
 			}),
 			/* @__PURE__ */ jsx(SubagentRunIndicator, { run })

package/dist/components/Switch.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 "react";
 import { jsx } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@base-ui/react/switch";
@@ -25,7 +25,7 @@ import { Switch as Switch$1 } from "@base-ui/react/switch";
 * @see {@link https://base-ui.com/react/components/switch | Base UI Switch}
 */
 function SwitchRoot({ size = "md", className, ref, ...props }) {
-	const classes = mergeBaseClassName(["switch", size !== "md" && `switch--${size}`].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName(cx("switch", size !== "md" && `switch--${size}`), className);
 	return /* @__PURE__ */ jsx(Switch$1.Root, {
 		ref,
 		"data-slot": "switch",
@@ -38,7 +38,7 @@ function SwitchRoot({ size = "md", className, ref, ...props }) {
 * The thumb indicator for the Switch component.
 */
 function SwitchThumb({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["switch__thumb"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("switch__thumb", className);
 	return /* @__PURE__ */ jsx(Switch$1.Thumb, {
 		ref,
 		"data-slot": "switch-thumb",

package/dist/components/Tabs.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 "react";
 import { jsx } from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
@@ -28,7 +28,7 @@ function tabsListVariants({ variant = "default", className } = {}) {
 * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
 */
 function TabsRoot({ orientation = "horizontal", variant = "default", className, unstyled = false, ref, ...props }) {
-	const classes = unstyled ? className : mergeBaseClassName(["tabs", variant !== "default" && `tabs--${variant}`].filter(Boolean).join(" "), className);
+	const classes = unstyled ? className : mergeBaseClassName(cx("tabs", variant !== "default" && `tabs--${variant}`), className);
 	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		ref,
 		"data-slot": "tabs",

package/dist/components/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../icons-DKXiSepE.js";
+import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../icons-DyOM0EJs.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx
@@ -62,7 +62,7 @@ function TaskTrigger({ className, title, children, ref, ...props }) {
 				children: /* @__PURE__ */ jsx(SearchIcon, {})
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "task__trigger-title sigvelo-truncate",
+				className: "task__trigger-title sigvelo-truncate sigvelo-truncate-grow",
 				children: title
 			}),
 			/* @__PURE__ */ jsx("span", {

package/dist/components/Terminal.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { X as TerminalIcon, et as XIcon } from "../icons-DKXiSepE.js";
+import { X as TerminalIcon, et as XIcon } from "../icons-DyOM0EJs.js";
 import { Button } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
-import { t as CopyButton } from "../copy-button-BtRwhRks.js";
+import { t as CopyButton } from "../copy-button-vo1paUSi.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import * as React from "react";

package/dist/components/TestResults.js

@@ -1,6 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { K as SpinnerIcon, et as XIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { K as SpinnerIcon, et as XIcon, p as ChevronRightIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
+import { Progress } from "./Progress.js";
 import { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -122,22 +123,21 @@ function TestResultsProgress({ className, children, ref, ...props }) {
 		ref,
 		className: cx("test-results__progress", className),
 		...props,
-		children: [/* @__PURE__ */ jsxs("div", {
+		children: [/* @__PURE__ */ jsx(Progress.Root, {
 			"aria-label": "Test progress",
-			"aria-valuemax": summary.total,
-			"aria-valuemin": 0,
-			"aria-valuenow": summary.passed,
-			"aria-valuetext": `${summary.passed}/${summary.total} tests passed, ${summary.failed} failed`,
-			className: "test-results__progress-track",
-			"data-slot": "progress-track",
-			role: "progressbar",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "test-results__progress-segment test-results__progress-segment--passed",
-				style: { inlineSize: `${passedPercent}%` }
-			}), /* @__PURE__ */ jsx("div", {
-				className: "test-results__progress-segment test-results__progress-segment--failed",
-				style: { inlineSize: `${failedPercent}%` }
-			})]
+			value: summary.passed,
+			max: summary.total,
+			getAriaValueText: () => `${summary.passed}/${summary.total} tests passed, ${summary.failed} failed`,
+			children: /* @__PURE__ */ jsxs(Progress.Track, {
+				className: "test-results__progress-track",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "test-results__progress-segment test-results__progress-segment--passed",
+					style: { inlineSize: `${passedPercent}%` }
+				}), /* @__PURE__ */ jsx("div", {
+					className: "test-results__progress-segment test-results__progress-segment--failed",
+					style: { inlineSize: `${failedPercent}%` }
+				})]
+			})
 		}), /* @__PURE__ */ jsxs("span", {
 			className: "test-results__progress-label",
 			children: [
@@ -207,7 +207,7 @@ function TestSuiteName({ className, children, ref, ...props }) {
 				children: STATUS_LABEL[status]
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "test-results__suite-name",
+				className: "test-results__suite-name sigvelo-truncate",
 				children: children ?? name
 			})
 		]
@@ -299,7 +299,7 @@ function TestName({ className, children, ref, ...props }) {
 	const { name } = React.useContext(TestContext);
 	return /* @__PURE__ */ jsx("span", {
 		ref,
-		className: cx("test-results__test-name", className),
+		className: cx("test-results__test-name", "sigvelo-truncate", className),
 		...props,
 		children: children ?? name
 	});

package/dist/components/ThemeModeControl.js

@@ -1,4 +1,4 @@
-import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../icons-DKXiSepE.js";
+import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../icons-DyOM0EJs.js";
 import { Radio, RadioGroup } from "./RadioGroup.js";
 import { useTheme } from "./ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ThinkChatActivity.js

@@ -1,5 +1,6 @@
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "./Activity.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
+import { f as MessageResponse } from "../Message-DzuteocT.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { SubagentRunList } from "./SubagentRunList.js";
@@ -68,7 +69,7 @@ function ThinkChatActivityStep({ text, part, toolRenderers }) {
 	if (isReasoningUIPart(part) && part.text.trim()) return /* @__PURE__ */ jsx(ActivityItemGroup, {
 		label: text,
 		icon,
-		children: /* @__PURE__ */ jsx(ActivityText, { children: part.text })
+		children: /* @__PURE__ */ jsx(ActivityText, { children: /* @__PURE__ */ jsx(MessageResponse, { children: part.text }) })
 	});
 	if (isWorkspaceToolPart(part) && part.type !== "tool-delete") return /* @__PURE__ */ jsx(ActivityItemGroup, {
 		label: text,

package/dist/components/ThinkChatActivitySummary.js

@@ -1,3 +1,4 @@
+import { t as capitalize } from "../format-S6uWyoSb.js";
 import { displayUrl, getToolDisplayName, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { t as summarizeToolInput } from "../summarize-tool-input-CqTcGRYy.js";
 import { getToolName, isReasoningUIPart, isToolUIPart } from "ai";
@@ -161,9 +162,9 @@ function describeThinkChatActivityPart(part, toolRenderers) {
 		if (custom !== void 0) return custom;
 	}
 	if (isReasoningUIPart(part)) {
-		const snippet = summarizeToolInput({ text: part.text });
+		const snippet = summarizeReasoningTitle(part.text);
 		const label = part.state === "streaming" ? "Thinking…" : "Thought";
-		return snippet ? `${label} · ${snippet}` : label;
+		return snippet ?? label;
 	}
 	if (isWorkspaceToolPart(part)) return describeWorkspaceToolPart(part);
 	if (isSkillToolPart(part)) return describeSkillToolPart(part);
@@ -256,12 +257,21 @@ function describeBrowserToolPart(part) {
 }
 function describeExecuteToolPart(part) {
 	const output = part.state === "output-available" ? part.output : void 0;
-	if (isPartFailed(part) || output?.status === "error") return "Code failed";
 	if (output?.status === "paused") return isHumanWaitPause(output) ? "Code waiting for human" : "Code waiting for approval";
+	const explicitSummary = part.input ? Reflect.get(part.input, "summary") : void 0;
+	const summary = typeof explicitSummary === "string" ? summarizeToolInput({ summary: explicitSummary }) : null;
+	if (summary) return summary;
+	if (isPartFailed(part) || output?.status === "error") return "Code failed";
 	const label = isPartWorking(part) ? "Running code" : "Ran code";
 	const snippet = summarizeToolInput(part.input);
 	return snippet ? `${label} · ${snippet}` : label;
 }
+function summarizeReasoningTitle(text) {
+	const line = text.split("\n").find((candidate) => candidate.trim())?.trim();
+	if (!line) return null;
+	const title = line.replace(/^#{1,6}(?:\s+|$)/, "").replace(/(?:\s+|^)#{1,6}$/, "").replace(/^(?:\*\*|__)/, "").replace(/(?:\*\*|__)$/, "").trim();
+	return /^[#*_]*$/.test(title) ? null : summarizeToolInput({ summary: title });
+}
 function isHumanWaitPause(output) {
 	const pending = output.pending ?? [];
 	return pending.length > 0 && pending.every((action) => action.connector === "human" && action.method === "waitFor");
@@ -330,8 +340,7 @@ function summarizeActivitySteps(parts) {
 	for (const segment of genericSegments) if (!includedSegments.has(segment)) segments.push(segment);
 	if (segments.length === 0) return "Worked";
 	const top = segments.slice(0, 3);
-	const joined = top.length === 1 ? top[0] : `${top.slice(0, -1).join(", ")} and ${top.at(-1)}`;
-	return joined.charAt(0).toUpperCase() + joined.slice(1);
+	return capitalize(top.length === 1 ? top[0] : `${top.slice(0, -1).join(", ")} and ${top.at(-1)}`);
 }
 /** Derive the serializable collapsed header from persisted AI SDK message parts. */
 function deriveThinkChatActivityHeader(parts, options = {}) {

package/dist/components/ThinkChatToolPanels.js

@@ -1,7 +1,7 @@
 import { ActivityOutput, ActivityPanel } from "./Activity.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import { Tabs } from "./Tabs.js";
-import { t as CodeBlock } from "../CodeBlock-Bb-IPBc_.js";
+import { t as CodeBlock } from "../CodeBlock-ygtuzqJd.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import * as React from "react";

package/dist/components/ThinkExecutionDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { D as InfoIcon, S as FileIcon, U as RefreshIcon, X as TerminalIcon, et as XIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { D as InfoIcon, S as FileIcon, U as RefreshIcon, X as TerminalIcon, et as XIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";

package/dist/components/ThinkExecutionRun.js

@@ -1,3 +1,4 @@
+import { t as capitalize } from "../format-S6uWyoSb.js";
 //#region src/components/ThinkExecutionRun.ts
 /** Narrows the direct upstream execution union without wrapping either record. */
 function isThinkSubmissionRun(run) {
@@ -35,8 +36,7 @@ function getThinkExecutionRunStatusTone(run) {
 	return "neutral";
 }
 function formatThinkExecutionStatus(status) {
-	const words = status.replaceAll(/([a-z])([A-Z])/g, "$1 $2");
-	return words.charAt(0).toUpperCase() + words.slice(1);
+	return capitalize(status.replaceAll(/([a-z])([A-Z])/g, "$1 $2"));
 }
 function formatThinkExecutionTimestamp(value, fallback = "Not recorded") {
 	if (value == null) return fallback;

package/dist/components/ThinkExecutionStatus.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { D as InfoIcon, K as SpinnerIcon, R as PauseIcon, et as XIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { D as InfoIcon, K as SpinnerIcon, R as PauseIcon, et as XIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import { Tooltip } from "./Tooltip.js";
 import { formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone } from "./ThinkExecutionRun.js";
 import "react";

package/dist/components/ThinkExecutionWorkbench.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, y as EllipsisIcon } from "../icons-DKXiSepE.js";
+import { U as RefreshIcon, y as EllipsisIcon } from "../icons-DyOM0EJs.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";
 import { Button, buttonVariants } from "./Button.js";
 import { Tooltip } from "./Tooltip.js";
@@ -223,7 +223,7 @@ function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPa
 										children: [/* @__PURE__ */ jsxs("span", {
 											className: "think-execution-workbench__run-heading",
 											children: [/* @__PURE__ */ jsx("span", {
-												className: "think-execution-workbench__run-title",
+												className: "think-execution-workbench__run-title sigvelo-truncate",
 												children: getThinkExecutionRunTitle(run)
 											}), getThinkExecutionRunSubtitle(run) ? /* @__PURE__ */ jsx("code", { children: getThinkExecutionRunSubtitle(run) }) : null]
 										}), /* @__PURE__ */ jsx("span", {

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-E_HrfH76.js";
-import { t as mergeRefs } from "../merge-refs-KlanQB7A.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;
@@ -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,16 +1,9 @@
+import { formatThinkExecutionShortTimestamp } from "./ThinkExecutionRun.js";
 //#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";
-}
-function formatThinkExecutionDate(value, fallback) {
-	const date = value instanceof Date ? value : new Date(value);
-	return Number.isNaN(date.getTime()) ? fallback : date.toLocaleString(void 0, {
-		month: "short",
-		day: "numeric",
-		hour: "numeric",
-		minute: "2-digit"
-	});
+	return formatThinkExecutionShortTimestamp(routine.schedule.time * 1e3, "Not scheduled");
 }
 //#endregion
 export { getThinkRoutineNextRun };

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";