@mcp-b/react-components 0.44.1 → 0.46.0

package/dist/{AgentChat-Bibfj7u1.d.ts → AgentChat-BLmQghkt.d.ts}

@@ -1,6 +1,6 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-C7L-Mv9U.js";
 import { n as AgentChatStartScreenProps } from "./AgentChatStartScreen-Bkv7Avni.js";
-import { D as PromptInputCommandDefinition, F as PromptInputDictationProps, K as PromptInputMessage, M as PromptInputContextSelectorProps, Q as PromptInputReference, n as PermissionMode } from "./PromptInput-BRX7FhjH.js";
+import { D as PromptInputCommandDefinition, F as PromptInputDictationProps, K as PromptInputMessage, M as PromptInputContextSelectorProps, Q as PromptInputReference, n as PermissionMode } from "./PromptInput-DtJHyp0S.js";
 import * as React from "react";
 import { ChatAddToolApproveResponseFunction, ChatStatus, UIMessage } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
@@ -138,7 +138,7 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   onCompact?: () => Promise<{
     compacted: boolean;
   }>;
-  /** Controlled MCP catalog revealed by `@`; selections become composer references. */
+  /** Controlled MCP or tab catalog revealed by `@`; selections become composer links. */
   mentionCommands?: {
     items: readonly PromptInputCommandDefinition[];
     onSelect?: (command: PromptInputCommandDefinition, draft: AgentChatComposerDraft) => void;

package/dist/{AgentToolRunsContext-daY67hFM.d.ts → AgentToolRunsContext-jtmveaRE.d.ts}

@@ -25,13 +25,14 @@ type AgentToolEventSource = Parameters<typeof useAgentToolEvents>[0]["agent"] &
  * The subscription's listener attaches in a passive effect, after paint. A
  * host whose transport is in-process (the browser extension's port bridge)
  * can complete the connect and deliver the replay before that effect runs —
- * reliably so on a hot return from a drill-in. Upstream owns the fix:
- * `useAgent` buffers `agent-tool-event` frames from socket construction and
- * `useAgentToolEvents` drains them when its listener attaches (agents >
- * 0.20.1; `_bufferAgentToolReplayFrame` is the seam for a non-`useAgent`
- * socket). On older versions such hosts must buffer and re-dispatch
- * themselves — think-browser-host's `useThinkAgentToolEvents` is that
- * interim shim. Network transports are not affected in practice: the round
+ * reliably so on a hot return from a drill-in. The fix lives in the Agents
+ * SDK, not here: `useAgent` buffers `agent-tool-event` frames from socket
+ * construction and `useAgentToolEvents` drains them when its listener
+ * attaches (`_bufferAgentToolReplayFrame` is the seam for a non-`useAgent`
+ * socket). As of agents 0.21.0 that is still the browser host's vendored
+ * edit, not a published release; a host on the published package has to
+ * buffer and re-dispatch the frames around its own socket before this hook
+ * can see them. Network transports are not affected in practice: the round
  * trip loses to the effect flush.
  */
 declare function useSourceScopedAgentToolEvents<Part extends AgentToolRunPart = UIMessage["parts"][number]>(agent: AgentToolEventSource): {

package/dist/{CodeBlock-Dl7a3Wqo.js → CodeBlock-BpooTofO.js}

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

package/dist/{FileTree-Uu3ZnW1u.js → FileTree-CAXWXH63.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-Dw-im7lg.js";
+import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-BNEY4gO5.js";
 import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{McpConnectorForm-MRm1r59e.d.ts → McpConnectorForm-BETdVBRk.d.ts}

@@ -1,4 +1,4 @@
-import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "./mcp-server-catalog-CCj2ItkV.js";
+import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "./mcp-server-catalog-Cbu483Zb.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/McpConnectorForm.d.ts

package/dist/{McpPluginCatalog-mbGw8FTu.d.ts → McpPluginCatalog-C6ip9IvL.d.ts}

@@ -1,5 +1,5 @@
-import { o as McpServerCard } from "./mcp-server-catalog-CCj2ItkV.js";
-import { r as McpConnectorFormValues } from "./McpConnectorForm-MRm1r59e.js";
+import { o as McpServerCard } from "./mcp-server-catalog-Cbu483Zb.js";
+import { r as McpConnectorFormValues } from "./McpConnectorForm-BETdVBRk.js";
 import { l as DialogProps } from "./Dialog-B_FhRWaz.js";
 import * as React from "react";
 import { MCPServersState } from "agents";

package/dist/{PromptInput-BRX7FhjH.d.ts → PromptInput-DtJHyp0S.d.ts}

@@ -442,13 +442,20 @@ declare function PromptInputTabLabel({
 }: PromptInputTabLabelProps & {
   ref?: React.Ref<HTMLHeadingElement>;
 }): React.JSX.Element;
-interface PromptInputTabItemProps extends React.HTMLAttributes<HTMLDivElement> {}
+interface PromptInputTabItemProps extends React.HTMLAttributes<HTMLElement> {
+  /** When set, the row is a composer entity link rather than a static tab row. */
+  href?: string;
+  icon?: React.ReactNode;
+}
 declare function PromptInputTabItem({
   className,
+  href,
+  icon,
+  children,
   ref,
   ...props
 }: PromptInputTabItemProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React.Ref<HTMLElement>;
 }): React.JSX.Element;
 interface PromptInputCommandDefinition {
   /** Stable identity for keyed rendering. */
@@ -458,6 +465,10 @@ interface PromptInputCommandDefinition {
   label: string;
   description?: string;
   icon?: React.ReactNode;
+  /** Persistable mark used when the command is inserted as a composer link. */
+  iconSrc?: string;
+  /** Optional explicit composer href. Derived from the trigger when omitted. */
+  href?: string;
   keywords?: readonly string[];
   disabled?: boolean;
   group?: string;
@@ -470,12 +481,15 @@ interface PromptInputReference {
   value: string;
   label: string;
   icon?: React.ReactNode;
+  iconSrc?: string;
+  href?: string;
   /** Records which picker produced the reference. */
   trigger?: PromptInputCommandTrigger;
 }
+declare function composerLinksToReferences(text: string): PromptInputReference[];
 interface PromptInputCommandComposerProps extends Omit<PromptInputTextareaProps, "value" | "defaultValue" | "onChange"> {
   commands: readonly PromptInputCommandDefinition[];
-  /** MCP or other mentionable entries revealed by an `@` draft. */
+  /** MCP, tab, or other mentionable entries revealed by an `@` draft. */
   mentionCommands?: readonly PromptInputCommandDefinition[];
   value: string;
   onValueChange: (value: string) => void;
@@ -484,8 +498,8 @@ interface PromptInputCommandComposerProps extends Omit<PromptInputTextareaProps,
   mentionEmptyMessage?: React.ReactNode;
 }
 /**
- * Controlled PromptInput textarea with slash-command discovery. The host owns
- * both the command catalog and the draft policy applied after selection.
+ * Controlled composer field with slash-command and mention discovery.
+ * Selection inserts a special href into the draft — not a chip button.
  */
 declare function PromptInputCommandComposer({
   commands,
@@ -497,24 +511,15 @@ declare function PromptInputCommandComposer({
   mentionEmptyMessage,
   onKeyDown,
   ref,
-  ...textareaProps
-}: PromptInputCommandComposerProps & {
-  ref?: React.Ref<HTMLTextAreaElement>;
-}): React.JSX.Element;
-interface PromptInputReferencesProps extends React.HTMLAttributes<HTMLDivElement> {
-  references: readonly PromptInputReference[];
-  onRemove: (reference: PromptInputReference) => void;
-}
-/** Removable inline context selected from slash-command or mention pickers. */
-declare function PromptInputReferences({
-  references,
-  onRemove,
+  placeholder,
+  disabled,
   className,
-  ref,
-  ...props
-}: PromptInputReferencesProps & {
+  minHeight,
+  maxHeight,
+  "aria-label": ariaLabel
+}: PromptInputCommandComposerProps & {
   ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element | null;
+}): React.JSX.Element;
 interface PromptInputContextItem {
   /** Exact host identifier or path preserved through selection. */
   value: string;
@@ -545,4 +550,4 @@ declare function PromptInputContextSelector({
   action
 }: PromptInputContextSelectorProps): React.JSX.Element;
 //#endregion
-export { PromptInputReferences as $, PromptInputContextItem as A, PromptInputHoverCard as B, PromptInputButtonProps as C, usePromptInputAttachments as Ct, PromptInputCommandDefinition as D, PromptInputCommandComposerProps as E, PromptInputDictationProps as F, PromptInputHoverCardTriggerProps as G, PromptInputHoverCardContentProps as H, PromptInputFooter as I, PromptInputPermissionSelectorProps as J, PromptInputMessage as K, PromptInputFooterProps as L, PromptInputContextSelectorProps as M, PromptInputControllerProps as N, PromptInputCommandTrigger as O, PromptInputDictation as P, PromptInputReference as Q, PromptInputHeader as R, PromptInputButton as S, TooltipSide as St, PromptInputCommandComposer as T, useProviderAttachments as Tt, PromptInputHoverCardProps as U, PromptInputHoverCardContent as V, PromptInputHoverCardTrigger as W, PromptInputProvider as X, PromptInputProps as Y, PromptInputProviderProps as Z, PromptInputAttachmentProps as _, PromptInputTooltipConfig as _t, PromptInputActionAddAttachmentsProps as a, PromptInputTabBodyProps as at, PromptInputBody as b, PromptInputVoiceInput as bt, PromptInputActionMenu as c, PromptInputTabLabel as ct, PromptInputActionMenuItem as d, PromptInputTabsList as dt, PromptInputReferencesProps as et, PromptInputActionMenuItemProps as f, PromptInputTabsListProps as ft, PromptInputAttachment as g, PromptInputToolsProps as gt, PromptInputActionMenuTriggerProps as h, PromptInputTools as ht, PromptInputActionAddAttachments as i, PromptInputTabBody as it, PromptInputContextSelector as j, PromptInputContextAction as k, PromptInputActionMenuContent as l, PromptInputTabLabelProps as lt, PromptInputActionMenuTrigger as m, PromptInputTextareaProps as mt, PermissionMode as n, PromptInputSubmitProps as nt, PromptInputActionAddScreenshot as o, PromptInputTabItem as ot, PromptInputActionMenuProps as p, PromptInputTextarea as pt, PromptInputPermissionSelector as q, PromptInput as r, PromptInputTab as rt, PromptInputActionAddScreenshotProps as s, PromptInputTabItemProps as st, AttachmentsContext as t, PromptInputSubmit as tt, PromptInputActionMenuContentProps as u, PromptInputTabProps as ut, PromptInputAttachments as v, PromptInputTray as vt, PromptInputButtonTooltip as w, usePromptInputController as wt, PromptInputBodyProps as x, TextInputContext as xt, PromptInputAttachmentsProps as y, PromptInputTrayProps as yt, PromptInputHeaderProps as z };
+export { PromptInputSubmit as $, PromptInputContextItem as A, PromptInputHoverCard as B, PromptInputButtonProps as C, usePromptInputController as Ct, PromptInputCommandDefinition as D, PromptInputCommandComposerProps as E, PromptInputDictationProps as F, PromptInputHoverCardTriggerProps as G, PromptInputHoverCardContentProps as H, PromptInputFooter as I, PromptInputPermissionSelectorProps as J, PromptInputMessage as K, PromptInputFooterProps as L, PromptInputContextSelectorProps as M, PromptInputControllerProps as N, PromptInputCommandTrigger as O, PromptInputDictation as P, PromptInputReference as Q, PromptInputHeader as R, PromptInputButton as S, usePromptInputAttachments as St, PromptInputCommandComposer as T, PromptInputHoverCardProps as U, PromptInputHoverCardContent as V, PromptInputHoverCardTrigger as W, PromptInputProvider as X, PromptInputProps as Y, PromptInputProviderProps as Z, PromptInputAttachmentProps as _, PromptInputTrayProps as _t, PromptInputActionAddAttachmentsProps as a, PromptInputTabItemProps as at, PromptInputBody as b, TooltipSide as bt, PromptInputActionMenu as c, PromptInputTabProps as ct, PromptInputActionMenuItem as d, PromptInputTextarea as dt, PromptInputSubmitProps as et, PromptInputActionMenuItemProps as f, PromptInputTextareaProps as ft, PromptInputAttachment as g, PromptInputTray as gt, PromptInputActionMenuTriggerProps as h, PromptInputTooltipConfig as ht, PromptInputActionAddAttachments as i, PromptInputTabItem as it, PromptInputContextSelector as j, PromptInputContextAction as k, PromptInputActionMenuContent as l, PromptInputTabsList as lt, PromptInputActionMenuTrigger as m, PromptInputToolsProps as mt, PermissionMode as n, PromptInputTabBody as nt, PromptInputActionAddScreenshot as o, PromptInputTabLabel as ot, PromptInputActionMenuProps as p, PromptInputTools as pt, PromptInputPermissionSelector as q, PromptInput as r, PromptInputTabBodyProps as rt, PromptInputActionAddScreenshotProps as s, PromptInputTabLabelProps as st, AttachmentsContext as t, PromptInputTab as tt, PromptInputActionMenuContentProps as u, PromptInputTabsListProps as ut, PromptInputAttachments as v, PromptInputVoiceInput as vt, PromptInputButtonTooltip as w, useProviderAttachments as wt, PromptInputBodyProps as x, composerLinksToReferences as xt, PromptInputAttachmentsProps as y, TextInputContext as yt, PromptInputHeaderProps as z };

package/dist/{ResponsiveSidebarShell-DOXd5T-d.d.ts → ResponsiveSidebarShell-BTVPxLJK.d.ts}

@@ -72,6 +72,14 @@ interface ResponsiveSidebarShellProps extends Omit<React.HTMLAttributes<HTMLDivE
   children?: React.ReactNode;
   /** Short noun used by the toggle and resize control, such as “threads” or “schedules”. */
   sidebarLabel?: string;
+  /** Whether the sidebar is open. Omit for internal state. */
+  sidebarOpen?: boolean;
+  /** Move the wide-layout toggle into the sidebar while it is open. */
+  sidebarTogglePlacement?: "main" | "sidebar";
+  /** Initial sidebar state when `sidebarOpen` is uncontrolled. */
+  defaultSidebarOpen?: boolean;
+  /** Called when the sidebar is opened or closed. */
+  onSidebarOpenChange?: (open: boolean) => void;
   /** Initial desktop sidebar width in CSS pixels. */
   defaultSidebarWidth?: number;
   /** Shell-owned application bar composed from slots. */
@@ -95,7 +103,11 @@ interface ResponsiveSidebarShellProps extends Omit<React.HTMLAttributes<HTMLDivE
 declare function ResponsiveSidebarShell({
   sidebar,
   sidebarLabel,
+  sidebarOpen,
+  sidebarTogglePlacement,
+  defaultSidebarOpen,
   defaultSidebarWidth,
+  onSidebarOpenChange,
   bar,
   error,
   showMainLabel,

package/dist/{SetupChecklist-DOp-zqjh.js → SetupChecklist-DyPZWzK2.js}

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "./class-names-BiMDVpUo.js";
-import { V as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-Dw-im7lg.js";
+import { V as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-BNEY4gO5.js";
 import { Button } from "./components/foundations/Button.js";
 import { Menu } from "./components/foundations/Menu.js";
 import * as React from "react";
@@ -57,7 +57,7 @@ function SetupChecklistAction({ actionLabel, label, entries, onSelect }) {
 		type: "button",
 		variant: "ghost",
 		color: "neutral",
-		size: "md",
+		size: "sm",
 		"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 })]

package/dist/{ThinkChat-BES_3Mb-.js → ThinkChat-qztQ6Clo.js}

@@ -1,13 +1,13 @@
+import { composerDraftToPrompt, parseComposerLinks } from "./utils/composer-link.js";
 import { TransitionSurface } from "./components/foundations/TransitionSurface.js";
+import { AgentToolRunsProvider, useSourceScopedAgentToolEvents } from "./components/agents-sdk/AgentToolRunsContext.js";
 import { AgentChat, compactingNotice } from "./components/agents-sdk/AgentChat.js";
-import { AgentToolRunsProvider, useOptionalAgentToolRuns, useSourceScopedAgentToolEvents } from "./components/agents-sdk/AgentToolRunsContext.js";
-import { SubagentRunList } from "./components/agents-sdk/SubagentRunList.js";
 import { ThinkChatContext, ThinkChatLiveContext, useOptionalThinkChatContext, useThinkChatContext } from "./components/agents-sdk/ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./components/agents-sdk/ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./components/agents-sdk/ThinkRecoveryNotice.js";
 import { t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-CJCmGvTx.js";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { isTextUIPart } from "ai";
 import { useAgentChat } from "@cloudflare/think/react";
 import { useAgent } from "agents/react";
@@ -195,9 +195,8 @@ const ThinkChatApprovalsContext = React.createContext(null);
 * inside the log) or `excludeTools` + your own `renderPart` (standalone
 * card) — see README "App-specific tools" and the Custom Tool Panel story.
 */
-function ThinkChatMessages({ composerHeader, draft, loading, renderPart, excludeTools, renderAgentToolRunLink, renderWorkspaceHtmlArtifact, toolRenderers, thinkStub, onExecutionSettled, pendingApprovals, notice, sessionCompaction, ...props }) {
+function ThinkChatMessages({ draft, loading, renderPart, excludeTools, renderAgentToolRunLink, renderWorkspaceHtmlArtifact, toolRenderers, thinkStub, onExecutionSettled, pendingApprovals, notice, sessionCompaction, ...props }) {
 	const chat = useOptionalThinkChatContext();
-	const agentTools = useOptionalAgentToolRuns();
 	const approvals = React.useContext(ThinkChatApprovalsContext);
 	const resolvedApprovals = resolveThinkApprovalProps({
 		thinkStub,
@@ -259,22 +258,11 @@ function ThinkChatMessages({ composerHeader, draft, loading, renderPart, exclude
 		children: [compactionSizeText(landedCompaction), " Context usage updates after your next message."]
 	}) : null;
 	const recoveryActive = chat && (chat.isRecovering || chat.connectionError || chat.error);
-	const backgroundRuns = renderAgentToolRunLink ? agentTools?.unboundRuns : void 0;
-	const resolvedComposerHeader = composerHeader || backgroundRuns?.length ? /* @__PURE__ */ jsxs(Fragment, { children: [composerHeader, backgroundRuns?.length && renderAgentToolRunLink ? /* @__PURE__ */ jsxs("div", {
-		className: "subagent-run__tray",
-		"data-slot": "background-agent-runs",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "subagent-run__tray-label",
-			children: "Background agents"
-		}), /* @__PURE__ */ jsx(SubagentRunList, {
-			"aria-label": "Background agent runs",
-			runs: backgroundRuns,
-			renderRunLink: renderAgentToolRunLink
-		})]
-	}) : null] }) : void 0;
 	const submit = ({ text, files, references }, send) => {
 		setDismissedCompaction(sessionCompaction?.lastCompaction ?? null);
-		const prompt = [...references?.map(({ trigger, value }) => trigger ? `${trigger}${value}` : value) ?? [], text.trim()].filter(Boolean).join(" ");
+		const fromLinks = composerDraftToPrompt(text);
+		const referenceTokens = references?.map(({ trigger, value }) => trigger ? `${trigger}${value}` : value) ?? [];
+		const prompt = parseComposerLinks(text).length ? fromLinks : [...referenceTokens, text.trim()].filter(Boolean).join(" ");
 		if (!prompt && !files.length) return;
 		return send({
 			text: prompt,
@@ -288,7 +276,6 @@ function ThinkChatMessages({ composerHeader, draft, loading, renderPart, exclude
 		messages: EMPTY_DRAFT_MESSAGES,
 		status: "ready",
 		notice,
-		composerHeader: resolvedComposerHeader,
 		loading: true
 	});
 	if (!chat) {
@@ -299,7 +286,6 @@ function ThinkChatMessages({ composerHeader, draft, loading, renderPart, exclude
 			messages: draft.messages ?? EMPTY_DRAFT_MESSAGES,
 			status: draft.status ?? "ready",
 			notice: notice ?? sessionCompactionNotice,
-			composerHeader: resolvedComposerHeader,
 			onSubmit: (message) => submit(message, draft.onSubmit)
 		});
 	}
@@ -314,7 +300,6 @@ function ThinkChatMessages({ composerHeader, draft, loading, renderPart, exclude
 		onExecutionSettled: resolvedApprovals.onExecutionSettled,
 		pendingApprovals: resolvedApprovals.pendingApprovals,
 		notice: notice ?? (recoveryActive ? defaultNotice : sessionCompactionNotice),
-		composerHeader: resolvedComposerHeader,
 		onRegenerate: (messageId) => void chat.regenerate({ messageId }),
 		onSubmit: (message) => submit(message, chat.sendMessage)
 	});

package/dist/{ThinkChatActivity-CgvmTXXB.d.ts → ThinkChatActivity-B3lGVS-6.d.ts}

@@ -1,5 +1,5 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-C7L-Mv9U.js";
-import { r as AgentChatProps } from "./AgentChat-Bibfj7u1.js";
+import { r as AgentChatProps } from "./AgentChat-BLmQghkt.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-D4qcnnxt.js";
 import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-BtBQgMg6.js";
 import * as React from "react";

package/dist/{WorkspaceFileView-BublZXky.js → WorkspaceFileView-BvDbKM2c.js}

@@ -1,7 +1,7 @@
-import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-Dw-im7lg.js";
-import { r as formatClock } from "./format-DB2mX9DA.js";
+import { b as EyeIcon, d as CheckIcon, et as WarningIcon, k as MaximizeIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-BNEY4gO5.js";
+import { i as formatClock } from "./format-COCyV98Z.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-BpooTofO.js";
 import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Dl7a3Wqo.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DtH66bAY.js";
 import { n as createWorkspaceRehypePlugins, t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-CJCmGvTx.js";

package/dist/components/agents-sdk/AgentActivity.js

@@ -1,5 +1,5 @@
 import { canRequestFavicon, inferFaviconUrl } from "../../utils/favicon.js";
-import { D as LinkIcon, P as MonitorIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, W as SearchIcon, et as WarningIcon, tt as WrenchIcon, z as PencilIcon } from "../../icons-Dw-im7lg.js";
+import { D as LinkIcon, P as MonitorIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, W as SearchIcon, et as WarningIcon, tt as WrenchIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivity.tsx

package/dist/components/agents-sdk/AgentChat.d.ts

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

package/dist/components/agents-sdk/AgentChat.js

@@ -1,26 +1,28 @@
+import { replaceComposerTrigger } from "../../utils/composer-link.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TrashIcon, H as QueueIcon, I as MoveToFrontIcon, U as RefreshIcon, V as PlusIcon, q as SpinnerIcon, t as ArchiveIcon, z as PencilIcon } from "../../icons-Dw-im7lg.js";
+import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
+import { $ as TrashIcon, H as QueueIcon, I as MoveToFrontIcon, U as RefreshIcon, V as PlusIcon, q as SpinnerIcon, t as ArchiveIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
+import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { Menu } from "../foundations/Menu.js";
+import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, composerLinksToReferences, usePromptInputAttachments } from "../ai-sdk/PromptInput.js";
+import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
 import { Message, MessageAction, MessageActions, MessageMeta, MessageTimestamp } from "../ai-sdk/Message.js";
-import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
 import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
+import { Marker, MarkerContent } from "../foundations/Marker.js";
+import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
-import { EmptyState } from "../foundations/EmptyState.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { QueueItem, QueueItemActions, QueueItemContent } from "../ai-sdk/Queue.js";
-import { Menu } from "../foundations/Menu.js";
-import { PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuTrigger, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputPermissionSelector, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, usePromptInputAttachments } from "../ai-sdk/PromptInput.js";
-import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
-import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
-import { Marker, MarkerContent } from "../foundations/Marker.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { AgentEventRow, getAgentEvent } from "./AgentEvent.js";
 import { PromptInputApproval, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals } from "./PromptInputApproval.js";
-import { t as CopyButton } from "../../copy-button-DHhf-J1d.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { isCompactionMessage } from "agents/experimental/memory/utils";
 import { isTextUIPart } from "ai";
+import { isCompactionMessage } from "agents/experimental/memory/utils";
 //#region src/components/agents-sdk/AgentChat.tsx
 /**
 * Agents exports this helper from `agents/sessions` after cloudflare/agents#1896;
@@ -175,9 +177,13 @@ function isCompactedPart(message, partIndex) {
 function AgentChatTranscriptRowBodyImpl({ message, messageIndex, status, renderPart, renderMessageAfter, editing, canEdit, editDisabled, onEditAndResend, onStartEdit, onCancelEdit, onFinishEdit, editButtonRef, responseNumber, showAssistantActions, showCopy, showRetry, onRegenerate, onCopyStatus }) {
 	const messageTime = getAgentChatMessageTime(message);
 	const userText = getEditableUserText(message);
+	const agentEvent = getAgentEvent(message);
 	return /* @__PURE__ */ jsx(Fragment, { children: isCompactionMessage(message) ? /* @__PURE__ */ jsx(Marker, {
 		variant: "separator",
 		children: /* @__PURE__ */ jsx(MarkerContent, { children: "Context compacted" })
+	}) : agentEvent ? /* @__PURE__ */ jsx(AgentEventRow, {
+		message,
+		event: agentEvent
 	}) : /* @__PURE__ */ jsx(Message, {
 		from: message.role,
 		children: editing && onEditAndResend ? /* @__PURE__ */ jsx(AgentChatMessageEditor, {
@@ -275,7 +281,6 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 	const disabled = composerDisabled || loading;
 	const [copyAnnouncement, setCopyAnnouncement] = React.useState("");
 	const [composerDraft, setComposerDraft] = React.useState("");
-	const [composerReferences, setComposerReferences] = React.useState([]);
 	const composerInputRef = React.useRef(null);
 	const restoreComposerFocusAfterApproval = React.useRef(false);
 	const respondToPendingApproval = React.useCallback((response) => {
@@ -293,10 +298,20 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 	const [compactionState, setCompactionState] = React.useState(null);
 	const compactionInFlight = React.useRef(false);
 	const addComposerReference = React.useCallback((reference) => {
-		setComposerReferences((current) => current.some((item) => item.id === reference.id && item.trigger === reference.trigger) ? current : [...current, reference]);
+		setComposerDraft((current) => {
+			if (composerLinksToReferences(current).some((item) => item.id === reference.id && item.trigger === reference.trigger)) return current;
+			return replaceComposerTrigger(current, {
+				id: reference.id,
+				value: reference.value,
+				label: reference.label,
+				href: reference.href,
+				iconSrc: reference.iconSrc
+			}, reference.trigger ?? "/");
+		});
 	}, []);
 	const removeComposerReference = React.useCallback((reference) => {
-		setComposerReferences((current) => current.filter((item) => item.id !== reference.id || item.trigger !== reference.trigger));
+		if (!reference.href) return;
+		setComposerDraft((current) => current.replace(`[${reference.label}](${reference.href})`, "").replace(/\s{2,}/g, " "));
 	}, []);
 	const copyAnnouncementTimer = React.useRef(null);
 	const announceCopyStatus = React.useCallback((message) => {
@@ -311,13 +326,15 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		if (copyAnnouncementTimer.current !== null) window.clearTimeout(copyAnnouncementTimer.current);
 	}, []);
 	const handleSubmit = React.useCallback((message) => {
+		const text = message.text || composerDraft;
+		const references = composerLinksToReferences(text);
 		const prompt = {
 			...message,
-			...composerReferences.length ? { references: composerReferences } : {}
+			text,
+			...references.length ? { references } : {}
 		};
 		setQueueHeld(false);
 		setComposerDraft("");
-		setComposerReferences([]);
 		setCompactionState(null);
 		if (busy || pendingPrompts.length && !queueHeld) {
 			setPendingPrompts((current) => [...current, {
@@ -330,7 +347,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		return onSubmit?.(prompt);
 	}, [
 		busy,
-		composerReferences,
+		composerDraft,
 		onPromptQueued,
 		onSubmit,
 		pendingPrompts.length,
@@ -369,30 +386,20 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 			});
 			return;
 		}
-		const reference = {
-			id: command.id,
-			value: command.value,
-			label: command.label,
-			icon: command.icon,
-			trigger
-		};
-		const nextReferences = composerReferences.some((item) => item.id === reference.id && item.trigger === reference.trigger) ? composerReferences : [...composerReferences, reference];
-		addComposerReference(reference);
-		const catalog = trigger === "@" ? mentionCommands : slashCommands;
-		if (catalog?.onSelect) catalog.onSelect(command, {
-			value: composerDraft,
+		const nextDraft = replaceComposerTrigger(composerDraft, command, trigger);
+		const nextReferences = composerLinksToReferences(nextDraft);
+		(trigger === "@" ? mentionCommands : slashCommands)?.onSelect?.(command, {
+			value: nextDraft,
 			references: nextReferences,
 			setValue: setComposerDraft,
 			clear: () => setComposerDraft(""),
 			addReference: addComposerReference,
 			removeReference: removeComposerReference
 		});
-		else setComposerDraft("");
 	}, [
 		addComposerReference,
 		busy,
 		composerDraft,
-		composerReferences,
 		mentionCommands,
 		onCompact,
 		removeComposerReference,
@@ -482,9 +489,9 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 		composerInputRef.current?.focus();
 	}, [pendingApprovalKey]);
 	const contextUsage = contextWindow ? getContextUsage(messages) : void 0;
-	const newestAssistantIndex = messages.findLastIndex((message) => message.role === "assistant" && !isCompactionMessage(message));
+	const newestAssistantIndex = messages.findLastIndex((message) => message.role === "assistant" && !isCompactionMessage(message) && !getAgentEvent(message));
 	const lastAssistantIndex = onRegenerate && status !== "streaming" && status !== "submitted" ? newestAssistantIndex : -1;
-	const lastUserIndex = onEditAndResend ? messages.findLastIndex((message) => message.role === "user") : -1;
+	const lastUserIndex = onEditAndResend ? messages.findLastIndex((message) => message.role === "user" && !getAgentEvent(message)) : -1;
 	const [editingMessageId, setEditingMessageId] = React.useState();
 	const restoreEditFocus = React.useRef(false);
 	const editButtonRef = React.useRef(null);
@@ -502,7 +509,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 	}, []);
 	let assistantResponseCount = 0;
 	const assistantResponseNumbers = messages.map((message) => {
-		if (message.role !== "assistant" || isCompactionMessage(message)) return 0;
+		if (message.role !== "assistant" || isCompactionMessage(message) || getAgentEvent(message)) return 0;
 		assistantResponseCount += 1;
 		return assistantResponseCount;
 	});
@@ -614,13 +621,10 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
 					composerHeader ? /* @__PURE__ */ jsx(PromptInputHeader, { children: composerHeader }) : null,
 					/* @__PURE__ */ jsx(PromptInputAttachments, {}),
-					/* @__PURE__ */ jsxs(PromptInputBody, { children: [/* @__PURE__ */ jsx(PromptInputReferences, {
-						references: composerReferences,
-						onRemove: removeComposerReference
-					}), slashCommands || mentionCommands || onCompact ? /* @__PURE__ */ jsx(PromptInputCommandComposer, {
+					/* @__PURE__ */ jsx(PromptInputBody, { children: slashCommands || mentionCommands || onCompact ? /* @__PURE__ */ jsx(PromptInputCommandComposer, {
 						ref: composerInputRef,
 						"aria-label": "Message",
-						placeholder: composerReferences.length ? "" : placeholder,
+						placeholder,
 						disabled,
 						commands: onCompact && !busy ? [COMPACT_SLASH_COMMAND, ...slashCommands?.items ?? []] : slashCommands?.items ?? [],
 						mentionCommands: mentionCommands?.items,
@@ -634,7 +638,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 						disabled,
 						value: composerDraft,
 						onChange: (event) => setComposerDraft(event.currentTarget.value)
-					})] }),
+					}) }),
 					/* @__PURE__ */ jsxs(PromptInputFooter, { children: [/* @__PURE__ */ jsxs(PromptInputTools, { children: [
 						/* @__PURE__ */ jsx(AgentChatAddMenu, { children: composerAddMenuItems }),
 						contextSelector ? /* @__PURE__ */ jsx(PromptInputContextSelector, { ...contextSelector }) : null,
@@ -663,7 +667,7 @@ function AgentChat({ className, messages, status = "ready", onSubmit, showCompos
 								status,
 								onStop: handleStop,
 								disabled,
-								hasDraft: Boolean(composerDraft.trim() || composerReferences.length)
+								hasDraft: Boolean(composerDraft.trim())
 							})
 						]
 					})] })

package/dist/components/agents-sdk/AgentEvent.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { UIMessage } from "ai";
+
+//#region src/components/agents-sdk/AgentEvent.d.ts
+interface AgentEvent {
+  source: string;
+  runId?: string;
+  /** Terminal status of the run this completion notice reports. */
+  status?: string;
+  /** Milestone name when the turn is a mid-run report, absent for a completion. */
+  milestone?: string;
+}
+/**
+ * Classify a framework-injected background-run message. Think persists a
+ * `submitMessages` turn's metadata under `metadata.turnMetadata` on the
+ * user-role message it appends (a completion notice, a `react` milestone), and
+ * puts a `narrate` milestone's metadata directly on the assistant message it
+ * adds — so both shapes are read. Anything else is an ordinary message.
+ */
+declare function getAgentEvent(message: UIMessage): AgentEvent | null;
+interface AgentEventRowProps extends React.HTMLAttributes<HTMLDivElement> {
+  message: UIMessage;
+  event: AgentEvent;
+}
+/**
+ * One collapsed transcript row for a background run's report or completion
+ * notice: who reported, what happened, and the first line of what it said;
+ * expanding shows the whole text the model received. The run's name comes
+ * from the parent's retained-run projection when the row is inside an
+ * `AgentToolRunsProvider`.
+ */
+declare function AgentEventRow({
+  className,
+  event,
+  message,
+  ref,
+  ...props
+}: AgentEventRowProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { AgentEvent, AgentEventRow, AgentEventRowProps, getAgentEvent };