@mcp-b/react-components 0.20.1 → 0.20.4

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

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,6 @@
 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 { Badge } from "./Badge.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -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

@@ -161,9 +161,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 +256,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");

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