@mcp-b/react-components 0.25.0 → 0.26.0

package/dist/{AgentChat-DHxdTjwF.d.ts → AgentChat-B6sgfQ_q.d.ts}

@@ -1,6 +1,6 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
 import { n as AgentChatStartScreenProps } from "./AgentChatStartScreen-DDZ25aax.js";
-import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-BjoPWaaG.js";
+import { $ as PromptInputDictationProps, A as PromptInputCommandDefinition, X as PromptInputContextSelectorProps, gt as PromptInputReference, n as PermissionMode, ut as PromptInputMessage } from "./PromptInput-CES0WO4u.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -122,6 +122,12 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
    * context summary into the composer without recreating PromptInput's form.
    */
   composerHeader?: React.ReactNode;
+  /**
+   * Rendered in the tray docked above the composer, sharing the surface that
+   * holds queued messages. Use it for compact persistent context such as the
+   * `Goal` banner — one capped row, details behind hover or a popover.
+   */
+  composerTray?: React.ReactNode;
   /** Extra rows rendered in the built-in plus menu after files. */
   composerAddMenuItems?: React.ReactNode;
   /**
@@ -253,6 +259,7 @@ declare function AgentChat<MessageT extends UIMessage = UIMessage>({
   emptyState,
   startScreen,
   composerHeader,
+  composerTray,
   composerTools,
   slashCommands,
   onCompact,

package/dist/{CodeBlock-B3RLU3ez.js → CodeBlock-BUfEhDia.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
 import { Select } from "./components/Select.js";
-import { t as CopyButton } from "./copy-button-Buxmtmp9.js";
+import { t as CopyButton } from "./copy-button-7ttJAorN.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{Combobox-xEEF6fUb.d.ts → Combobox-DI6xcQjc.d.ts}

@@ -2,6 +2,13 @@ import * as React from "react";
 import { Combobox } from "@base-ui/react/combobox";
 
 //#region src/components/Combobox.d.ts
+declare function ComboboxInputGroup({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<typeof Combobox.InputGroup> & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
 declare function ComboboxInput({
   className,
   ref,
@@ -93,10 +100,12 @@ declare function ComboboxGroupLabel({
  * ];
  *
  * <Combobox.Root items={fruits}>
- *   <Combobox.Input placeholder="Select a fruit" />
- *   <Combobox.Trigger>
- *     <ChevronDownIcon />
- *   </Combobox.Trigger>
+ *   <Combobox.InputGroup>
+ *     <Combobox.Input placeholder="Select a fruit" />
+ *     <Combobox.Trigger>
+ *       <ChevronDownIcon />
+ *     </Combobox.Trigger>
+ *   </Combobox.InputGroup>
  *   <Combobox.Portal>
  *     <Combobox.Positioner>
  *       <Combobox.Popup>
@@ -122,6 +131,7 @@ declare function ComboboxGroupLabel({
 declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
 declare const Combobox$1: {
   Root: typeof Combobox.Root;
+  InputGroup: typeof ComboboxInputGroup;
   Input: typeof ComboboxInput;
   Trigger: typeof ComboboxTrigger;
   Clear: typeof Clear;

package/dist/{FileTree-CYr5og0q.js → FileTree-XOLP3Yvo.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FileIcon, T as FolderOpenIcon, m as ChevronRightIcon, w as FolderIcon } from "./icons-w5PpKGRz.js";
+import { C as FileIcon, T as FolderOpenIcon, m as ChevronRightIcon, w as FolderIcon } from "./icons-B4mGvCvc.js";
 import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{Message-KlK8tlBZ.js → Message-BF6SiKKL.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
 import { Button } from "./components/Button.js";
-import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-w5PpKGRz.js";
+import { C as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "./icons-B4mGvCvc.js";
 import { IconButton } from "./components/IconButton.js";
 import { c as useWorkspaceNavigationContext, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "./WorkspaceLink-BYYeTQLf.js";
 import { t as AttachmentPreview } from "./attachment-preview-DIs50Q0h.js";

package/dist/{ModelSelector-YTlqkIjs.js → ModelSelector-CRdvHT_b.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
 import { Button } from "./components/Button.js";
-import { G as SearchIcon, f as ChevronDownIcon } from "./icons-w5PpKGRz.js";
+import { G as SearchIcon, f as ChevronDownIcon } from "./icons-B4mGvCvc.js";
 import { Dialog } from "./components/Dialog.js";
 import { i as titleCase } from "./format-S6uWyoSb.js";
 import { Separator } from "./components/Separator.js";

package/dist/{PromptInput-BjoPWaaG.d.ts → PromptInput-CES0WO4u.d.ts}

@@ -1,7 +1,7 @@
 import { r as ButtonProps } from "./Button-SBIz6Lqi.js";
 import { _ as SelectSeparatorProps, a as SelectIconProps, c as SelectItemTextProps, d as SelectPopupProps, g as SelectScrollUpArrowProps, h as SelectScrollDownArrowProps, i as SelectGroupProps, l as SelectLabelProps, m as SelectProps, n as SelectBackdropProps, o as SelectItemIndicatorProps, p as SelectPositionerProps, r as SelectGroupLabelProps, s as SelectItemProps, t as Select, u as SelectListProps, v as SelectTriggerProps, y as SelectValueProps } from "./Select-B_13gg_J.js";
 import { a as TabsListProps, n as TabProps, r as Tabs, t as TabPanelProps } from "./Tabs-C49J5m0Q.js";
-import { t as Combobox } from "./Combobox-xEEF6fUb.js";
+import { t as Combobox } from "./Combobox-DI6xcQjc.js";
 import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-L6MZm-7N.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, DynamicToolUIPart, FileUIPart, ToolUIPart, UIMessage } from "ai";
@@ -261,10 +261,6 @@ interface PromptInputDictationProps extends Omit<PromptInputButtonProps, "childr
    */
   beforeStart?: (voice: UseVoiceInputReturn) => void | Promise<void>;
 }
