@mcp-b/react-components 0.40.0 → 0.41.0

package/dist/{AgentChat-CVO7xyLC.d.ts → AgentChat-DVr2giwD.d.ts}

@@ -167,7 +167,7 @@ interface AgentChatProps<MessageT extends UIMessage = UIMessage> {
   composerAddMenuItems?: React.ReactNode;
   /**
    * Transient status rendered between the transcript and the composer —
-   * e.g. a "Reconnecting…" pill. `ThinkChat.Messages` fills this from the
+   * e.g. "Reconnecting…". `ThinkChat.Messages` fills this from the
    * hook's `isRecovering`/`connectionError` automatically.
    */
   notice?: React.ReactNode;

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

@@ -21,6 +21,18 @@ type AgentToolEventSource = Parameters<typeof useAgentToolEvents>[0]["agent"] &
  * once per socket connect, so a later mount misses existing runs — and share
  * the one value with every surface that reads runs (the chat shell and a
  * run-detail route read the same projection, never two subscriptions).
+ *
+ * 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
+ * trip loses to the effect flush.
  */
 declare function useSourceScopedAgentToolEvents<Part extends AgentToolRunPart = UIMessage["parts"][number]>(agent: AgentToolEventSource): {
   runsById: Record<string, import("agents").AgentToolRunState<Part>>;

package/dist/AppTopBar-ZdgmB_Lu.d.ts

@@ -0,0 +1,97 @@
+import { a as ToolbarLinkProps, n as ToolbarButtonProps, r as ToolbarGroupProps, t as Toolbar } from "./Toolbar-CBOseBQr.js";
+import * as React from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/general-purpose/AppTopBar.d.ts
+interface AppTopBarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Root> {
+  /** Accessible name describing the controls in this application bar. */
+  "aria-label": string;
+  /**
+   * Where the title sits. An application bar centres it between the control
+   * groups; a panel header labels its leading edge instead.
+   */
+  titleAlign?: "center" | "start";
+}
+interface AppTopBarGroupProps extends ToolbarGroupProps {}
+interface AppTopBarTitleProps extends useRender.ComponentProps<"div"> {}
+interface AppTopBarButtonProps extends Omit<ToolbarButtonProps, "aria-label"> {
+  ref?: React.Ref<HTMLButtonElement>;
+  /** Accessible name and default tooltip text for the icon-only control. */
+  label: string;
+  /** Tooltip text when it should differ from the accessible name. */
+  tooltip?: React.ReactNode;
+}
+interface AppTopBarLinkProps extends Omit<ToolbarLinkProps, "aria-label"> {
+  ref?: React.Ref<HTMLAnchorElement>;
+  /** Accessible name and default tooltip text for the icon-only link. */
+  label: string;
+  /** Tooltip text when it should differ from the accessible name. */
+  tooltip?: React.ReactNode;
+}
+interface AppTopBarControlProps extends ToolbarButtonProps {
+  ref?: React.Ref<HTMLButtonElement>;
+}
+/**
+ * Stable application-level toolbar with composable leading, title, and trailing
+ * slots. Descendant buttons share Base UI's roving focus and tooltip provider.
+ */
+declare function AppTopBarRoot({
+  children,
+  className,
+  titleAlign,
+  ...props
+}: AppTopBarRootProps): React.JSX.Element;
+declare function AppTopBarLeading({
+  className,
+  ...props
+}: AppTopBarGroupProps): React.JSX.Element;
+declare function AppTopBarTitle({
+  className,
+  render,
+  ref,
+  ...props
+}: AppTopBarTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function AppTopBarTrailing({
+  className,
+  ...props
+}: AppTopBarGroupProps): React.JSX.Element;
+declare function AppTopBarControl({
+  className,
+  ...props
+}: AppTopBarControlProps): React.JSX.Element;
+declare function AppTopBarButton({
+  children,
+  className,
+  disabled,
+  label,
+  render,
+  tooltip,
+  ...props
+}: AppTopBarButtonProps): React.JSX.Element;
+declare function AppTopBarLink({
+  children,
+  className,
+  label,
+  render,
+  tooltip,
+  ...props
+}: AppTopBarLinkProps): React.JSX.Element;
+/**
+ * Composable application top bar with stable leading, title, and trailing
+ * slots. Icon controls use shared Toolbar roving focus and coordinated Tooltip
+ * behavior; their fixed slots do not resize when state icons change. Render an
+ * existing behavior-rich button through `Control` to retain those toolbar
+ * semantics without rebuilding the control. Use `Link` for navigation so an
+ * `href` or router-provided link keeps native link semantics.
+ */
+declare const AppTopBar: {
+  Root: typeof AppTopBarRoot;
+  Leading: typeof AppTopBarLeading;
+  Title: typeof AppTopBarTitle;
+  Trailing: typeof AppTopBarTrailing;
+  Control: typeof AppTopBarControl;
+  Button: typeof AppTopBarButton;
+  Link: typeof AppTopBarLink;
+};
+//#endregion
+export { AppTopBarLinkProps as a, AppTopBarGroupProps as i, AppTopBarButtonProps as n, AppTopBarRootProps as o, AppTopBarControlProps as r, AppTopBarTitleProps as s, AppTopBar as t };

package/dist/{CodeBlock-CWk1FVtm.js → CodeBlock-BjELA-_s.js}

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

package/dist/{FileTree-xqHYBw4g.js → FileTree-DMYRdT6R.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-MmIXciMO.js";
+import { C as FolderIcon, S as FileIcon, p as ChevronRightIcon, w as FolderOpenIcon } from "./icons-CVFSeTJn.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

@@ -0,0 +1,39 @@
+import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "./mcp-server-catalog-CCj2ItkV.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/McpConnectorForm.d.ts
+type CredentialFieldName = Exclude<McpServerSetupAuthFieldName, "redirectUrl">;
+type McpConnectorFormValues = Readonly<Partial<Record<CredentialFieldName, string>> & {
+  readonly name: string;
+  readonly url: string;
+}>;
+type McpConnectorFormProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "status"> & {
+  /** Authentication metadata that decides which credential fields render. */readonly auth?: McpServerSetupAuth; /** Initial connector values. Publisher client credentials remain app-owned. */
+  readonly defaults?: Partial<McpConnectorFormValues>; /** Optional pattern used to validate the MCP name field. */
+  readonly namePattern?: string; /** Keep a catalog-owned MCP name and URL visible but immutable. */
+  readonly readOnlyServer?: boolean; /** Read-only redirect URL shown for manual OAuth client setup. */
+  readonly redirectUrl?: string; /** Inline connection status announced politely to assistive tech. */
+  readonly status?: React.ReactNode; /** Label for the submit button. */
+  readonly submitLabel?: string; /** Label shown while submit is pending. */
+  readonly submittingLabel?: string; /** Called with normalized connector values after native form validation passes. */
+  readonly onSubmit: (values: McpConnectorFormValues) => void | Promise<void>;
+};
+/** Collects MCP connector settings and optional credentials with native form validation. */
+declare function McpConnectorForm({
+  auth,
+  className,
+  defaults,
+  namePattern,
+  readOnlyServer,
+  redirectUrl,
+  status,
+  submitLabel,
+  submittingLabel,
+  onSubmit,
+  ref,
+  ...props
+}: McpConnectorFormProps & {
+  ref?: React.Ref<HTMLFormElement>;
+}): React.JSX.Element;
+//#endregion
+export { McpConnectorFormProps as n, McpConnectorFormValues as r, McpConnectorForm as t };

package/dist/{Message-DBsHHhcM.d.ts → Message-D_vCVEGB.d.ts}

@@ -55,6 +55,25 @@ declare function MessageContent({
 }: MessageContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+interface MessageMetaProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Quiet message metadata and actions shown on hover or keyboard focus. */
+declare function MessageMeta({
+  className,
+  children,
+  ref,
+  ...props
+}: MessageMetaProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface MessageTimestampProps extends Omit<React.TimeHTMLAttributes<HTMLTimeElement>, "children" | "dateTime"> {
+  date: Date;
+}
+/** Machine-readable message time with a compact local-time label. */
+declare function MessageTimestamp({
+  date,
+  className,
+  ...props
+}: MessageTimestampProps): React.JSX.Element;
 type MessageResponseProps = StreamdownProps;
 declare const MessageResponse: React.MemoExoticComponent<({
   className,
@@ -225,4 +244,4 @@ declare function MessageBranchPage({
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 //#endregion
-export { MessageResponse as C, MessageToolbarProps as D, MessageToolbar as E, MessageProps as S, MessageRole as T, MessageBranchProps as _, MessageActionsProps as a, MessageContent as b, MessageBranch as c, MessageBranchNext as d, MessageBranchNextProps as f, MessageBranchPreviousProps as g, MessageBranchPrevious as h, MessageActions as i, MessageBranchContent as l, MessageBranchPageProps as m, MessageAction as n, MessageAttachment as o, MessageBranchPage as p, MessageActionProps as r, MessageAttachmentProps as s, Message as t, MessageBranchContentProps as u, MessageBranchSelector as v, MessageResponseProps as w, MessageContentProps as x, MessageBranchSelectorProps as y };
+export { MessageToolbar as A, MessageMetaProps as C, MessageRole as D, MessageResponseProps as E, MessageTimestamp as O, MessageMeta as S, MessageResponse as T, MessageBranchProps as _, MessageActionsProps as a, MessageContent as b, MessageBranch as c, MessageBranchNext as d, MessageBranchNextProps as f, MessageBranchPreviousProps as g, MessageBranchPrevious as h, MessageActions as i, MessageToolbarProps as j, MessageTimestampProps as k, MessageBranchContent as l, MessageBranchPageProps as m, MessageAction as n, MessageAttachment as o, MessageBranchPage as p, MessageActionProps as r, MessageAttachmentProps as s, Message as t, MessageBranchContentProps as u, MessageBranchSelector as v, MessageProps as w, MessageContentProps as x, MessageBranchSelectorProps as y };

package/dist/{ThinkChatActivity-D6-_5Phw.d.ts → ThinkChatActivity-DyGHj01E.d.ts}

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

package/dist/{ThinkExecutionRun-lYYgyeE1.d.ts → ThinkExecutionRun-k8bpyXqt.d.ts}

@@ -6,9 +6,10 @@ import { WorkflowInfo } from "agents/workflows";
 type ThinkExecutionRun = ThinkSubmissionInspection | WorkflowInfo;
 /** Narrows the direct upstream execution union without wrapping either record. */
 declare function isThinkSubmissionRun(run: ThinkExecutionRun): run is ThinkSubmissionInspection;
-type ThinkExecutionStatusTone = "success" | "danger" | "warning" | "primary" | "neutral";
+type ThinkExecutionStatusTone = "success" | "danger" | "paused" | "primary" | "neutral";
 declare function getThinkExecutionRunId(run: ThinkExecutionRun): string;
 declare function getThinkExecutionRunTitle(run: ThinkExecutionRun): string;
+declare function getThinkExecutionRunKindLabel(run: ThinkExecutionRun): "Submission" | "Workflow";
 declare function getThinkExecutionRunSubtitle(run: ThinkExecutionRun): string | undefined;
 declare function getThinkExecutionRunProgressedAt(run: ThinkExecutionRun): number | Date | undefined;
 declare function getThinkExecutionRunProgressedLabel(run: ThinkExecutionRun): "Started" | "Updated";
@@ -25,6 +26,5 @@ declare function formatThinkExecutionShortTimestamp(value: Date | number | null
 declare function formatThinkExecutionRunProgress(run: ThinkExecutionRun): string;
 declare function getThinkExecutionRunAccessibleName(run: ThinkExecutionRun): string;
 declare function getThinkExecutionRunError(run: ThinkExecutionRun): string | undefined;
-declare function isSameThinkExecutionRun(first: ThinkExecutionRun | null, second: ThinkExecutionRun): boolean;
 //#endregion
-export { isThinkSubmissionRun as _, formatThinkExecutionStatus as a, getThinkExecutionRunError as c, getThinkExecutionRunProgressedLabel as d, getThinkExecutionRunStatus as f, isSameThinkExecutionRun as g, getThinkExecutionRunTitle as h, formatThinkExecutionShortTimestamp as i, getThinkExecutionRunId as l, getThinkExecutionRunSubtitle as m, ThinkExecutionStatusTone as n, formatThinkExecutionTimestamp as o, getThinkExecutionRunStatusTone as p, formatThinkExecutionRunProgress as r, getThinkExecutionRunAccessibleName as s, ThinkExecutionRun as t, getThinkExecutionRunProgressedAt as u };
+export { isThinkSubmissionRun as _, formatThinkExecutionStatus as a, getThinkExecutionRunError as c, getThinkExecutionRunProgressedAt as d, getThinkExecutionRunProgressedLabel as f, getThinkExecutionRunTitle as g, getThinkExecutionRunSubtitle as h, formatThinkExecutionShortTimestamp as i, getThinkExecutionRunId as l, getThinkExecutionRunStatusTone as m, ThinkExecutionStatusTone as n, formatThinkExecutionTimestamp as o, getThinkExecutionRunStatus as p, formatThinkExecutionRunProgress as r, getThinkExecutionRunAccessibleName as s, ThinkExecutionRun as t, getThinkExecutionRunKindLabel as u };

package/dist/{ToggleGroup-_pQMyHGM.d.ts → ToggleGroup-BrQZOQn_.d.ts}

@@ -1,7 +1,7 @@
 import { r as ToggleVariantsOptions } from "./Toggle-DLrIf5YH.js";
 import * as React from "react";
-import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup } from "@base-ui/react/toggle-group";
+import { Toggle } from "@base-ui/react/toggle";
 
 //#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];

package/dist/Toolbar-CBOseBQr.d.ts

@@ -0,0 +1,152 @@
+import * as React from "react";
+import { Toolbar } from "@base-ui/react/toolbar";
+
+//#region src/components/foundations/Toolbar.d.ts
+/**
+ * Props for the Toolbar.Root component.
+ */
+interface ToolbarRootProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Root> {}
+/**
+ * Props for the Toolbar.Button component.
+ */
+interface ToolbarButtonProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Button> {
+  /** Skip the default Button chrome when a composed control owns its visuals. */
+  unstyled?: boolean;
+}
+/**
+ * Props for the Toolbar.Link component.
+ */
+interface ToolbarLinkProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Link> {
+  /** Skip the default Button chrome when a composed link owns its visuals. */
+  unstyled?: boolean;
+}
+/**
+ * Props for the Toolbar.Group component.
+ */
+interface ToolbarGroupProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Group> {}
+/**
+ * Props for the Toolbar.Separator component.
+ */
+interface ToolbarSeparatorProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Separator> {}
+/**
+ * Props for the Toolbar.Input component.
+ */
+interface ToolbarInputProps extends React.ComponentPropsWithoutRef<typeof Toolbar.Input> {}
+/**
+ * Container for grouping toolbar buttons and controls.
+ *
+ * @example
+ * ```tsx
+ * <Toolbar.Root>
+ *   <Toolbar.Button>Bold</Toolbar.Button>
+ *   <Toolbar.Button>Italic</Toolbar.Button>
+ *   <Toolbar.Separator />
+ *   <Toolbar.Button>Align Left</Toolbar.Button>
+ * </Toolbar.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar}
+ */
+declare function ToolbarRoot({
+  className,
+  ref,
+  ...props
+}: ToolbarRootProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * A clickable button within the toolbar.
+ */
+declare function ToolbarButton({
+  unstyled,
+  className,
+  ref,
+  ...props
+}: ToolbarButtonProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+/**
+ * A link element within the toolbar.
+ */
+declare function ToolbarLink({
+  unstyled,
+  className,
+  ref,
+  ...props
+}: ToolbarLinkProps & {
+  ref?: React.Ref<HTMLAnchorElement>;
+}): React.JSX.Element;
+/**
+ * Groups toolbar items together.
+ */
+declare function ToolbarGroup({
+  className,
+  ref,
+  ...props
+}: ToolbarGroupProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Visual separator between toolbar sections.
+ */
+declare function ToolbarSeparator({
+  className,
+  ref,
+  ...props
+}: ToolbarSeparatorProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Input element within the toolbar.
+ */
+declare function ToolbarInput({
+  className,
+  ref,
+  ...props
+}: ToolbarInputProps & {
+  ref?: React.Ref<HTMLInputElement>;
+}): React.JSX.Element;
+/**
+ * A container for grouping buttons and controls.
+ * Provides keyboard navigation between items.
+ *
+ * @example
+ * ```tsx
+ * // Text formatting toolbar
+ * <Toolbar.Root>
+ *   <Toolbar.Group>
+ *     <Toolbar.Button>Bold</Toolbar.Button>
+ *     <Toolbar.Button>Italic</Toolbar.Button>
+ *     <Toolbar.Button>Underline</Toolbar.Button>
+ *   </Toolbar.Group>
+ *   <Toolbar.Separator />
+ *   <Toolbar.Group>
+ *     <Toolbar.Button>Left</Toolbar.Button>
+ *     <Toolbar.Button>Center</Toolbar.Button>
+ *     <Toolbar.Button>Right</Toolbar.Button>
+ *   </Toolbar.Group>
+ * </Toolbar.Root>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Vertical toolbar
+ * <Toolbar.Root orientation="vertical">
+ *   <Toolbar.Button>Item 1</Toolbar.Button>
+ *   <Toolbar.Button>Item 2</Toolbar.Button>
+ *   <Toolbar.Button>Item 3</Toolbar.Button>
+ * </Toolbar.Root>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar}
+ */
+declare const Toolbar$1: {
+  Root: typeof ToolbarRoot;
+  Button: typeof ToolbarButton;
+  Link: typeof ToolbarLink;
+  Group: typeof ToolbarGroup;
+  Separator: typeof ToolbarSeparator;
+  Input: typeof ToolbarInput;
+};
+//#endregion
+export { ToolbarLinkProps as a, ToolbarInputProps as i, ToolbarButtonProps as n, ToolbarRootProps as o, ToolbarGroupProps as r, ToolbarSeparatorProps as s, Toolbar$1 as t };

package/dist/{WorkspaceFileView-Lab3om3F.js → WorkspaceFileView-D0yFwoDr.js}

@@ -1,6 +1,6 @@
-import { d as CheckIcon, h as CodeIcon, j as MaximizeIcon, nt as WarningIcon, r as ArrowLeftIcon, x as EyeIcon, y as DownloadIcon } from "./icons-MmIXciMO.js";
+import { $ as WarningIcon, O as MaximizeIcon, b as EyeIcon, d as CheckIcon, m as CodeIcon, r as ArrowLeftIcon, v as DownloadIcon } from "./icons-CVFSeTJn.js";
 import { r as formatClock } from "./format-DB2mX9DA.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-CWk1FVtm.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-BjELA-_s.js";
 import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DtH66bAY.js";

package/dist/{WorkspaceMessageResponse-Cy28WGSz.d.ts → WorkspaceMessageResponse-D66ty4FO.d.ts}

@@ -1,4 +1,4 @@
-import { w as MessageResponseProps } from "./Message-DBsHHhcM.js";
+import { E as MessageResponseProps } from "./Message-D_vCVEGB.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceMessageResponse.d.ts

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

@@ -1,5 +1,5 @@
 import { inferFaviconUrl } from "../../utils/favicon.js";
-import { A as LinkIcon, C as FileIcon, I as MonitorIcon, K as SearchIcon, O as InfoIcon, V as PencilIcon, et as TerminalIcon, nt as WarningIcon, rt as WrenchIcon } from "../../icons-MmIXciMO.js";
+import { $ as WarningIcon, D as LinkIcon, N as MonitorIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, U as SearchIcon, Z as TerminalIcon, et as WrenchIcon } from "../../icons-CVFSeTJn.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-CVO7xyLC.js";
+import { a as PermissionModeControl, i as AgentChatRenderMessageContext, n as AgentChatComposerDraft, o as compactingNotice, r as AgentChatProps, t as AgentChat } from "../../AgentChat-DVr2giwD.js";
 export { AgentChat, AgentChatComposerDraft, AgentChatProps, AgentChatRenderMessageContext, PermissionModeControl, compactingNotice };

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

@@ -1,16 +1,16 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
-import { G as RefreshIcon, R as MoveToFrontIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, Y as SpinnerIcon, t as ArchiveIcon, tt as TrashIcon } from "../../icons-MmIXciMO.js";
+import { B as PlusIcon, F as MoveToFrontIcon, H as RefreshIcon, K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, V as QueueIcon, t as ArchiveIcon } from "../../icons-CVFSeTJn.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, PromptInputReferences, PromptInputSubmit, PromptInputTextarea, PromptInputTools, PromptInputTray, usePromptInputAttachments } from "../ai-sdk/PromptInput.js";
 import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
-import { Message, MessageAction, MessageActions } from "../ai-sdk/Message.js";
+import { Message, MessageAction, MessageActions, MessageMeta, MessageTimestamp } from "../ai-sdk/Message.js";
 import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
 import { Marker, MarkerContent } from "../foundations/Marker.js";
-import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
+import { t as CopyButton } from "../../copy-button-lys9N_aI.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { QueueItem, QueueItemActions, QueueItemContent } from "../ai-sdk/Queue.js";
@@ -78,6 +78,14 @@ function observeAgentChatComposer(element) {
 		observer.disconnect();
 	};
 }
+function getAgentChatMessageTime(message) {
+	const metadata = message.metadata;
+	if (!metadata || typeof metadata !== "object" || !("createdAt" in metadata)) return void 0;
+	const value = metadata.createdAt;
+	if (!(value instanceof Date) && typeof value !== "number" && typeof value !== "string") return;
+	const date = value instanceof Date ? value : new Date(value);
+	return Number.isNaN(date.getTime()) ? void 0 : date;
+}
 const EMPTY_PENDING_APPROVALS = [];
 const EMPTY_SKIPPED_APPROVAL_IDS = [];
 function createApprovalSessionState(thinkStub) {
@@ -133,12 +141,13 @@ function AgentChatAssistantActions({ message, responseNumber, showCopy, showRetr
 			label: `Copy response ${responseNumber}`,
 			tooltip: "Copy response",
 			text: copyText,
-			size: "sm",
+			size: "xs",
 			onCopy: () => onCopyStatus(`Response ${responseNumber} copied.`),
 			onError: () => onCopyStatus(`Could not copy response ${responseNumber}. Try again.`)
 		}) : null, hasRetry ? /* @__PURE__ */ jsx(MessageAction, {
 			label: "Retry",
 			tooltip: "Regenerate response",
+			size: "xs",
 			onClick: () => onRegenerate(message.id),
 			children: /* @__PURE__ */ jsx(RefreshIcon, { size: 14 })
 		}) : null]
@@ -164,6 +173,8 @@ function isCompactedPart(message, partIndex) {
 * "Transcript rendering performance" in docs/think-chat.md.
 */
 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);
 	return /* @__PURE__ */ jsx(Fragment, { children: isCompactionMessage(message) ? /* @__PURE__ */ jsx(Marker, {
 		variant: "separator",
 		children: /* @__PURE__ */ jsx(MarkerContent, { children: "Context compacted" })
@@ -193,20 +204,32 @@ function AgentChatTranscriptRowBodyImpl({ message, messageIndex, status, renderP
 				message,
 				messageIndex
 			}),
-			canEdit && getEditableUserText(message) !== void 0 ? /* @__PURE__ */ jsx(MessageActions, {
-				"aria-label": "Message actions",
-				"aria-hidden": editDisabled || void 0,
-				className: "message__actions--inline",
-				"data-unavailable": editDisabled || void 0,
-				children: /* @__PURE__ */ jsx(MessageAction, {
-					ref: editButtonRef,
-					disabled: editDisabled,
-					label: "Edit message",
-					tooltip: "Edit and resend",
-					onClick: () => onStartEdit(message.id),
-					children: /* @__PURE__ */ jsx(PencilIcon, {})
-				})
-			}) : null,
+			message.role === "user" && (messageTime !== void 0 || userText !== void 0) ? /* @__PURE__ */ jsxs(MessageMeta, { children: [
+				messageTime ? /* @__PURE__ */ jsx(MessageTimestamp, { date: messageTime }) : null,
+				userText ? /* @__PURE__ */ jsx(CopyButton, {
+					className: "message__action",
+					label: `Copy message ${messageIndex + 1}`,
+					tooltip: "Copy message",
+					text: userText,
+					size: "xs",
+					onCopy: () => onCopyStatus(`Message ${messageIndex + 1} copied.`),
+					onError: () => onCopyStatus(`Could not copy message ${messageIndex + 1}. Try again.`)
+				}) : null,
+				canEdit && userText ? /* @__PURE__ */ jsx(MessageActions, {
+					"aria-label": "Message actions",
+					"aria-hidden": editDisabled || void 0,
+					"data-unavailable": editDisabled || void 0,
+					children: /* @__PURE__ */ jsx(MessageAction, {
+						ref: editButtonRef,
+						disabled: editDisabled,
+						label: "Edit message",
+						tooltip: "Edit and resend",
+						size: "xs",
+						onClick: () => onStartEdit(message.id),
+						children: /* @__PURE__ */ jsx(PencilIcon, {})
+					})
+				}) : null
+			] }) : null,
 			showAssistantActions ? /* @__PURE__ */ jsx(AgentChatAssistantActions, {
 				message,
 				responseNumber,

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

@@ -1,2 +1,2 @@
-import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolEventsValue, o as useSourceScopedAgentToolEvents, r as AgentToolRunsProvider, t as AgentToolEventSource } from "../../AgentToolRunsContext-BCVqCtJ1.js";
+import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolEventsValue, o as useSourceScopedAgentToolEvents, r as AgentToolRunsProvider, t as AgentToolEventSource } from "../../AgentToolRunsContext-daY67hFM.js";
 export { AgentToolEventSource, AgentToolEventsValue, AgentToolRunsProvider, AgentToolRunsProviderProps, useOptionalAgentToolRuns, useSourceScopedAgentToolEvents };

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

@@ -10,6 +10,18 @@ import { useAgentToolEvents } from "agents/react";
 * once per socket connect, so a later mount misses existing runs — and share
 * the one value with every surface that reads runs (the chat shell and a
 * run-detail route read the same projection, never two subscriptions).
+*
+* 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
+* trip loses to the effect flush.
 */
 function useSourceScopedAgentToolEvents(agent) {
 	const agentTools = useAgentToolEvents({ agent });