@mcp-b/react-components 0.25.0 → 0.26.0

package/dist/components/Goal.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { Z as TargetIcon } from "../icons-w5PpKGRz.js";
+import { Q as TargetIcon } from "../icons-B4mGvCvc.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Goal.tsx
@@ -8,14 +8,15 @@ const STATUS_LABELS = {
 	pursuing: "Pursuing goal",
 	paused: "Goal paused",
 	achieved: "Goal achieved",
-	unmet: "Goal blocked",
-	budget_limited: "Goal budget exhausted"
+	unmet: "Goal blocked"
 };
 /**
 * Presentation-only banner for a persisted conversation goal — an objective
-* the agent keeps pursuing across turns until it completes, pauses, or runs
-* out of budget. Renders in `AgentChat`'s `notice` region between transcript
-* and composer.
+* the agent keeps pursuing across turns until it completes, pauses, or
+* blocks on the user. Renders in `AgentChat`'s `composerTray` slot, sharing the
+* queued-message tray docked above the composer. The row is capped: the
+* objective truncates to one line, so pass full objective and progress text
+* via `title` (or a popover) rather than rendering it inline.
 *
 * Actions are ordinary composed buttons; this primitive does not set, pause,
 * resume, or clear a goal and owns no timer or transport. The host-side goal
@@ -71,7 +72,7 @@ function GoalObjective({ className, ref, ...props }) {
 		...props
 	});
 }
-/** Host-formatted progress metadata — elapsed time, turn count, budget. */
+/** Host-formatted progress metadata — elapsed time or turn count. */
 function GoalMeta({ className, ref, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		ref,

package/dist/components/McpConnectionRequest.d.ts

@@ -1,4 +1,4 @@
-import { o as McpServerCard } from "../mcp-server-catalog-DycejaJ5.js";
+import { o as McpServerCard } from "../mcp-server-catalog-BewjV7Eq.js";
 import * as React from "react";
 import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { MCPServersState } from "agents";

package/dist/components/McpConnectionRequest.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { d as CheckIcon, et as WarningIcon, j as McpIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { J as SpinnerIcon, d as CheckIcon, j as McpIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
 import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";
 import { getMcpServerEntry, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";
 import { DescriptionList } from "./DescriptionList.js";

package/dist/components/McpPluginCatalog.d.ts

@@ -1,4 +1,4 @@
-import { o as McpServerCard } from "../mcp-server-catalog-DycejaJ5.js";
+import { o as McpServerCard } from "../mcp-server-catalog-BewjV7Eq.js";
 import { l as DialogProps } from "../Dialog-BD8NBKaE.js";
 import * as React from "react";
 import { MCPServersState } from "agents";

package/dist/components/McpPluginCatalog.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { H as PlusIcon, b as EllipsisIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { H as PlusIcon, J as SpinnerIcon, b as EllipsisIcon, o as ArrowUpRightIcon, rt as XIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
 import { AppIcon } from "./AppIcon.js";
 import { IconButton } from "./IconButton.js";
 import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";
@@ -252,6 +252,7 @@ function McpPluginDialogActions({ projection, server, onConnect, onDisconnect })
 			await callback();
 			setAction({ pending: false });
 		} catch (error) {
+			console.error(`MCP server ${disconnect ? "disconnect" : "connect"} failed`, error);
 			setAction({
 				pending: false,
 				error: error instanceof Error ? error.message : String(error)
@@ -263,7 +264,7 @@ function McpPluginDialogActions({ projection, server, onConnect, onDisconnect })
 		tone: "warning",
 		children: [/* @__PURE__ */ jsx(AgentAttentionHeader, {
 			icon: /* @__PURE__ */ jsx(WarningIcon, {}),
-			title: "Connection failed"
+			title: disconnect ? "Disconnect failed" : "Connection failed"
 		}), /* @__PURE__ */ jsx(AgentAttentionBody, { children: /* @__PURE__ */ jsx("p", { children: action.error }) })]
 	}) : null, /* @__PURE__ */ jsx(Dialog.Footer, {
 		className: "mcp-plugin-details__footer",

package/dist/components/McpServerPicker.d.ts

@@ -1,5 +1,5 @@
 import { s as MenuItemProps, t as Menu } from "../Menu-L6MZm-7N.js";
-import { o as McpServerCard } from "../mcp-server-catalog-DycejaJ5.js";
+import { o as McpServerCard } from "../mcp-server-catalog-BewjV7Eq.js";
 import { McpConnectorFormProps } from "./AgentConnection.js";
 import { l as DialogProps } from "../Dialog-BD8NBKaE.js";
 import * as React from "react";

package/dist/components/McpServerPicker.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
-import { P as MinusIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
 import { AppIcon } from "./AppIcon.js";
 import { Dialog } from "./Dialog.js";
 import { Menu } from "./Menu.js";

package/dist/components/MediaPreviewCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlayIcon } from "../icons-w5PpKGRz.js";
+import { V as PlayIcon } from "../icons-B4mGvCvc.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { Card } from "./Card.js";
 import * as React from "react";

package/dist/components/Menubar.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
-import { d as CheckIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
+import { d as CheckIcon, v as DotIcon } from "../icons-B4mGvCvc.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";

package/dist/components/Message.js

@@ -1,2 +1,2 @@
-import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-KlK8tlBZ.js";
+import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-BF6SiKKL.js";
 export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };

package/dist/components/MessageScroller.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { n as ArrowDownIcon } from "../icons-w5PpKGRz.js";
+import { n as ArrowDownIcon } from "../icons-B4mGvCvc.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";

package/dist/components/MessageScrollerVirtual.d.ts

@@ -21,7 +21,12 @@ interface VirtualMessageScrollerProps<Item> extends Omit<React.HTMLAttributes<HT
   overscan?: number;
   /** Rendered inside the viewport when `items` is empty. */
   emptyState?: React.ReactNode;
-  /** Props for the inner content element (`role="log"` container). */
+  /**
+   * Props for the inner content element. Defaults to `role="log"` with
+   * `aria-live="off"` — windowing re-inserts old rows as they scroll back
+   * into view, and a live region would announce them as new; override via
+   * these props only with that in mind.
+   */
   contentProps?: React.HTMLAttributes<HTMLDivElement>;
   /** Accessible label for the scroll-to-latest button. */
   scrollButtonLabel?: string;

package/dist/components/MessageScrollerVirtual.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { n as ArrowDownIcon } from "../icons-w5PpKGRz.js";
+import { n as ArrowDownIcon } from "../icons-B4mGvCvc.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -35,21 +35,27 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 */
 function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize = 160, overscan = 6, emptyState, contentProps, scrollButtonLabel = "Scroll to latest", scrollButtonProps, className, ...props }) {
 	const viewportRef = React.useRef(null);
-	const warnedNullKey = React.useRef(false);
+	const warnedBadKey = React.useRef(false);
 	const [atEnd, setAtEnd] = React.useState(true);
 	const [scrollEdges, setScrollEdges] = React.useState();
+	React.useEffect(() => {
+		if (warnedBadKey.current) return;
+		const seen = /* @__PURE__ */ new Set();
+		for (const item of items) {
+			const key = getItemKey(item);
+			if (key == null || seen.has(key)) {
+				warnedBadKey.current = true;
+				console.error(`VirtualMessageScroller: ${key == null ? "nullish" : "duplicate"} item key ${String(key)} — every item needs a stable, unique id.`);
+				return;
+			}
+			seen.add(key);
+		}
+	}, [items, getItemKey]);
 	const virtualizer = useVirtualizer({
 		count: items.length,
 		getScrollElement: () => viewportRef.current,
 		estimateSize: () => estimateSize,
-		getItemKey: (index) => {
-			const key = getItemKey(items[index]);
-			if (key == null && !warnedNullKey.current) {
-				warnedNullKey.current = true;
-				console.error("VirtualMessageScroller: getItemKey returned a nullish key — every item needs a stable id.");
-			}
-			return key;
-		},
+		getItemKey: (index) => getItemKey(items[index]),
 		anchorTo: "end",
 		followOnAppend: true,
 		scrollEndThreshold: 80,
@@ -58,9 +64,9 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 		initialOffset: () => items.length * (estimateSize + 16),
 		onChange: (instance) => {
 			setAtEnd(instance.isAtEnd());
-			const viewport = viewportRef.current;
-			const edges = [viewport && viewport.scrollTop > 1 ? "start" : null, instance.getDistanceFromEnd() > 1 ? "end" : null].filter(Boolean).join(" ");
-			setScrollEdges(edges || void 0);
+			const start = (viewportRef.current?.scrollTop ?? 0) > 1;
+			const end = instance.getDistanceFromEnd() > 1;
+			setScrollEdges(start && end ? "start end" : start ? "start" : end ? "end" : void 0);
 		}
 	});
 	React.useLayoutEffect(() => {
@@ -75,6 +81,8 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 			"data-scrollable": scrollEdges,
 			className: "message-scroller__viewport",
 			children: items.length === 0 ? emptyState : /* @__PURE__ */ jsx("div", {
+				role: "log",
+				"aria-live": "off",
 				...contentProps,
 				className: cx("message-scroller__virtual-content", contentProps?.className),
 				style: {

package/dist/components/ModelSelector.js

@@ -1,2 +1,2 @@
-import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-YTlqkIjs.js";
+import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-CRdvHT_b.js";
 export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorSource, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

package/dist/components/Plan.d.ts

@@ -1,4 +1,5 @@
 import { ChainOfThoughtStepStatus } from "./ChainOfThought.js";
+import { PopoverPositionerProps, PopoverProps } from "./Popover.js";
 import * as React from "react";
 
 //#region src/components/Plan.d.ts
@@ -99,5 +100,64 @@ declare function PlanStepDescription({
 }: PlanStepDescriptionProps & {
   ref?: React.Ref<HTMLParagraphElement>;
 }): React.JSX.Element;
+interface PlanSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Steps whose status is complete. */
+  completed: number;
+  /** Total number of plan steps. */
+  total: number;
+  open?: PopoverProps["open"];
+  defaultOpen?: PopoverProps["defaultOpen"];
+  onOpenChange?: PopoverProps["onOpenChange"];
+}
+/**
+ * Collapsed presentation of an application-owned plan — a progress pill that
+ * opens a popover with the full step list, following the shipped Codex
+ * "Step 2 / 3" to-do plan pill. Compose the existing `Plan` anatomy inside
+ * `PlanSummaryContent`.
+ *
+ * @example
+ * ```tsx
+ * <PlanSummary completed={1} total={3}>
+ *   <PlanSummaryTrigger />
+ *   <PlanSummaryContent>
+ *     <Plan>…</Plan>
+ *   </PlanSummaryContent>
+ * </PlanSummary>
+ * ```
+ */
+declare function PlanSummary({
+  className,
+  completed,
+  total,
+  open,
+  defaultOpen,
+  onOpenChange,
+  children,
+  ref,
+  ...props
+}: PlanSummaryProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface PlanSummaryTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
+/**
+ * The progress pill. Default content is a fraction ring plus
+ * "Step {current} / {total}" where the current step is the one after the
+ * completed ones; children replace the label while keeping the ring.
+ */
+declare function PlanSummaryTrigger({
+  className,
+  children,
+  ...props
+}: PlanSummaryTriggerProps): React.JSX.Element;
+interface PlanSummaryContentProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** The pill usually sits above a composer, so default "top". */
+  side?: PopoverPositionerProps["side"];
+}
+declare function PlanSummaryContent({
+  className,
+  side,
+  children,
+  ...props
+}: PlanSummaryContentProps): React.JSX.Element;
 //#endregion
-export { Plan, PlanContent, PlanContentProps, PlanDescription, PlanDescriptionProps, PlanHeader, PlanHeaderProps, PlanProps, PlanStep, PlanStepDescription, PlanStepDescriptionProps, PlanStepIndicator, PlanStepIndicatorProps, PlanStepProps, PlanStepStatus, PlanStepTitle, PlanStepTitleProps, PlanTitle, PlanTitleProps };
+export { Plan, PlanContent, PlanContentProps, PlanDescription, PlanDescriptionProps, PlanHeader, PlanHeaderProps, PlanProps, PlanStep, PlanStepDescription, PlanStepDescriptionProps, PlanStepIndicator, PlanStepIndicatorProps, PlanStepProps, PlanStepStatus, PlanStepTitle, PlanStepTitleProps, PlanSummary, PlanSummaryContent, PlanSummaryContentProps, PlanSummaryProps, PlanSummaryTrigger, PlanSummaryTriggerProps, PlanTitle, PlanTitleProps };

package/dist/components/Plan.js

@@ -1,5 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
+import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../icons-B4mGvCvc.js";
+import { Popover } from "./Popover.js";
+import { t as ProgressRing } from "../progress-ring-BjqTZqBk.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Plan.tsx
@@ -109,5 +111,83 @@ function PlanStepDescription({ className, ref, ...props }) {
 		...props
 	});
 }
+const PlanSummaryContext = React.createContext(null);
+function usePlanSummaryContext() {
+	const ctx = React.useContext(PlanSummaryContext);
+	if (!ctx) throw new Error("PlanSummary subcomponents must be used inside <PlanSummary>.");
+	return ctx;
+}
+/**
+* Collapsed presentation of an application-owned plan — a progress pill that
+* opens a popover with the full step list, following the shipped Codex
+* "Step 2 / 3" to-do plan pill. Compose the existing `Plan` anatomy inside
+* `PlanSummaryContent`.
+*
+* @example
+* ```tsx
+* <PlanSummary completed={1} total={3}>
+*   <PlanSummaryTrigger />
+*   <PlanSummaryContent>
+*     <Plan>…</Plan>
+*   </PlanSummaryContent>
+* </PlanSummary>
+* ```
+*/
+function PlanSummary({ className, completed, total, open, defaultOpen, onOpenChange, children, ref, ...props }) {
+	const value = React.useMemo(() => ({
+		completed,
+		total
+	}), [completed, total]);
+	return /* @__PURE__ */ jsx(PlanSummaryContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			"data-slot": "plan-summary",
+			className: cx("plan-summary", className),
+			...props,
+			children: /* @__PURE__ */ jsx(Popover.Root, {
+				open,
+				defaultOpen,
+				onOpenChange,
+				children
+			})
+		})
+	});
+}
+/**
+* The progress pill. Default content is a fraction ring plus
+* "Step {current} / {total}" where the current step is the one after the
+* completed ones; children replace the label while keeping the ring.
+*/
+function PlanSummaryTrigger({ className, children, ...props }) {
+	const { completed, total } = usePlanSummaryContext();
+	const percent = total > 0 ? completed / total * 100 : 0;
+	const currentStep = Math.min(completed + 1, total);
+	return /* @__PURE__ */ jsxs(Popover.Trigger, {
+		unstyled: true,
+		className: cx("plan-summary__trigger", className),
+		"aria-label": `Plan: ${completed} of ${total} steps completed`,
+		...props,
+		children: [/* @__PURE__ */ jsx(ProgressRing, {
+			percent,
+			size: 16,
+			stroke: 2.5
+		}), /* @__PURE__ */ jsx("span", {
+			className: "plan-summary__trigger-label",
+			children: children ?? `Step ${currentStep} / ${total}`
+		})]
+	});
+}
+function PlanSummaryContent({ className, side = "top", children, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
+		side,
+		children: /* @__PURE__ */ jsx(Popover.Popup, {
+			"aria-label": "Plan",
+			className: cx("plan-summary__content", className),
+			...props,
+			children
+		})
+	}) });
+}
 //#endregion
-export { Plan, PlanContent, PlanDescription, PlanHeader, PlanStep, PlanStepDescription, PlanStepIndicator, PlanStepTitle, PlanTitle };
+export { Plan, PlanContent, PlanDescription, PlanHeader, PlanStep, PlanStepDescription, PlanStepIndicator, PlanStepTitle, PlanSummary, PlanSummaryContent, PlanSummaryTrigger, PlanTitle };

package/dist/components/PricingPlanCard.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../icons-w5PpKGRz.js";
+import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../icons-B4mGvCvc.js";
 import { IconButton } from "./IconButton.js";
 import { Separator } from "./Separator.js";
 import { Badge } from "./Badge.js";

package/dist/components/PromptInput.d.ts

@@ -1,2 +1,2 @@
-import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, At as PromptInputTabProps, B as PromptInputCommandItemProps, Bt as TextInputContext, C as PromptInputBodyProps, Ct as PromptInputTab, D as PromptInputCommand, Dt as PromptInputTabItemProps, E as PromptInputButtonTooltip, Et as PromptInputTabItem, F as PromptInputCommandGroupLabelProps, Ft as PromptInputTools, G as PromptInputCommandSeparatorProps, Gt as usePromptInputAttachments, H as PromptInputCommandListProps, Ht as getApprovalRequestId, I as PromptInputCommandGroupProps, It as PromptInputToolsProps, J as PromptInputContextItem, K as PromptInputCommandTrigger, Kt as usePromptInputController, L as PromptInputCommandInput, Lt as PromptInputTooltipConfig, M as PromptInputCommandEmptyProps, Mt as PromptInputTabsListProps, N as PromptInputCommandGroup, Nt as PromptInputTextarea, O as PromptInputCommandComposer, Ot as PromptInputTabLabel, P as PromptInputCommandGroupLabel, Pt as PromptInputTextareaProps, Q as PromptInputDictation, R as PromptInputCommandInputProps, Rt as PromptInputTray, S as PromptInputBody, St as PromptInputSubmitProps, T as PromptInputButtonProps, Tt as PromptInputTabBodyProps, U as PromptInputCommandProps, Ut as getApprovalStateKey, V as PromptInputCommandList, Vt as TooltipSide, W as PromptInputCommandSeparator, Wt as getPendingToolApprovals, X as PromptInputContextSelectorProps, Y as PromptInputContextSelector, Z as PromptInputControllerProps, _ as PromptInputApprovalProps, _t as PromptInputReferences, a as PromptInputActionAddAttachmentsProps, at as PromptInputHoverCardContent, b as PromptInputAttachments, bt as PromptInputSelectProps, c as PromptInputActionMenu, ct as PromptInputHoverCardTrigger, d as PromptInputActionMenuItem, dt as PromptInputPermissionSelector, et as PromptInputFooter, f as PromptInputActionMenuItemProps, ft as PromptInputPermissionSelectorProps, g as PromptInputApproval, gt as PromptInputReference, h as PromptInputActionMenuTriggerProps, ht as PromptInputProviderProps, i as PromptInputActionAddAttachments, it as PromptInputHoverCard, j as PromptInputCommandEmpty, jt as PromptInputTabsList, k as PromptInputCommandComposerProps, kt as PromptInputTabLabelProps, l as PromptInputActionMenuContent, lt as PromptInputHoverCardTriggerProps, m as PromptInputActionMenuTrigger, mt as PromptInputProvider, n as PermissionMode, nt as PromptInputHeader, o as PromptInputActionAddScreenshot, ot as PromptInputHoverCardContentProps, p as PromptInputActionMenuProps, pt as PromptInputProps, q as PromptInputContextAction, qt as useProviderAttachments, r as PromptInput, rt as PromptInputHeaderProps, s as PromptInputActionAddScreenshotProps, st as PromptInputHoverCardProps, t as AttachmentsContext, tt as PromptInputFooterProps, u as PromptInputActionMenuContentProps, ut as PromptInputMessage, v as PromptInputAttachment, vt as PromptInputReferencesProps, w as PromptInputButton, wt as PromptInputTabBody, x as PromptInputAttachmentsProps, xt as PromptInputSubmit, y as PromptInputAttachmentProps, yt as PromptInputSelect, z as PromptInputCommandItem, zt as PromptInputTrayProps } from "../PromptInput-BjoPWaaG.js";
+import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, At as PromptInputTabProps, B as PromptInputCommandItemProps, Bt as TextInputContext, C as PromptInputBodyProps, Ct as PromptInputTab, D as PromptInputCommand, Dt as PromptInputTabItemProps, E as PromptInputButtonTooltip, Et as PromptInputTabItem, F as PromptInputCommandGroupLabelProps, Ft as PromptInputTools, G as PromptInputCommandSeparatorProps, Gt as usePromptInputAttachments, H as PromptInputCommandListProps, Ht as getApprovalRequestId, I as PromptInputCommandGroupProps, It as PromptInputToolsProps, J as PromptInputContextItem, K as PromptInputCommandTrigger, Kt as usePromptInputController, L as PromptInputCommandInput, Lt as PromptInputTooltipConfig, M as PromptInputCommandEmptyProps, Mt as PromptInputTabsListProps, N as PromptInputCommandGroup, Nt as PromptInputTextarea, O as PromptInputCommandComposer, Ot as PromptInputTabLabel, P as PromptInputCommandGroupLabel, Pt as PromptInputTextareaProps, Q as PromptInputDictation, R as PromptInputCommandInputProps, Rt as PromptInputTray, S as PromptInputBody, St as PromptInputSubmitProps, T as PromptInputButtonProps, Tt as PromptInputTabBodyProps, U as PromptInputCommandProps, Ut as getApprovalStateKey, V as PromptInputCommandList, Vt as TooltipSide, W as PromptInputCommandSeparator, Wt as getPendingToolApprovals, X as PromptInputContextSelectorProps, Y as PromptInputContextSelector, Z as PromptInputControllerProps, _ as PromptInputApprovalProps, _t as PromptInputReferences, a as PromptInputActionAddAttachmentsProps, at as PromptInputHoverCardContent, b as PromptInputAttachments, bt as PromptInputSelectProps, c as PromptInputActionMenu, ct as PromptInputHoverCardTrigger, d as PromptInputActionMenuItem, dt as PromptInputPermissionSelector, et as PromptInputFooter, f as PromptInputActionMenuItemProps, ft as PromptInputPermissionSelectorProps, g as PromptInputApproval, gt as PromptInputReference, h as PromptInputActionMenuTriggerProps, ht as PromptInputProviderProps, i as PromptInputActionAddAttachments, it as PromptInputHoverCard, j as PromptInputCommandEmpty, jt as PromptInputTabsList, k as PromptInputCommandComposerProps, kt as PromptInputTabLabelProps, l as PromptInputActionMenuContent, lt as PromptInputHoverCardTriggerProps, m as PromptInputActionMenuTrigger, mt as PromptInputProvider, n as PermissionMode, nt as PromptInputHeader, o as PromptInputActionAddScreenshot, ot as PromptInputHoverCardContentProps, p as PromptInputActionMenuProps, pt as PromptInputProps, q as PromptInputContextAction, qt as useProviderAttachments, r as PromptInput, rt as PromptInputHeaderProps, s as PromptInputActionAddScreenshotProps, st as PromptInputHoverCardProps, t as AttachmentsContext, tt as PromptInputFooterProps, u as PromptInputActionMenuContentProps, ut as PromptInputMessage, v as PromptInputAttachment, vt as PromptInputReferencesProps, w as PromptInputButton, wt as PromptInputTabBody, x as PromptInputAttachmentsProps, xt as PromptInputSubmit, y as PromptInputAttachmentProps, yt as PromptInputSelect, z as PromptInputCommandItem, zt as PromptInputTrayProps } from "../PromptInput-CES0WO4u.js";
 export { AttachmentsContext, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupLabel, PromptInputCommandGroupLabelProps, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputCommandTrigger, PromptInputContextAction, PromptInputContextItem, PromptInputContextSelector, PromptInputContextSelectorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReference, PromptInputReferences, PromptInputReferencesProps, PromptInputSelect, PromptInputSelectProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, PromptInputTray, PromptInputTrayProps, TextInputContext, TooltipSide, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/PromptInput.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SquareIcon, N as MicrophoneIcon, R as PaperclipIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SpinnerIcon, tt as WrenchIcon, w as FolderIcon } from "../icons-w5PpKGRz.js";
+import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SpinnerIcon, N as MicrophoneIcon, R as PaperclipIcon, X as StopIcon, Y as SquareIcon, a as ArrowUpIcon, d as CheckIcon, f as ChevronDownIcon, nt as WrenchIcon, rt as XIcon, tt as WarningIcon, w as FolderIcon } from "../icons-B4mGvCvc.js";
 import { Tooltip } from "./Tooltip.js";
 import { IconButton } from "./IconButton.js";
 import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";
@@ -507,6 +507,7 @@ function PromptInputButton({ className, tooltip, variant = "ghost", color = "neu
 * Voice-dictation control for PromptInput. Final upstream transcripts are
 * appended to the composer while interim text remains ephemeral.
 */
+const DICTATION_METER_GAIN = 12;
 function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ...props }) {
 	const controller = useOptionalPromptInputController();
 	const attachments = usePromptInputAttachments();
@@ -531,7 +532,7 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
 		}
 		const textarea = buttonRef.current?.form?.querySelector("textarea[data-prompt-input-textarea=\"true\"]");
 		if (!textarea) return;
-		textarea.value = appendDictationTranscript(textarea.value, addition);
+		Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set?.call(textarea, appendDictationTranscript(textarea.value, addition));
 		textarea.dispatchEvent(new Event("input", { bubbles: true }));
 	}, [controller, voice.transcript]);
 	React.useEffect(() => {
@@ -556,7 +557,7 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
 	const listening = voice.isListening;
 	const label = listening ? "Stop dictation" : error ? "Retry dictation" : "Start dictation";
 	const status = error ? `Dictation failed: ${error}` : listening ? voice.interimTranscript ? "Listening. Speech detected." : "Listening for speech." : isStarting ? "Starting dictation." : "";
-	const level = clamp(voice.audioLevel, 0, 1);
+	const level = clamp(voice.audioLevel * DICTATION_METER_GAIN, 0, 1);
 	const elapsed = formatClock(elapsedSeconds);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(PromptInputButton, {

package/dist/components/Queue.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
 import { Collapsible } from "./Collapsible.js";
-import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
+import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-B4mGvCvc.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import "react";

package/dist/components/Reasoning.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { J as SpinnerIcon } from "../icons-B4mGvCvc.js";
 import { ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
-import { f as MessageResponse } from "../Message-KlK8tlBZ.js";
+import { f as MessageResponse } from "../Message-BF6SiKKL.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Reasoning.tsx

package/dist/components/ResponsiveSidebarShell.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { K as SidebarIcon } from "../icons-w5PpKGRz.js";
+import { K as SidebarIcon } from "../icons-B4mGvCvc.js";
 import { t as capitalize } from "../format-S6uWyoSb.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "./AppTopBar.js";

package/dist/components/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { G as SearchIcon } from "../icons-w5PpKGRz.js";
+import { G as SearchIcon } from "../icons-B4mGvCvc.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/SearchField.tsx

package/dist/components/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../icons-w5PpKGRz.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../icons-B4mGvCvc.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/SessionCompaction.d.ts

@@ -33,11 +33,7 @@ interface UseSessionCompactionOptions<MessageT extends UIMessage> {
   /** Server read used to reload the transcript after a compaction lands. */
   getMessages: () => Promise<MessageT[]>;
 }
-declare function useSessionCompaction<MessageT extends UIMessage>({
-  agent,
-  chat,
-  getMessages
-}: UseSessionCompactionOptions<MessageT>): {
+interface UseSessionCompactionResult {
   compacting: boolean;
   /**
    * Set when the post-compaction transcript reload rejected — the local view
@@ -53,6 +49,11 @@ declare function useSessionCompaction<MessageT extends UIMessage>({
    * when the next compaction starts.
    */
   sessionError: string | null;
-};
+}
+declare function useSessionCompaction<MessageT extends UIMessage>({
+  agent,
+  chat,
+  getMessages
+}: UseSessionCompactionOptions<MessageT>): UseSessionCompactionResult;
 //#endregion
-export { SessionFrameSource, SessionStatusFrame, SessionStatusPhase, UseSessionCompactionOptions, parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };
+export { SessionFrameSource, SessionStatusFrame, SessionStatusPhase, UseSessionCompactionOptions, UseSessionCompactionResult, parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };

package/dist/components/SessionCompaction.js

@@ -72,6 +72,8 @@ function useSessionCompaction({ agent, chat, getMessages }) {
 	React.useEffect(() => {
 		setCompacting(false);
 		setSessionError(null);
+		setRefreshPending(false);
+		setReloadError(null);
 		const onMessage = (event) => {
 			const frame = parseSessionStatusFrame(event.data);
 			if (frame) {

package/dist/components/SetupChecklist.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+
+//#region src/components/SetupChecklist.d.ts
+interface SetupChecklistEntry<Id extends string = string> {
+  id: Id;
+  /** Accessible subject, announced as "<name>, complete" or "<name>, not set up". */
+  name: string;
+  /** Visible row copy. */
+  description: React.ReactNode;
+  /** Decorative leading icon. */
+  icon?: React.ReactNode;
+  complete: boolean;
+}
+interface SetupChecklistGroupProps<Id extends string = string> {
+  /** Quiet visible heading above the checklist rows. */
+  label: React.ReactNode;
+  entries: readonly SetupChecklistEntry<Id>[];
+  /** Called with the selected entry id — complete rows re-run their setup. */
+  onSelect: (id: Id) => void;
+}
+/** Checklist rows for any Menu surface (composer plus menu, tray menu). */
+declare function SetupChecklistGroup<Id extends string = string>({
+  label,
+  entries,
+  onSelect
+}: SetupChecklistGroupProps<Id>): React.JSX.Element;
+interface SetupChecklistActionProps<Id extends string = string> extends SetupChecklistGroupProps<Id> {
+  /** Visible trigger label; the accessible name appends "N of M set up". */
+  actionLabel: string;
+}
+/** Progress-aware tray trigger opening the checklist in its own menu. */
+declare function SetupChecklistAction<Id extends string = string>({
+  actionLabel,
+  label,
+  entries,
+  onSelect
+}: SetupChecklistActionProps<Id>): React.JSX.Element;
+//#endregion
+export { SetupChecklistAction, SetupChecklistActionProps, SetupChecklistEntry, SetupChecklistGroup, SetupChecklistGroupProps };

package/dist/components/SetupChecklist.js

@@ -0,0 +1,45 @@
+import { Button } from "./Button.js";
+import { H as PlusIcon, d as CheckIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
+import { Menu } from "./Menu.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SetupChecklist.tsx
+/** Checklist rows for any Menu surface (composer plus menu, tray menu). */
+function SetupChecklistGroup({ label, entries, onSelect }) {
+	return /* @__PURE__ */ jsxs(Menu.Group, { children: [/* @__PURE__ */ jsx(Menu.GroupLabel, { children: label }), entries.map((entry) => /* @__PURE__ */ jsxs(Menu.Item, {
+		"aria-label": `${entry.name}, ${entry.complete ? "complete" : "not set up"}`,
+		onClick: () => onSelect(entry.id),
+		children: [
+			entry.icon,
+			/* @__PURE__ */ jsx("span", {
+				className: "sigvelo-truncate-grow",
+				children: entry.description
+			}),
+			entry.complete ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true" })
+		]
+	}, entry.id))] });
+}
+/** Progress-aware tray trigger opening the checklist in its own menu. */
+function SetupChecklistAction({ actionLabel, label, entries, onSelect }) {
+	const completed = entries.filter((entry) => entry.complete).length;
+	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Button, {
+		type: "button",
+		variant: "ghost",
+		color: "neutral",
+		size: "md",
+		"aria-label": `${actionLabel} — ${completed} of ${entries.length} set up`,
+		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
+		children: [completed === entries.length ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: actionLabel })]
+	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		side: "bottom",
+		align: "start",
+		sideOffset: 4,
+		children: /* @__PURE__ */ jsx(Menu.Popup, { children: /* @__PURE__ */ jsx(SetupChecklistGroup, {
+			label,
+			entries,
+			onSelect
+		}) })
+	}) })] });
+}
+//#endregion
+export { SetupChecklistAction, SetupChecklistGroup };