@mcp-b/react-components 0.19.0 → 0.20.1

package/dist/components/Stepper.d.ts

@@ -1,3 +1,4 @@
+import { r as Tabs } from "../Tabs-C49J5m0Q.js";
 import * as React from "react";
 
 //#region src/components/Stepper.d.ts
@@ -12,15 +13,8 @@ type StepIndicators = {
 interface StepperContextValue {
   activeStep: number;
   setActiveStep: (step: number) => void;
-  stepsCount: number;
   orientation: StepperOrientation;
   indicators: StepIndicators;
-  idPrefix: string;
-  registerTrigger: (step: number, node: HTMLButtonElement | null) => void;
-  focusNext: (step: number) => void;
-  focusPrev: (step: number) => void;
-  focusFirst: () => void;
-  focusLast: () => void;
 }
 interface StepItemContextValue {
   step: number;
@@ -87,14 +81,13 @@ declare function Stepper({
 }: StepperProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperNavProps extends React.ComponentPropsWithoutRef<"nav"> {}
+interface StepperNavProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.List>, "unstyled"> {}
 declare function StepperNav({
   className,
   ref,
-  role,
   ...props
 }: StepperNavProps & {
-  ref?: React.Ref<HTMLElement>;
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
   step: number;
@@ -113,17 +106,12 @@ declare function StepperItem({
 }: StepperItemProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
+interface StepperTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.Tab>, "unstyled" | "value"> {}
 declare function StepperTrigger({
   className,
   children,
   disabled,
-  id,
   type,
-  "aria-controls": ariaControls,
-  tabIndex,
-  onClick,
-  onKeyDown,
   ref,
   ...props
 }: StepperTriggerProps & {
@@ -171,7 +159,7 @@ declare function StepperPanel({
 }: StepperPanelProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface StepperContentProps extends React.ComponentPropsWithoutRef<"div"> {
+interface StepperContentProps extends Omit<React.ComponentPropsWithoutRef<typeof Tabs.Panel>, "keepMounted" | "unstyled" | "value"> {
   value: number;
   forceMount?: boolean;
   /** Optional vertical rhythm for direct content children. */
@@ -183,12 +171,10 @@ declare function StepperContent({
   spacing,
   className,
   children,
-  id,
-  "aria-labelledby": ariaLabelledBy,
   ref,
   ...props
 }: StepperContentProps & {
   ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element | null;
+}): React.JSX.Element;
 //#endregion
 export { StepIndicators, StepItemContextValue, Stepper, StepperContent, StepperContentProps, StepperContextValue, StepperDescription, StepperDescriptionProps, StepperIndicator, StepperIndicatorProps, StepperItem, StepperItemProps, StepperNav, StepperNavProps, StepperOrientation, StepperPanel, StepperPanelProps, StepperProps, StepperSeparator, StepperSeparatorProps, StepperState, StepperTitle, StepperTitleProps, StepperTrigger, StepperTriggerProps, useStepItem, useStepper };

package/dist/components/Stepper.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-BiMDVpUo.js";
+import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { K as SpinnerIcon, u as CheckIcon } from "../icons-DKXiSepE.js";
-import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
+import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx
@@ -38,97 +38,47 @@ function useStepItem() {
 * @see {@link https://reui.io/docs/components/base/stepper | ReUI Stepper}
 */
 function Stepper({ defaultValue = 1, value, onValueChange, orientation = "horizontal", indicators = EMPTY_STEP_INDICATORS, className, children, ref, ...props }) {
-	const idPrefix = `stepper-${React.useId()}`;
 	const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
-	const triggerNodes = React.useRef(/* @__PURE__ */ new Map());
-	const [triggerSteps, setTriggerSteps] = React.useState([]);
 	const activeStep = value ?? uncontrolledValue;
 	const setActiveStep = React.useCallback((step) => {
 		if (value === void 0) setUncontrolledValue(step);
 		onValueChange?.(step);
 	}, [onValueChange, value]);
-	const registerTrigger = React.useCallback((step, node) => {
-		if (node) {
-			triggerNodes.current.set(step, node);
-			setTriggerSteps((steps) => steps.includes(step) ? steps : [...steps, step]);
-			return;
-		}
-		triggerNodes.current.delete(step);
-		setTriggerSteps((steps) => steps.filter((currentStep) => currentStep !== step));
-	}, []);
-	const focusStep = React.useCallback((step) => {
-		triggerNodes.current.get(step)?.focus();
-	}, []);
-	const getEnabledSteps = React.useCallback(() => triggerSteps.filter((step) => {
-		const node = triggerNodes.current.get(step);
-		return node && !node.disabled;
-	}), [triggerSteps]);
-	const focusNext = React.useCallback((step) => {
-		const enabledSteps = getEnabledSteps();
-		const currentIndex = enabledSteps.indexOf(step);
-		if (currentIndex === -1 || enabledSteps.length === 0) return;
-		focusStep(enabledSteps[(currentIndex + 1) % enabledSteps.length]);
-	}, [focusStep, getEnabledSteps]);
-	const focusPrev = React.useCallback((step) => {
-		const enabledSteps = getEnabledSteps();
-		const currentIndex = enabledSteps.indexOf(step);
-		if (currentIndex === -1 || enabledSteps.length === 0) return;
-		focusStep(enabledSteps[(currentIndex - 1 + enabledSteps.length) % enabledSteps.length]);
-	}, [focusStep, getEnabledSteps]);
-	const focusFirst = React.useCallback(() => {
-		const [firstStep] = getEnabledSteps();
-		if (firstStep !== void 0) focusStep(firstStep);
-	}, [focusStep, getEnabledSteps]);
-	const focusLast = React.useCallback(() => {
-		const enabledSteps = getEnabledSteps();
-		const lastStep = enabledSteps[enabledSteps.length - 1];
-		if (lastStep !== void 0) focusStep(lastStep);
-	}, [focusStep, getEnabledSteps]);
 	const contextValue = React.useMemo(() => ({
 		activeStep,
 		setActiveStep,
-		stepsCount: triggerSteps.length,
 		orientation,
-		indicators,
-		idPrefix,
-		registerTrigger,
-		focusNext,
-		focusPrev,
-		focusFirst,
-		focusLast
+		indicators
 	}), [
 		activeStep,
-		focusFirst,
-		focusLast,
-		focusNext,
-		focusPrev,
-		idPrefix,
 		indicators,
 		orientation,
-		registerTrigger,
-		setActiveStep,
-		triggerSteps.length
+		setActiveStep
 	]);
 	return /* @__PURE__ */ jsx(StepperContext.Provider, {
 		value: contextValue,
-		children: /* @__PURE__ */ jsx("div", {
+		children: /* @__PURE__ */ jsx(Tabs.Root, {
 			ref,
-			className: cx("stepper", className),
-			"data-orientation": orientation,
+			value: activeStep,
+			onValueChange: setActiveStep,
+			orientation,
+			className: mergeBaseClassName("stepper", className),
+			"data-slot": "stepper",
+			unstyled: true,
 			...props,
 			children
 		})
 	});
 }
-function StepperNav({ className, ref, role, ...props }) {
+function StepperNav({ className, ref, ...props }) {
 	const { activeStep, orientation } = useStepper();
-	return /* @__PURE__ */ jsx("nav", {
+	return /* @__PURE__ */ jsx(Tabs.List, {
 		ref,
-		role: role ?? "tablist",
-		"aria-orientation": orientation,
-		className: cx("stepper__nav", className),
+		className: mergeBaseClassName("stepper__nav", className),
 		"data-active-step": activeStep,
+		"data-slot": "stepper-list",
 		"data-orientation": orientation,
+		unstyled: true,
 		...props
 	});
 }
@@ -160,67 +110,21 @@ function StepperItem({ step, completed = false, disabled = false, loading = fals
 		})
 	});
 }
-function StepperTrigger({ className, children, disabled, id, type = "button", "aria-controls": ariaControls, tabIndex, onClick, onKeyDown, ref, ...props }) {
-	const { activeStep, focusFirst, focusLast, focusNext, focusPrev, idPrefix, registerTrigger, setActiveStep } = useStepper();
+function StepperTrigger({ className, children, disabled, type = "button", ref, ...props }) {
+	const { activeStep } = useStepper();
 	const { isDisabled, isLoading, state, step } = useStepItem();
 	const isSelected = activeStep === step;
-	const triggerId = id ?? `${idPrefix}-trigger-${step}`;
-	const setTriggerRef = React.useCallback((node) => {
-		registerTrigger(step, node);
-		assignRef(ref, node);
-	}, [
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
 		ref,
-		registerTrigger,
-		step
-	]);
-	const handleClick = (event) => {
-		onClick?.(event);
-		if (!event.defaultPrevented) setActiveStep(step);
-	};
-	const handleKeyDown = (event) => {
-		onKeyDown?.(event);
-		if (event.defaultPrevented) return;
-		switch (event.key) {
-			case "ArrowDown":
-			case "ArrowRight":
-				event.preventDefault();
-				focusNext(step);
-				break;
-			case "ArrowLeft":
-			case "ArrowUp":
-				event.preventDefault();
-				focusPrev(step);
-				break;
-			case "End":
-				event.preventDefault();
-				focusLast();
-				break;
-			case "Home":
-				event.preventDefault();
-				focusFirst();
-				break;
-			case " ":
-			case "Enter":
-				event.preventDefault();
-				setActiveStep(step);
-				break;
-		}
-	};
-	return /* @__PURE__ */ jsx("button", {
-		ref: setTriggerRef,
-		role: "tab",
-		id: triggerId,
-		"aria-controls": ariaControls,
+		value: step,
 		"aria-current": isSelected ? "step" : void 0,
-		"aria-selected": isSelected,
-		className: cx("stepper__trigger", className),
+		className: mergeBaseClassName("stepper__trigger", className),
 		"data-loading": isLoading ? "" : void 0,
+		"data-slot": "stepper-trigger",
 		"data-state": state,
 		disabled: disabled ?? isDisabled,
-		onClick: handleClick,
-		onKeyDown: handleKeyDown,
-		tabIndex: typeof tabIndex === "number" ? tabIndex : isSelected ? 0 : -1,
 		type,
+		unstyled: true,
 		...props,
 		children
 	});
@@ -286,20 +190,18 @@ function StepperPanel({ className, ref, ...props }) {
 		...props
 	});
 }
-function StepperContent({ value, forceMount = false, spacing = "none", className, children, id, "aria-labelledby": ariaLabelledBy, ref, ...props }) {
-	const { activeStep, idPrefix } = useStepper();
+function StepperContent({ value, forceMount = false, spacing = "none", className, children, ref, ...props }) {
+	const { activeStep } = useStepper();
 	const isActive = activeStep === value;
-	if (!forceMount && !isActive) return null;
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
 		ref,
-		role: "tabpanel",
-		id: id ?? `${idPrefix}-panel-${value}`,
-		"aria-labelledby": ariaLabelledBy ?? `${idPrefix}-trigger-${value}`,
-		className: cx("stepper__content", !isActive && "stepper__content--hidden", className),
+		value,
+		keepMounted: forceMount,
+		className: mergeBaseClassName("stepper__content", className),
 		"data-spacing": spacing,
+		"data-slot": "stepper-content",
 		"data-state": isActive ? "active" : "inactive",
-		hidden: !isActive,
-		tabIndex: 0,
+		unstyled: true,
 		...props,
 		children
 	});

package/dist/components/SubagentRunDetails.js

@@ -24,6 +24,7 @@ function SubagentRunProgress({ className, label, value, ref, ...props }) {
 function SubagentRunActions({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		ref,
+		"data-slot": "subagent-run-actions",
 		className: cx("subagent-run__actions", className),
 		...props
 	});

package/dist/components/Tabs.d.ts

@@ -1,2 +1,2 @@
-import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../Tabs-ColWK-XA.js";
+import { a as TabsListProps, i as TabsIndicatorProps, n as TabProps, o as TabsProps, r as Tabs, t as TabPanelProps } from "../Tabs-C49J5m0Q.js";
 export { TabPanelProps, TabProps, Tabs, TabsIndicatorProps, TabsListProps, TabsProps };

package/dist/components/Tabs.js

@@ -27,8 +27,8 @@ function tabsListVariants({ variant = "default", className } = {}) {
 *
 * @see {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
 */
-function TabsRoot({ orientation = "horizontal", variant = "default", className, ref, ...props }) {
-	const classes = mergeBaseClassName(["tabs", variant !== "default" && `tabs--${variant}`].filter(Boolean).join(" "), className);
+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);
 	return /* @__PURE__ */ jsx(Tabs$1.Root, {
 		ref,
 		"data-slot": "tabs",
@@ -38,8 +38,8 @@ function TabsRoot({ orientation = "horizontal", variant = "default", className,
 		...props
 	});
 }
-function TabsList({ className, variant = "default", ref, ...props }) {
-	const classes = mergeBaseClassName(tabsListVariants({ variant }), className);
+function TabsList({ className, variant = "default", unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName(tabsListVariants({ variant }), className);
 	return /* @__PURE__ */ jsx(Tabs$1.List, {
 		ref,
 		"data-slot": "tabs-list",
@@ -48,8 +48,8 @@ function TabsList({ className, variant = "default", ref, ...props }) {
 		...props
 	});
 }
-function Tab({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("tabs__tab", className);
+function Tab({ className, unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName("tabs__tab", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
 		ref,
 		"data-slot": "tabs-trigger",
@@ -66,8 +66,8 @@ function TabsIndicator({ className, ref, ...props }) {
 		...props
 	});
 }
-function TabPanel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName("tabs__panel", className);
+function TabPanel({ className, unstyled = false, ref, ...props }) {
+	const classes = unstyled ? className : mergeBaseClassName("tabs__panel", className);
 	return /* @__PURE__ */ jsx(Tabs$1.Panel, {
 		ref,
 		"data-slot": "tabs-content",

package/dist/components/Terminal.d.ts

@@ -1,5 +1,5 @@
-import { r as ButtonProps } from "../Button-DLGzHsjc.js";
-import { t as CopyButtonProps } from "../copy-button-D7aAYA-2.js";
+import { r as ButtonProps } from "../Button-yRInko9u.js";
+import { t as CopyButtonProps } from "../copy-button-BrvQ7z4W.js";
 import * as React from "react";
 
 //#region src/components/Terminal.d.ts

package/dist/components/ThinkChat.d.ts

@@ -1,16 +1,16 @@
 import { i as AgentMessageRenderPartContext } from "../AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "../AgentChat-ClxViuUM.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-Bzot45kX.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";
 import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-xWvRjRAC.js";
-import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-CzyHnESE.js";
-import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-Jez8ffUj.js";
-import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-B9dQWNVK.js";
+import { d as inferWorkspaceLanguage, i as WorkspaceFileState } from "../WorkspaceFile-D8Un_xge.js";
+import { a as WorkspaceSource, c as workspaceBinaryFileQueryOptions, d as workspaceFileStatQueryOptions, f as workspaceInfoQueryOptions, i as WorkspaceQueryKey, l as workspaceDirectoryQueryOptions, m as workspaceTextFileQueryOptions, n as WorkspaceFileReadTarget, o as WorkspaceState, p as workspaceQueryKey, r as WorkspaceInfo, s as useWorkspace, t as UseWorkspaceOptions, u as workspaceFileAssetQueryOptions } from "../Workspace-CWtust-2.js";
+import { n as WorkspaceExplorerProps, t as WorkspaceExplorer } from "../WorkspaceExplorer-DGigwsgH.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
@@ -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-Bzot45kX.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/ThinkChatActivitySummary.js

@@ -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";
@@ -257,11 +257,15 @@ 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 "Code waiting for approval";
+	if (output?.status === "paused") return isHumanWaitPause(output) ? "Code waiting for human" : "Code waiting for approval";
 	const label = isPartWorking(part) ? "Running code" : "Ran code";
 	const snippet = summarizeToolInput(part.input);
 	return snippet ? `${label} · ${snippet}` : label;
 }
+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

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

@@ -1,6 +1,6 @@
 import { l as WorkspaceNavigationAdapter } from "../WorkspaceLink-O-EBKUJ8.js";
-import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-CzyHnESE.js";
-import { a as WorkspaceSource } from "../Workspace-Jez8ffUj.js";
+import { r as WorkspaceFileAssetResolver } from "../WorkspaceFile-D8Un_xge.js";
+import { a as WorkspaceSource } from "../Workspace-CWtust-2.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";
 import { t as ThinkAgent } from "../think-agent-Cip5KAPj.js";
 import { t as ThinkExecutionRun } from "../ThinkExecutionRun-ChhWhOoU.js";

package/dist/components/ThinkFullApp.js

@@ -2,9 +2,9 @@ import { t as cx } from "../class-names-BiMDVpUo.js";
 import { S as FileIcon, X as TerminalIcon, d as ChevronDownIcon } from "../icons-DKXiSepE.js";
 import { Button } from "./Button.js";
 import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../WorkspaceLink-BYYeTQLf.js";
-import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../ThinkChat-15EhfvYJ.js";
+import { 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 { ResizableSidePanel } from "./ResizableSidePanel.js";
@@ -113,7 +113,7 @@ function ThinkFullApp({ agent, appBarActions, appBarLeading, appBarTitle, chat,
 	const appRef = React.useRef(null);
 	const viewScopeRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
-	const approvals = useThinkPendingExecutionApprovals(agent.stub, sourceKey, `${chat.messages.length}:${chat.status}`);
+	const approvals = useThinkPendingExecutionApprovals(agent.stub, sourceKey, `${chat.messages.length}:${chat.status}`, messages?.approvalsEnabled !== false);
 	const resolvedMessages = React.useMemo(() => {
 		const approvalProps = resolveThinkApprovalProps({
 			thinkStub: messages?.thinkStub,

package/dist/components/ThinkRoutineLibrary.js

@@ -65,7 +65,7 @@ function RoutineTopBarActions({ busy, onDelete, editLink, onRun, routineName })
 					disabled: busy,
 					children: "Cancel"
 				}), /* @__PURE__ */ jsx(AlertDialog.Close, {
-					variant: "destructive",
+					color: "destructive",
 					disabled: busy,
 					onClick: onDelete,
 					children: "Delete schedule"

package/dist/components/Toast.d.ts

@@ -88,6 +88,7 @@ declare function ToastDescription({
  * Action button within the toast.
  */
 declare function ToastAction({
+  render,
   className,
   ref,
   ...props

package/dist/components/Toast.js

@@ -1,4 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
+import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Toast as Toast$1 } from "@base-ui/react/toast";
@@ -82,11 +83,17 @@ function ToastDescription({ className, ref, ...props }) {
 /**
 * Action button within the toast.
 */
-function ToastAction({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["toast__action"].filter(Boolean).join(" "), className);
+function ToastAction({ render, className, ref, ...props }) {
+	const classes = mergeBaseClassName(render == null ? buttonVariants({
+		variant: "normal",
+		color: "primary",
+		size: "xs",
+		className: "toast__action"
+	}) : "toast__action", className);
 	return /* @__PURE__ */ jsx(Toast$1.Action, {
 		ref,
 		"data-slot": "toast-action",
+		render,
 		className: classes,
 		...props
 	});

package/dist/components/Toggle.js

@@ -7,7 +7,7 @@ function toggleVariants({ variant = "default", size = "md", className } = {}) {
 	return [
 		"toggle",
 		variant === "outline" && "toggle--outline",
-		size !== "md" && `toggle--${size}`,
+		`toggle--${size ?? "md"}`,
 		className
 	].filter(Boolean).join(" ");
 }
@@ -52,15 +52,15 @@ function toggleVariants({ variant = "default", size = "md", className } = {}) {
 * @see {@link https://base-ui.com/react/components/toggle | Base UI Toggle}
 */
 function Toggle({ className, variant, size, ref, ...props }) {
-	const classes = mergeBaseClassName(toggleVariants({
-		variant,
-		size
-	}), className);
+	const resolvedSize = size ?? "md";
 	return /* @__PURE__ */ jsx(Toggle$1, {
 		ref,
 		"data-slot": "toggle",
-		"data-size": size ?? "md",
-		className: classes,
+		"data-size": resolvedSize,
+		className: mergeBaseClassName(toggleVariants({
+			variant,
+			size: resolvedSize
+		}), className),
 		...props
 	});
 }

package/dist/components/Toolbar.d.ts

@@ -9,11 +9,17 @@ interface ToolbarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar
 /**
  * Props for the Toolbar.Button component.
  */
-interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Button> {}
+interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Button> {
+  /** Skip the default Button chrome when a composed control owns its visuals. */
+  unstyled?: boolean;
+}
 /**
  * Props for the Toolbar.Link component.
  */
-interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Link> {}
+interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar$1.Link> {
+  /** Skip the default Button chrome when a composed link owns its visuals. */
+  unstyled?: boolean;
+}
 /**
  * Props for the Toolbar.Group component.
  */
@@ -52,6 +58,7 @@ declare function ToolbarRoot({
  * A clickable button within the toolbar.
  */
 declare function ToolbarButton({
+  unstyled,
   className,
   ref,
   ...props
@@ -62,6 +69,7 @@ declare function ToolbarButton({
  * A link element within the toolbar.
  */
 declare function ToolbarLink({
+  unstyled,
   className,
   ref,
   ...props