@mcp-b/react-components 0.20.0 → 0.20.4

package/dist/components/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
+import { a as ArrowUpIcon, n as ArrowDownIcon, u as CheckIcon } from "../icons-DyOM0EJs.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";
@@ -36,7 +36,7 @@ function SelectRoot(props) {
 	});
 }
 function SelectLabel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__label"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__label", className);
 	return /* @__PURE__ */ jsx(Select$1.Label, {
 		ref,
 		"data-slot": "select-field-label",
@@ -64,7 +64,7 @@ function SelectValue({ placeholder, children, ref, ...props }) {
 	});
 }
 function SelectIcon({ className, children, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__icon"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__icon", className);
 	return /* @__PURE__ */ jsx(Select$1.Icon, {
 		ref,
 		className: classes,
@@ -73,7 +73,7 @@ function SelectIcon({ className, children, ref, ...props }) {
 	});
 }
 function SelectBackdrop({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__backdrop", "base-ui-backdrop"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__backdrop base-ui-backdrop", className);
 	return /* @__PURE__ */ jsx(Select$1.Backdrop, {
 		ref,
 		className: classes,
@@ -81,7 +81,7 @@ function SelectBackdrop({ className, ref, ...props }) {
 	});
 }
 function SelectPositioner({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__positioner", "base-ui-positioner"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__positioner base-ui-positioner", className);
 	return /* @__PURE__ */ jsx(Select$1.Positioner, {
 		ref,
 		className: classes,
@@ -89,7 +89,7 @@ function SelectPositioner({ className, ref, ...props }) {
 	});
 }
 function SelectPopup({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__popup", "base-ui-popup"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__popup base-ui-popup", className);
 	return /* @__PURE__ */ jsx(Select$1.Popup, {
 		ref,
 		"data-slot": "select-content",
@@ -98,7 +98,7 @@ function SelectPopup({ className, ref, ...props }) {
 	});
 }
 function SelectList({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__list"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__list", className);
 	return /* @__PURE__ */ jsx(Select$1.List, {
 		ref,
 		"data-slot": "select-viewport",
@@ -107,7 +107,7 @@ function SelectList({ className, ref, ...props }) {
 	});
 }
 function SelectItem({ className, value, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__option"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__option", className);
 	return /* @__PURE__ */ jsx(Select$1.Item, {
 		ref,
 		"data-slot": "select-item",
@@ -117,7 +117,7 @@ function SelectItem({ className, value, ref, ...props }) {
 	});
 }
 function SelectItemText({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__item-text"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__item-text", className);
 	return /* @__PURE__ */ jsx(Select$1.ItemText, {
 		ref,
 		className: classes,
@@ -125,7 +125,7 @@ function SelectItemText({ className, ref, ...props }) {
 	});
 }
 function SelectItemIndicator({ className, children, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__item-indicator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__item-indicator", className);
 	return /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
 		ref,
 		"data-slot": "select-item-indicator",
@@ -135,7 +135,7 @@ function SelectItemIndicator({ className, children, ref, ...props }) {
 	});
 }
 function SelectGroup({ label, className, children, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__option-group"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__option-group", className);
 	return /* @__PURE__ */ jsxs(Select$1.Group, {
 		ref,
 		"data-slot": "select-group",
@@ -149,7 +149,7 @@ function SelectGroup({ label, className, children, ref, ...props }) {
 	});
 }
 function SelectGroupLabel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__group-label"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__group-label", className);
 	return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
 		ref,
 		"data-slot": "select-label",
@@ -158,7 +158,7 @@ function SelectGroupLabel({ className, ref, ...props }) {
 	});
 }
 function SelectSeparator({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__separator"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__separator", className);
 	return /* @__PURE__ */ jsx(Select$1.Separator, {
 		ref,
 		"data-slot": "select-separator",
@@ -167,7 +167,7 @@ function SelectSeparator({ className, ref, ...props }) {
 	});
 }
 function SelectScrollUpArrow({ className, children, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__scroll-button", "select__scroll-button--up"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__scroll-button select__scroll-button--up", className);
 	return /* @__PURE__ */ jsx(Select$1.ScrollUpArrow, {
 		ref,
 		"data-slot": "select-scroll-up-button",
@@ -177,7 +177,7 @@ function SelectScrollUpArrow({ className, children, ref, ...props }) {
 	});
 }
 function SelectScrollDownArrow({ className, children, ref, ...props }) {
-	const classes = mergeBaseClassName(["select__scroll-button", "select__scroll-button--down"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("select__scroll-button select__scroll-button--down", className);
 	return /* @__PURE__ */ jsx(Select$1.ScrollDownArrow, {
 		ref,
 		"data-slot": "select-scroll-down-button",

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

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/ThinkChat.d.ts

@@ -1,9 +1,9 @@
 import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-CaQaT0LF.js";
+import { r as AgentChatProps } from "../AgentChat-C-ZyXbJz.js";
 import { i as useOptionalAgentToolRuns, n as AgentToolRunsProvider, r as AgentToolRunsProviderProps, t as AgentToolEventsValue } from "../AgentToolRunsContext-BVe4stgw.js";
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
 import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CnIJPvV5.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CdbL0aoA.js";
 import { n as ThinkChatValue } from "../ThinkChatContext-DrsZqdaO.js";
 import { n as ThinkRecoveryNoticeProps, t as ThinkRecoveryNotice } from "../ThinkRecoveryNotice-DFIcG9UX.js";
 import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-BV5qgFgI.js";
@@ -34,6 +34,8 @@ interface ThinkChatProviderProps<State = unknown, MessageT extends UIMessage = U
 interface ThinkChatRootProps<State = unknown> {
   /** Agent to connect to: a kebab-case class name, or full `useAgent` options. */
   agent: string | UseAgentOptions<State>;
+  /** Disable durable pending-approval discovery. Also disable it on `ThinkChat.Messages`. */
+  approvalsEnabled?: boolean;
   /** Instance name (e.g. a session or room id). Wins over `agent.name`. */
   name?: string;
   /**
@@ -91,6 +93,12 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
   renderPart?: AgentChatProps<MessageT>["renderPart"];
   /** Whole upstream Think stub. `ThinkChat.Root` wires `agent.stub` automatically. */
   thinkStub?: AgentStub<Think>;
+  /**
+   * Disable transcript approval scanning, automatic responses, cards, and
+   * composer controls. Set the matching prop on `ThinkChat.Root` to also skip
+   * durable pending-approval discovery; `ThinkFullApp` wires both from here.
+   */
+  approvalsEnabled?: AgentChatProps<MessageT>["approvalsEnabled"];
   /** Parent-owned Ask/Bypass policy; omit to keep AgentChat's session-local mode. */
   permissionModeControl?: AgentChatProps<MessageT>["permissionModeControl"];
   /** Called after a Think approve/reject RPC settles. Root uses this to refresh approvals. */
@@ -106,7 +114,7 @@ interface ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> extends
 }
 /** Shared pending-approval options for components and TanStack Router loaders. */
 declare function thinkPendingExecutionApprovalsQueryOptions(stub: AgentStub<Think>, sourceKey: string): ThinkPendingExecutionApprovalsQueryOptions;
-declare function useThinkPendingExecutionApprovals(stub: AgentStub<Think>, sourceKey: string, refreshSignal?: unknown): {
+declare function useThinkPendingExecutionApprovals(stub: AgentStub<Think>, sourceKey: string, refreshSignal?: unknown, enabled?: boolean): {
   pendingApprovals: readonly PendingApproval[];
   refreshPendingApprovals: () => Promise<void>;
 };
@@ -141,6 +149,7 @@ declare function ThinkChatProvider<State = unknown, MessageT extends UIMessage =
  */
 declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIMessage>({
   agent: agentOption,
+  approvalsEnabled,
   name,
   sourceKey,
   children

package/dist/components/ThinkChat.js

@@ -5,7 +5,7 @@ import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { describeThinkChatActivityPart } from "./ThinkChatActivitySummary.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./ThinkRecoveryNotice.js";
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-15EhfvYJ.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-E_HrfH76.js";
 import { BrowserReplay } from "./BrowserReplay.js";
 import { useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryOptions, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";

package/dist/components/ThinkChatActivity.d.ts

@@ -1,4 +1,4 @@
 import { S as isThinkChatActivityPart } from "../ThinkChatToolParts-CSzVwMXf.js";
 import { l as describeThinkChatActivityPart } from "../ThinkChatActivitySummary-D1xOrNrq.js";
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CnIJPvV5.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../ThinkChatActivity-CdbL0aoA.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, describeThinkChatActivityPart, isThinkChatActivityPart, renderThinkChatActivityPart };

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);
@@ -240,7 +240,7 @@ function describeBrowserToolPart(part) {
 	if (part.type === "tool-browser_execute") {
 		const output = part.state === "output-available" ? part.output : void 0;
 		if (failed || output?.status === "error") return "Browser automation failed";
-		if (output?.status === "paused") return "Browser waiting for approval";
+		if (output?.status === "paused") return isHumanWaitPause(output) ? "Browser waiting for human" : "Browser waiting for approval";
 		return working ? "Using the browser" : "Used the browser";
 	}
 	const page = displayUrl(part.input?.url) || "a page";
@@ -256,12 +256,25 @@ function describeBrowserToolPart(part) {
 }
 function describeExecuteToolPart(part) {
 	const output = part.state === "output-available" ? part.output : void 0;
+	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";
-	if (output?.status === "paused") return "Code waiting for approval";
 	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");
+}
 function describeFetchToolPart(part) {
 	const target = part.input?.url ?? part.input?.path ?? "";
 	const output = part.state === "output-available" ? part.output : void 0;

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";
@@ -329,20 +329,25 @@ function formatAuditValue(value) {
 	const maxLength = 240;
 	return formatted.length > maxLength ? `${formatted.slice(0, maxLength - 1)}…` : formatted;
 }
+function isHumanWait(action) {
+	return action.connector === "human" && action.method === "waitFor";
+}
 function toolCallStateLabel(call) {
-	const state = call.state === "pending" ? "awaiting approval" : call.state === "applied" ? "applied" : call.state;
-	const qualifiers = [call.requiresApproval && call.state !== "pending" ? "approval required" : "", call.ephemeral ? "re-executes on replay" : ""].filter(Boolean);
+	const humanWait = isHumanWait(call);
+	const state = call.state === "pending" ? humanWait ? "waiting for human" : "awaiting approval" : call.state === "applied" ? "applied" : call.state;
+	const qualifiers = [call.requiresApproval && call.state !== "pending" && !humanWait ? "approval required" : "", call.ephemeral ? "re-executes on replay" : ""].filter(Boolean);
 	return qualifiers.length ? `${state} · ${qualifiers.join(" · ")}` : state;
 }
 function formatPendingActions(pending) {
 	return pending.map((action) => {
 		const args = action.args === void 0 ? "" : JSON.stringify(action.args);
-		return `awaiting approval: ${action.connector}.${action.method}(${args})`;
+		return `${isHumanWait(action) ? "waiting for a human step" : "awaiting approval"}: ${action.connector}.${action.method}(${args})`;
 	}).join("\n");
 }
 function executeStatusText(output) {
 	if (!output) return void 0;
-	return output.status === "paused" ? "paused · needs approval" : output.status;
+	if (output.status !== "paused") return output.status;
+	return output.pending.length > 0 && output.pending.every(isHumanWait) ? "paused · waiting for human" : "paused · needs approval";
 }
 /** The codemode execute tool as an activity panel: highlighted TypeScript
 plus logs, result, and the paused pending-approval list. */

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", {