-/**
- * Voice-dictation control for PromptInput. Final upstream transcripts are
- * appended to the composer while interim text remains ephemeral.
- */
 declare function PromptInputDictation({
   voice,
   beforeStart,
@@ -634,6 +630,13 @@ declare function PromptInputTabItem({
 type PromptInputCommandProps = React.ComponentPropsWithoutRef<typeof Combobox.Root>;
 declare const PromptInputCommand: {
   Root: typeof import("@base-ui/react").ComboboxRoot;
+  InputGroup: ({
+    className,
+    ref,
+    ...props
+  }: React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxInputGroup> & {
+    ref?: React.Ref<HTMLDivElement>;
+  }) => React.JSX.Element;
   Input: ({
     className,
     ref,

package/dist/{ThinkChatActivity-DMTHKWrI.d.ts → ThinkChatActivity-DawPYgga.d.ts}

@@ -1,5 +1,5 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-CyD2UB3V.js";
-import { r as AgentChatProps } from "./AgentChat-DHxdTjwF.js";
+import { r as AgentChatProps } from "./AgentChat-B6sgfQ_q.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-CSzVwMXf.js";
 import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-kr5fE0wg.js";
 import * as React from "react";
@@ -43,11 +43,11 @@ interface ThinkChatActivityProps {
   /**
    * Uniquely identifies this run across the whole transcript for persisted
    * disclosure state (the activity renderer passes `${message.id}:${runStart}`).
-   * Without it, the first step's key is the scope — unique for tool-led runs
-   * (toolCallId) but shared by reasoning-led runs in different messages, whose
-   * open/closed state then bleeds together across virtualization remounts.
+   * Required because any derivable fallback collides for reasoning-led runs
+   * in different messages, bleeding open/closed state across virtualization
+   * remounts.
    */
-  stateKey?: string;
+  stateKey: string;
 }
 declare function ThinkChatActivity({
   parts,

package/dist/{WorkspaceFileView-CuMjXYQn.js → WorkspaceFileView-CKEmUyeT.js}

@@ -1,10 +1,10 @@
 import { buttonVariants } from "./components/Button.js";
-import { A as MaximizeIcon, d as CheckIcon, et as WarningIcon, h as CodeIcon, nt as XIcon, x as EyeIcon, y as DownloadIcon } from "./icons-w5PpKGRz.js";
+import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, rt as XIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B4mGvCvc.js";
 import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-BYYeTQLf.js";
 import { r as formatClock } from "./format-S6uWyoSb.js";
-import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-KlK8tlBZ.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-B3RLU3ez.js";
+import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-BF6SiKKL.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-BUfEhDia.js";
 import { AppTopBar } from "./components/AppTopBar.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/WorkspaceFile.js";
 import { WorkspaceHeader } from "./components/WorkspaceHeader.js";

package/dist/components/Activity.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
-import { m as ChevronRightIcon } from "../icons-w5PpKGRz.js";
+import { m as ChevronRightIcon } from "../icons-B4mGvCvc.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Activity.tsx

package/dist/components/AgentActivity.js

@@ -1,4 +1,4 @@
-import { B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, Q as TerminalIcon, et as WarningIcon, k as LinkIcon, tt as WrenchIcon } from "../icons-w5PpKGRz.js";
+import { $ as TerminalIcon, B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, k as LinkIcon, nt as WrenchIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
 import { inferFaviconUrl } from "../utils/favicon.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/AgentActivityPreview.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { C as FileIcon, et as WarningIcon, j as McpIcon, nt as XIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { C as FileIcon, J as SpinnerIcon, j as McpIcon, rt as XIcon, tt as WarningIcon } from "../icons-B4mGvCvc.js";
 import { ActivityHeader } from "./Activity.js";
 import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { t as NavigationLink } from "../navigation-link-Cob7KBlM.js";

package/dist/components/AgentChat.d.ts

@@ -1,2 +1,2 @@
-import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, r as AgentChatProps, t as AgentChat } from "../AgentChat-DHxdTjwF.js";
+import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, r as AgentChatProps, t as AgentChat } from "../AgentChat-B6sgfQ_q.js";
 export { AgentChat, AgentChatComposerDraft, AgentChatProps, AgentChatRenderMessageContext, PermissionModeControl };

package/dist/components/AgentChat.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
 import { ExpansionStateProvider } from "./ExpansionState.js";
-import { $ as TrashIcon, B as PencilIcon, H as PlusIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, t as ArchiveIcon } from "../icons-w5PpKGRz.js";
+import { B as PencilIcon, H as PlusIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, et as TrashIcon, t as ArchiveIcon } from "../icons-B4mGvCvc.js";
 import { IconButton } from "./IconButton.js";
-import { n as MessageAction, r as MessageActions, t as Message } from "../Message-KlK8tlBZ.js";
+import { n as MessageAction, r as MessageActions, t as Message } from "../Message-BF6SiKKL.js";
 import { AgentMessageParts } from "./AgentMessageParts.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "./Context.js";
 import { EmptyState } from "./EmptyState.js";
@@ -14,7 +14,7 @@ import { AgentChatStartScreen } from "./AgentChatStartScreen.js";
 import { AgentChatMessageEditor } from "./AgentChatMessageEditor.js";
 import { Marker, MarkerContent } from "./Marker.js";
 import { TransitionSurface } from "./TransitionSurface.js";
-import { t as CopyButton } from "../copy-button-Buxmtmp9.js";
+import { t as CopyButton } from "../copy-button-7ttJAorN.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { isCompactionMessage } from "agents/experimental/memory/utils";
@@ -210,7 +210,7 @@ const AgentChatTranscriptRowBody = React.memo(AgentChatTranscriptRowBodyImpl);
 *   announce re-inserted old rows as new); announce new messages from a
 *   host-owned live region if that matters.
 */
-function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, placeholder = "Ask anything...", disabled, emptyState, startScreen, composerHeader, composerTools, slashCommands, onCompact, mentionCommands, contextSelector, composerEndTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, approvalsEnabled = true, permissionModeControl, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, showAssistantActions, ref }) {
+function AgentChat({ className, messages, status = "ready", onSubmit, showComposer = onSubmit !== void 0, onStop, placeholder = "Ask anything...", disabled, emptyState, startScreen, composerHeader, composerTray, composerTools, slashCommands, onCompact, mentionCommands, contextSelector, composerEndTools, voiceInput, beforeVoiceStart, composerAddMenuItems, notice, onRegenerate, onEditAndResend, onApprovalResponse, thinkStub, approvalsEnabled = true, permissionModeControl, onExecutionSettled, pendingApprovals: durableApprovals = EMPTY_PENDING_APPROVALS, contextWindow, renderPart, renderMessageAfter, showAssistantActions, ref }) {
 	const [copyAnnouncement, setCopyAnnouncement] = React.useState("");
 	const [composerDraft, setComposerDraft] = React.useState("");
 	const [composerReferences, setComposerReferences] = React.useState([]);
@@ -273,11 +273,11 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 			compactionInFlight.current = true;
 			setCompactionNotice(null);
 			setComposerDraft("");
-			onCompact().then(() => {
+			Promise.resolve().then(onCompact).then(() => {
 				compactionInFlight.current = false;
 			}, (error) => {
 				compactionInFlight.current = false;
-				console.warn("Manual compaction failed", error);
+				console.error("Manual compaction failed", error);
 				setCompactionNotice("Compaction failed — run /compact to try again.");
 			});
 			return;
@@ -450,13 +450,12 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 				"aria-atomic": "true",
 				children: [notice, compactionNotice]
 			}),
-			pendingPrompts.length ? /* @__PURE__ */ jsx(PromptInputTray, {
+			composerTray || pendingPrompts.length ? /* @__PURE__ */ jsxs(PromptInputTray, {
 				side: "top",
 				className: "agent-chat__queued",
-				role: "region",
-				"aria-label": "Queued messages",
-				children: /* @__PURE__ */ jsx("ul", {
+				children: [composerTray, pendingPrompts.length ? /* @__PURE__ */ jsx("ul", {
 					className: "agent-chat__queued-list",
+					"aria-label": "Queued messages",
 					children: pendingPrompts.map((pending) => {
 						const messageText = pending.message.text || "Queued message";
 						return /* @__PURE__ */ jsxs("li", {
@@ -492,7 +491,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 							]
 						}, pending.id);
 					})
-				})
+				}) : null]
 			}) : null,
 			/* @__PURE__ */ jsx(PromptInput, {
 				multiple: true,

package/dist/components/AgentChatStartScreen.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { nt as XIcon } from "../icons-w5PpKGRz.js";
+import { rt as XIcon } from "../icons-B4mGvCvc.js";
 import { IconButton } from "./IconButton.js";
 import { PromptInputTray } from "./PromptInput.js";
 import * as React from "react";

package/dist/components/AgentConnection.d.ts

@@ -1,4 +1,4 @@
-import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "../mcp-server-catalog-DycejaJ5.js";
+import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "../mcp-server-catalog-BewjV7Eq.js";
 import * as React from "react";
 
 //#region src/components/AgentConnection.d.ts

package/dist/components/AgentConnection.js

@@ -1,10 +1,10 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { k as LinkIcon } from "../icons-w5PpKGRz.js";
+import { k as LinkIcon } from "../icons-B4mGvCvc.js";
 import { Popover } from "./Popover.js";
 import { Field } from "./Field.js";
 import { Form } from "./Form.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-B3RLU3ez.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../CodeBlock-BUfEhDia.js";
 import { CUSTOM_MCP_SERVER_CARD } from "../utils/mcp-server-catalog.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/AgentMessageParts.js

@@ -1,4 +1,4 @@
-import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-KlK8tlBZ.js";
+import { d as MessageContent, f as MessageResponse, i as MessageAttachment } from "../Message-BF6SiKKL.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "./Reasoning.js";
 import { Source, Sources, SourcesContent, SourcesTrigger } from "./Sources.js";
 import { isToolPartWorking } from "./ThinkChatToolParts.js";

package/dist/components/AgentToolDetail.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../icons-w5PpKGRz.js";
+import { r as ArrowLeftIcon } from "../icons-B4mGvCvc.js";
 import { TransitionSurface } from "./TransitionSurface.js";
 import { AppTopBar } from "./AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";

package/dist/components/Approval.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { B as PencilIcon } from "../icons-w5PpKGRz.js";
+import { B as PencilIcon } from "../icons-B4mGvCvc.js";
 import { Kbd } from "./Kbd.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Artifact.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../icons-w5PpKGRz.js";
+import { rt as XIcon } from "../icons-B4mGvCvc.js";
 import { IconButton } from "./IconButton.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/BrowserLiveView.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { A as MaximizeIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { A as MaximizeIcon, J as SpinnerIcon } from "../icons-B4mGvCvc.js";
 import { Dialog } from "./Dialog.js";
 import { TransitionSurface } from "./TransitionSurface.js";
 import { StatusPill } from "./StatusPill.js";

package/dist/components/BrowserReplay.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlayIcon, z as PauseIcon } from "../icons-w5PpKGRz.js";
+import { V as PlayIcon, z as PauseIcon } from "../icons-B4mGvCvc.js";
 import { IconButton } from "./IconButton.js";
 import { r as formatClock } from "../format-S6uWyoSb.js";
 import { EmptyState } from "./EmptyState.js";

package/dist/components/BrowserRunPanel.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { nt as XIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
+import { J as SpinnerIcon, rt as XIcon } from "../icons-B4mGvCvc.js";
 import { Tabs } from "./Tabs.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "./WebPreview.js";

package/dist/components/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { t as Collapsible } from "../Collapsible-N64ASIQr.js";
-import { O as IconProps } from "../icons-Cih3W-zM.js";
+import { O as IconProps } from "../icons-BGZ916hb.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { d as CheckIcon, m as ChevronRightIcon, q as SpinnerIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
+import { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-B4mGvCvc.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx

package/dist/components/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { q as SpinnerIcon } from "../icons-w5PpKGRz.js";
-import { u as ModelSelectorLogo } from "../ModelSelector-YTlqkIjs.js";
+import { J as SpinnerIcon } from "../icons-B4mGvCvc.js";
+import { u as ModelSelectorLogo } from "../ModelSelector-CRdvHT_b.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChatGptSignInScreen.tsx

package/dist/components/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../icons-w5PpKGRz.js";
+import { d as CheckIcon } from "../icons-B4mGvCvc.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/Checkbox.tsx

package/dist/components/Checkpoint.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../icons-w5PpKGRz.js";
+import { s as BookmarkIcon } from "../icons-B4mGvCvc.js";
 import { Marker, MarkerIcon } from "./Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-B3RLU3ez.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-BUfEhDia.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/CodexModelSelector.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../icons-w5PpKGRz.js";
+import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../icons-B4mGvCvc.js";
 import { Tooltip } from "./Tooltip.js";
 import { i as titleCase } from "../format-S6uWyoSb.js";
 import { Menu } from "./Menu.js";

package/dist/components/Combobox.d.ts

@@ -1,2 +1,2 @@
-import { n as useComboboxAnchor, t as Combobox } from "../Combobox-xEEF6fUb.js";
+import { n as useComboboxAnchor, t as Combobox } from "../Combobox-DI6xcQjc.js";
 export { Combobox, useComboboxAnchor };

package/dist/components/Combobox.js

@@ -3,6 +3,15 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
 //#region src/components/Combobox.tsx
+function ComboboxInputGroup({ className, ref, ...props }) {
+	const classes = mergeBaseClassName("combobox__input-group", className);
+	return /* @__PURE__ */ jsx(Combobox$1.InputGroup, {
+		ref,
+		"data-slot": "combobox-input-group",
+		className: classes,
+		...props
+	});
+}
 function ComboboxInput({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("combobox__input", className);
 	return /* @__PURE__ */ jsx(Combobox$1.Input, {
@@ -116,10 +125,12 @@ function ComboboxGroupLabel({ className, ref, ...props }) {
 * ];
 *
 * <Combobox.Root items={fruits}>
-*   <Combobox.Input placeholder="Select a fruit" />
-*   <Combobox.Trigger>
-*     <ChevronDownIcon />
-*   </Combobox.Trigger>
+*   <Combobox.InputGroup>
+*     <Combobox.Input placeholder="Select a fruit" />
+*     <Combobox.Trigger>
+*       <ChevronDownIcon />
+*     </Combobox.Trigger>
+*   </Combobox.InputGroup>
 *   <Combobox.Portal>
 *     <Combobox.Positioner>
 *       <Combobox.Popup>
@@ -147,6 +158,7 @@ function useComboboxAnchor() {
 }
 const Combobox = {
 	Root: Combobox$1.Root,
+	InputGroup: ComboboxInputGroup,
 	Input: ComboboxInput,
 	Trigger: ComboboxTrigger,
 	Clear,

package/dist/components/Commit.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { C as FileIcon, m as ChevronRightIcon } from "../icons-w5PpKGRz.js";
+import { C as FileIcon, m as ChevronRightIcon } from "../icons-B4mGvCvc.js";
 import { Avatar } from "./Avatar.js";
-import { t as CopyButton } from "../copy-button-Buxmtmp9.js";
+import { t as CopyButton } from "../copy-button-7ttJAorN.js";
 import { Badge } from "./Badge.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Context.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as clamp } from "../format-S6uWyoSb.js";
 import { Popover } from "./Popover.js";
 import { Separator } from "./Separator.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/Context.tsx
@@ -290,36 +290,5 @@ function getContextUsedTokens(usage) {
 	if (!usage) return 0;
 	return usage.totalTokens ?? (usage.inputTokens ?? 0) + (usage.outputTokens ?? 0);
 }
-function ProgressRing({ percent, size, stroke }) {
-	const radius = (size - stroke) / 2;
-	const circumference = 2 * Math.PI * radius;
-	const offset = circumference - clamp(percent, 0, 100) / 100 * circumference;
-	return /* @__PURE__ */ jsxs("svg", {
-		width: size,
-		height: size,
-		viewBox: `0 0 ${size} ${size}`,
-		focusable: "false",
-		"aria-hidden": "true",
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: size / 2,
-			cy: size / 2,
-			r: radius,
-			fill: "none",
-			stroke: "var(--sigvelo-color-neutral-border-subtle)",
-			strokeWidth: stroke
-		}), /* @__PURE__ */ jsx("circle", {
-			cx: size / 2,
-			cy: size / 2,
-			r: radius,
-			fill: "none",
-			stroke: "var(--sigvelo-color-primary-bg)",
-			strokeWidth: stroke,
-			strokeDasharray: circumference,
-			strokeDashoffset: offset,
-			strokeLinecap: "round",
-			transform: `rotate(-90 ${size / 2} ${size / 2})`
-		})]
-	});
-}
 //#endregion
 export { Context, ContextCacheUsage, ContextContent, ContextContentBody, ContextContentFooter, ContextContentHeader, ContextInputUsage, ContextOutputUsage, ContextReasoningUsage, ContextTrigger, getContextUsage, getContextUsedTokens };

package/dist/components/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.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 { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, y as DownloadIcon } from "../icons-w5PpKGRz.js";
+import { n as ArrowDownIcon, y as DownloadIcon } from "../icons-B4mGvCvc.js";
 import { IconButton } from "./IconButton.js";
 import { t as assignRef } from "../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

package/dist/components/EnvironmentVariables.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { S as EyeOffIcon, x as EyeIcon } from "../icons-w5PpKGRz.js";
-import { t as CopyButton } from "../copy-button-Buxmtmp9.js";
+import { S as EyeOffIcon, x as EyeIcon } from "../icons-B4mGvCvc.js";
+import { t as CopyButton } from "../copy-button-7ttJAorN.js";
 import { Badge } from "./Badge.js";
 import { Switch } from "./Switch.js";
 import * as React from "react";

package/dist/components/ExpansionState.js

@@ -35,12 +35,11 @@ function ExpansionStateProvider({ store, children }) {
 */
 function useExpansionState(stateKey, defaultOpen) {
 	const store = React.useContext(ExpansionStateContext);
-	const persisted = stateKey !== void 0 ? store : null;
 	const [open, setLocalOpen] = React.useState(() => (stateKey !== void 0 ? store?.get(stateKey) : void 0) ?? defaultOpen);
 	return [open, React.useCallback((next) => {
-		if (persisted) persisted.set(stateKey, next);
+		if (store && stateKey !== void 0) store.set(stateKey, next);
 		setLocalOpen(next);
-	}, [persisted, stateKey])];
+	}, [store, stateKey])];
 }
 //#endregion
 export { ExpansionStateProvider, createExpansionStore, useExpansionState };

package/dist/components/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-CYr5og0q.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-XOLP3Yvo.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/Goal.d.ts

@@ -5,7 +5,7 @@ import * as React from "react";
  * Lifecycle of a persisted conversation goal. Mirrors the host's goal state;
  * this is not a Think or AI SDK execution status.
  */
-type GoalStatus = "pursuing" | "paused" | "achieved" | "unmet" | "budget_limited";
+type GoalStatus = "pursuing" | "paused" | "achieved" | "unmet";
 interface GoalProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Drives the default title and the `data-status` styling hook. */
   status?: GoalStatus;
@@ -14,9 +14,11 @@ interface GoalProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * 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
@@ -67,7 +69,7 @@ declare function GoalObjective({
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 interface GoalMetaProps extends React.HTMLAttributes<HTMLSpanElement> {}
-/** Host-formatted progress metadata — elapsed time, turn count, budget. */
+/** Host-formatted progress metadata — elapsed time or turn count. */
 declare function GoalMeta({
   className,
   ref,