@mcp-b/react-components 0.55.0 → 0.56.1

package/dist/{AgentToolRunsContext-GMe_hSnD.d.ts → AgentToolRunsContext-DT50htHj.d.ts}

@@ -1,25 +1,12 @@
 import * as React from "react";
 import { UIMessage } from "ai";
 import { useAgentToolEvents } from "agents/react";
-import { AgentToolRunPart, AgentToolRunState, AgentToolRunStatus } from "agents/agent-tools";
+import { AgentToolRunPart, AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/agents-sdk/AgentToolRunsContext.d.ts
-/**
- * Whole native run fields with the SDK's complete lifecycle status. Published
- * Agents 0.21.0 excludes `starting` from AgentToolRunState while its native
- * AgentToolRunStatus includes it and current retained replay emits it. This
- * type-only correction does not translate records or accept another shape.
- */
-type AgentToolRunValue<Part extends AgentToolRunPart = AgentToolRunPart> = Omit<AgentToolRunState<Part>, "status"> & {
-  status: AgentToolRunStatus;
-};
-/** Whole event-hook value; run records keep the complete native lifecycle. */
-type AgentToolEventsValue<Part extends AgentToolRunPart = UIMessage["parts"][number]> = Omit<ReturnType<typeof useAgentToolEvents<Part>>, "runsById" | "runsByToolCallId" | "unboundRuns" | "getRunsForToolCall"> & {
-  runsById: Record<string, AgentToolRunValue<Part>>;
-  runsByToolCallId: Record<string, AgentToolRunValue<Part>[]>;
-  unboundRuns: AgentToolRunValue<Part>[];
-  getRunsForToolCall(toolCallId: string): AgentToolRunValue<Part>[];
-};
+/** Native SDK run and event-hook values, passed without translation. */
+type AgentToolRunValue<Part extends AgentToolRunPart = AgentToolRunPart> = AgentToolRunState<Part>;
+type AgentToolEventsValue<Part extends AgentToolRunPart = UIMessage["parts"][number]> = ReturnType<typeof useAgentToolEvents<Part>>;
 interface AgentToolRunsProviderProps<Part extends AgentToolRunPart = UIMessage["parts"][number]> {
   /** Pass the whole `useAgentToolEvents({ agent })` result directly. */
   agentTools: AgentToolEventsValue<Part>;

package/dist/{EmployeeChrome-B605rpVz.d.ts → EmployeeChrome-B7Gt2Hpk.d.ts}

@@ -1,5 +1,5 @@
 import { J as PromptInputMessage } from "./PromptInput-DGPrCTPl.js";
-import { n as AgentToolRunValue } from "./AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "./AgentToolRunsContext-DT50htHj.js";
 import { n as ResponsiveSidebarShell } from "./ResponsiveSidebarShell-BUBQa_IV.js";
 import { t as ThinkThreadItem } from "./ThinkThreadPicker-DX0lL-P7.js";
 import * as React from "react";

package/dist/{ThinkChatActivity-DENkintt.d.ts → ThinkChatActivity-B6dh3n0-.d.ts}

@@ -1,6 +1,6 @@
 import { i as AgentMessageRenderPartContext } from "./AgentMessageParts-C7L-Mv9U.js";
 import { AgentChatMessageContentProps } from "./components/agents-sdk/AgentChat.js";
-import { n as AgentToolRunValue } from "./AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "./AgentToolRunsContext-DT50htHj.js";
 import { l as ThinkChatPart } from "./ThinkChatToolParts-D4qcnnxt.js";
 import { t as ThinkChatActivityDescription } from "./ThinkChatActivitySummary-BtBQgMg6.js";
 import * as React from "react";

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

@@ -23,20 +23,16 @@ function observeAgentChatDock(element) {
 	if (!element || typeof ResizeObserver === "undefined") return;
 	const root = element.closest(".agent-chat");
 	let written;
-	let frame = 0;
-	const observer = new ResizeObserver(() => {
-		if (frame) return;
-		frame = requestAnimationFrame(() => {
-			frame = 0;
-			const size = `${element.offsetHeight}px`;
-			if (size === written) return;
-			written = size;
-			root?.style.setProperty("--agent-chat-dock-size", size);
-		});
-	});
+	const measure = () => {
+		const size = `${element.offsetHeight}px`;
+		if (size === written) return;
+		written = size;
+		root?.style.setProperty("--agent-chat-dock-size", size);
+	};
+	measure();
+	const observer = new ResizeObserver(measure);
 	observer.observe(element);
 	return () => {
-		cancelAnimationFrame(frame);
 		observer.disconnect();
 	};
 }
@@ -472,7 +468,7 @@ function AgentChatApprovals({ thinkStub, pendingApprovals = [], onExecutionSettl
 		ids: []
 	});
 	const ids = skipped.source === thinkStub ? skipped.ids : EMPTY_SKIPPED_IDS;
-	const items = [...getPendingToolApprovals(messages, { pausedExecutions: Boolean(thinkStub) }).filter((part) => (part.state !== "approval-requested" || onApprovalResponse) && !ids.includes(getApprovalStateKey(part) ?? "")).map((part) => ({ part })), ...pendingApprovals.filter((a) => a.source === "action" && !ids.includes(a.executionId)).map((approval) => ({ approval }))];
+	const items = [...getPendingToolApprovals(messages, { pausedExecutions: Boolean(thinkStub) }).filter((part) => (part.state !== "approval-requested" || onApprovalResponse) && !ids.includes(getApprovalStateKey(part) ?? "")).map((part) => ({ part })), ...pendingApprovals.filter((a) => !ids.includes(a.executionId)).map((approval) => ({ approval }))];
 	const pending = items.length ? items : EMPTY_APPROVAL_ITEMS;
 	const restore = React.useRef(false);
 	const active = React.useRef(false);
@@ -553,7 +549,7 @@ const compactingNotice = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE_
 const COMPACTION_NOTICES = {
 	pending: compactingNotice,
 	compacted: "Context compacted. Context usage updates after your next message.",
-	unchanged: "No context was compacted. Recent context is already protected.",
+	unchanged: "No summary was created. Run /compact to try again.",
 	failed: "Compaction failed — run /compact to try again."
 };
 const COMPACTION_COMMAND = {

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

@@ -1,2 +1,2 @@
-import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolRunValue, r as AgentToolRunsProvider, t as AgentToolEventsValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { a as useOptionalAgentToolRuns, i as AgentToolRunsProviderProps, n as AgentToolRunValue, r as AgentToolRunsProvider, t as AgentToolEventsValue } from "../../AgentToolRunsContext-DT50htHj.js";
 export { AgentToolEventsValue, AgentToolRunValue, AgentToolRunsProvider, AgentToolRunsProviderProps, useOptionalAgentToolRuns };

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

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-B605rpVz.js";
+import { f as EmployeeShellProps, l as EmployeeModelSetup, n as EmployeeBrand, p as EmployeeStatus, t as EmployeeAgentRun } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/EmployeeApp.d.ts

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

@@ -1,2 +1,2 @@
-import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-B605rpVz.js";
+import { a as EmployeeDestination, c as EmployeeMenuProps, d as EmployeeRenderLink, f as EmployeeShellProps, h as EmployeeWorkbenchItem, i as EmployeeCompanion, l as EmployeeModelSetup, m as EmployeeView, n as EmployeeBrand, o as EmployeeFollow, p as EmployeeStatus, r as EmployeeChrome, s as EmployeeIdentity, t as EmployeeAgentRun, u as EmployeePasskeyVault } from "../../EmployeeChrome-B7Gt2Hpk.js";
 export { EmployeeAgentRun, EmployeeBrand, EmployeeChrome, EmployeeCompanion, EmployeeDestination, EmployeeFollow, EmployeeIdentity, EmployeeMenuProps, EmployeeModelSetup, EmployeePasskeyVault, EmployeeRenderLink, EmployeeShellProps, EmployeeStatus, EmployeeView, EmployeeWorkbenchItem };

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

@@ -20,7 +20,7 @@ import { useTheme } from "../foundations/ThemeProvider.js";
 import { ActionGuide, ActionGuideAction, ActionGuideList, ActionGuideSection } from "../general-purpose/ActionGuide.js";
 import { ResponsiveSidebarShell, useResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { McpServerIcon } from "./McpServerIcon.js";
-import { ThinkThreadPicker } from "./ThinkThreadPicker.js";
+import { ThinkThreadPicker, ThinkThreadStatusIndicators, summarizeThinkThreads } from "./ThinkThreadPicker.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/EmployeeChrome.tsx
@@ -398,7 +398,7 @@ function EmployeeShell({ view, threads, threadId, agentRun, renderLink, appBarLe
 					agentRun,
 					threadTitle: thread?.title
 				}),
-				compactTitleTrigger: agentRun ? void 0 : /* @__PURE__ */ jsx("span", { children: thread?.title ?? "New chat" }),
+				compactTitleTrigger: agentRun ? void 0 : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: thread?.title ?? "New chat" }), /* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: summarizeThinkThreads(history) })] }),
 				leading: agentRun ? back : /* @__PURE__ */ jsxs(Fragment, { children: [appBarLeading, /* @__PURE__ */ jsx(EmployeeNewThread, { renderLink })] }),
 				compactLeading: !agentRun && view !== "chat" ? compactBack ?? back : void 0,
 				actions: employeeShellActions({

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

@@ -1,4 +1,4 @@
-import { c as EmployeeMenuProps } from "../../EmployeeChrome-B605rpVz.js";
+import { c as EmployeeMenuProps } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import { t as ThinkRoutine } from "../../ThinkRoutine-Cb1DdaHa.js";
 import { ThinkRoutineActionsRootProps } from "./ThinkRoutineActions.js";
 import * as React from "react";

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

@@ -1,5 +1,5 @@
 import { J as PromptInputMessage } from "../../PromptInput-DGPrCTPl.js";
-import { a as EmployeeDestination, n as EmployeeBrand } from "../../EmployeeChrome-B605rpVz.js";
+import { a as EmployeeDestination, n as EmployeeBrand } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import { SetupChecklistGroupProps } from "../general-purpose/SetupChecklist.js";
 import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-DNeHDrts.js";
 import { r as WorkspaceMountManagerProps } from "../../WorkspaceMountManager-CkLI1B-G.js";

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

@@ -1,4 +1,4 @@
-import { f as EmployeeShellProps } from "../../EmployeeChrome-B605rpVz.js";
+import { f as EmployeeShellProps } from "../../EmployeeChrome-B7Gt2Hpk.js";
 import { ManagerOfficeConnectedEmployee, ManagerOfficeDestination, ManagerOfficeEmployee } from "./ManagerOffice.js";
 import * as React from "react";
 

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

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/SubagentRunDetails.d.ts

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

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 import { AgentToolRunPart } from "agents/agent-tools";
 

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

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart } from "agents/agent-tools";

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

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue, t as AgentToolEventsValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue, t as AgentToolEventsValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import { ExpansionStore } from "../ai-sdk/ExpansionState.js";
 import * as React from "react";
 import { AgentToolRunPart } from "agents/agent-tools";
@@ -8,27 +8,18 @@ interface CommandState {
   pending: boolean;
   error?: string;
 }
-/** Controlled collection facts supplied by the connection owner. */
-interface SubagentRunCollectionState {
-  status: "loading" | "ready" | "error";
-  stale: boolean;
-  error?: string;
-}
 interface SubagentRunPanelProviderProps {
   /** Conversation identity; changing it resets transient controls without remounting children. */
   scopeKey: string;
   /** The one upstream event-hook value from the parent connection. */
   agentTools: AgentToolEventsValue<AgentToolRunPart>;
-  collection: SubagentRunCollectionState;
-  /** The host's native execution predicate; presentation does not own cancellation policy. */
-  mayExecute: (run: AgentToolRunValue) => boolean;
   selectedRunId?: string;
   parentRunning: boolean;
   onStopCurrentWork: () => Promise<void>;
   onStopRun: (runId: string) => Promise<void>;
   children: React.ReactNode;
 }
-interface SubagentRunPanelValue extends Pick<SubagentRunPanelProviderProps, "agentTools" | "collection" | "mayExecute" | "selectedRunId" | "parentRunning"> {
+interface SubagentRunPanelValue extends Pick<SubagentRunPanelProviderProps, "agentTools" | "selectedRunId" | "parentRunning"> {
   open: boolean;
   setOpen: (open: boolean) => void;
   hiddenCompleted: ReadonlySet<string>;
@@ -43,8 +34,6 @@ interface SubagentRunPanelValue extends Pick<SubagentRunPanelProviderProps, "age
 declare function SubagentRunPanelProvider({
   scopeKey,
   agentTools,
-  collection,
-  mayExecute,
   selectedRunId,
   parentRunning,
   onStopCurrentWork,
@@ -60,4 +49,4 @@ declare function SubagentRunPanel({
   renderRunLink
 }: SubagentRunPanelProps): React.JSX.Element | null;
 //#endregion
-export { SubagentRunCollectionState, SubagentRunPanel, SubagentRunPanelProps, SubagentRunPanelProvider, SubagentRunPanelProviderProps, useOptionalSubagentRunPanel };
+export { SubagentRunPanel, SubagentRunPanelProps, SubagentRunPanelProvider, SubagentRunPanelProviderProps, useOptionalSubagentRunPanel };

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

@@ -7,6 +7,7 @@ import { AgentChatNotice, AgentChatPromptTray } from "./AgentChat.js";
 import { SubagentRunSelector } from "./SubagentRunSelector.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { agentToolRunMayExecute } from "agents/react";
 //#region src/components/agents-sdk/SubagentRunPanel.tsx
 const IDLE = { pending: false };
 const SubagentRunPanelContext = React.createContext(null);
@@ -22,7 +23,7 @@ function createPanelState(scopeKey, selectedRunId) {
 	};
 }
 /** A thread's transient controls/disclosure state; run facts remain in the SDK value. */
-function SubagentRunPanelProvider({ scopeKey, agentTools, collection, mayExecute, selectedRunId, parentRunning, onStopCurrentWork, onStopRun, children }) {
+function SubagentRunPanelProvider({ scopeKey, agentTools, selectedRunId, parentRunning, onStopCurrentWork, onStopRun, children }) {
 	const [state, setState] = React.useState(() => createPanelState(scopeKey, selectedRunId));
 	if (state.scopeKey !== scopeKey) setState(createPanelState(scopeKey, selectedRunId));
 	const { open, hiddenCompleted, commands, reportDisclosures, inFlight, restoreFocusRunId } = state;
@@ -63,8 +64,6 @@ function SubagentRunPanelProvider({ scopeKey, agentTools, collection, mayExecute
 	const stopRun = React.useCallback((id) => execute(id, () => onStopRun(id)), [execute, onStopRun]);
 	const value = React.useMemo(() => ({
 		agentTools,
-		collection,
-		mayExecute,
 		selectedRunId,
 		parentRunning,
 		open,
@@ -78,8 +77,6 @@ function SubagentRunPanelProvider({ scopeKey, agentTools, collection, mayExecute
 		stopRun
 	}), [
 		agentTools,
-		collection,
-		mayExecute,
 		selectedRunId,
 		parentRunning,
 		open,
@@ -101,12 +98,12 @@ function useOptionalSubagentRunPanel() {
 	return React.useContext(SubagentRunPanelContext);
 }
 function getSubagentRunRows(panel) {
-	const runs = Object.values(panel.agentTools.runsById).sort((a, b) => Number(!panel.mayExecute(a)) - Number(!panel.mayExecute(b)) || a.order - b.order);
+	const runs = Object.values(panel.agentTools.runsById).sort((a, b) => Number(!agentToolRunMayExecute(a)) - Number(!agentToolRunMayExecute(b)) || a.order - b.order);
 	return {
 		runs,
-		active: runs.filter(panel.mayExecute),
-		completed: runs.filter((run) => !panel.mayExecute(run)),
-		visible: runs.filter((run) => !panel.hiddenCompleted.has(run.runId) || panel.mayExecute(run))
+		active: runs.filter(agentToolRunMayExecute),
+		completed: runs.filter((run) => !agentToolRunMayExecute(run)),
+		visible: runs.filter((run) => !panel.hiddenCompleted.has(run.runId) || agentToolRunMayExecute(run))
 	};
 }
 function useSubagentRunFocus(panel, visible) {
@@ -155,7 +152,7 @@ function delegatedWorkLabel(active, completed) {
 function SubagentRunPanelControls({ panel, active }) {
 	const queue = useOptionalAgentChatQueue();
 	const stop = panel.commands["current-work"] ?? IDLE;
-	const canStop = panel.parentRunning || active > 1 || panel.collection.status !== "ready";
+	const canStop = panel.parentRunning || active > 1 || panel.agentTools.collection.status !== "ready";
 	if (!canStop && !stop.error && !stop.pending) return null;
 	return /* @__PURE__ */ jsx(QueueSectionActions, {
 		"aria-label": "Delegated work controls",
@@ -176,7 +173,7 @@ function SubagentRunPanelControls({ panel, active }) {
 }
 function SubagentRunRow({ panel, run, renderRunLink }) {
 	const command = panel.commands[run.runId] ?? IDLE;
-	const actionable = panel.mayExecute(run) || command.error || command.pending;
+	const actionable = agentToolRunMayExecute(run) || command.error || command.pending;
 	return /* @__PURE__ */ jsxs(QueueItem, {
 		"data-run-id": run.runId,
 		children: [/* @__PURE__ */ jsxs(QueueItemContent, { children: [/* @__PURE__ */ jsx(SubagentRunSelector, {
@@ -240,11 +237,11 @@ function SubagentRunPanelContent({ panel, renderRunLink }) {
 						role: "alert",
 						children: stop.error
 					}) : null,
-					panel.collection.status === "loading" ? /* @__PURE__ */ jsx(AgentChatNotice, { children: panel.collection.stale ? "Reconnecting. Last known runs are shown." : "Loading delegated work…" }) : null,
-					panel.collection.status === "error" ? /* @__PURE__ */ jsx(AgentChatNotice, {
+					panel.agentTools.collection.status === "loading" ? /* @__PURE__ */ jsx(AgentChatNotice, { children: panel.agentTools.collection.stale ? "Reconnecting. Last known runs are shown." : "Loading delegated work…" }) : null,
+					panel.agentTools.collection.status === "error" ? /* @__PURE__ */ jsx(AgentChatNotice, {
 						"data-tone": "danger",
 						role: "alert",
-						children: panel.collection.error ?? "Could not refresh delegated work. Last known runs are retained."
+						children: panel.agentTools.collection.error ?? "Could not refresh delegated work. Last known runs are retained."
 					}) : null,
 					/* @__PURE__ */ jsx(QueueList, {
 						"aria-label": "Delegated work runs",

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

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunPart } from "agents/agent-tools";

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

@@ -1,10 +1,9 @@
 import { J as PromptInputMessage } from "../../PromptInput-DGPrCTPl.js";
 import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
 import { AgentChatMessageContentProps, AgentChatRootProps } from "./AgentChat.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-DENkintt.js";
+import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-B6dh3n0-.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { n as WorkspaceFileRenderer } from "../../WorkspaceMessageResponse-BApg8KZv.js";
-import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
 import * as React from "react";
 import { ChatStatus, UIMessage } from "ai";
 import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
@@ -64,11 +63,6 @@ declare function ThinkChatApprovals({
   children
 }: ThinkChatApprovalsProps): React.JSX.Element;
 declare function ThinkChatRecoveryNotice(): React.JSX.Element;
-declare function ThinkChatCompactionNotice({
-  compaction
-}: {
-  compaction: UseSessionCompactionResult;
-}): React.JSX.Element;
 declare function useThinkChat<State = unknown, MessageT extends UIMessage = UIMessage>(): Omit<import("@ai-sdk/react").UseChatHelpers<MessageT>, "addToolOutput"> & {
   clearHistory: () => void;
   addToolOutput: (opts: {
@@ -93,10 +87,9 @@ declare const ThinkChat: {
   MessageContent: typeof ThinkChatMessageContent;
   Approvals: typeof ThinkChatApprovals;
   RecoveryNotice: typeof ThinkChatRecoveryNotice;
-  CompactionNotice: typeof ThinkChatCompactionNotice;
   Activity: typeof ThinkChatActivity;
   renderActivityPart: (context: AgentMessageRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
   createActivityRenderer: typeof createThinkChatActivityRenderer;
 };
 //#endregion
-export { ThinkChat, ThinkChatApprovals, ThinkChatApprovalsProps, ThinkChatCompactionNotice, ThinkChatMessageContent, ThinkChatMessageContentProps, ThinkChatRecoveryNotice, ThinkChatRoot, ThinkChatRootProps, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };
+export { ThinkChat, ThinkChatApprovals, ThinkChatApprovalsProps, ThinkChatMessageContent, ThinkChatMessageContentProps, ThinkChatRecoveryNotice, ThinkChatRoot, ThinkChatRootProps, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,6 +1,6 @@
 import { composerDraftToPrompt, parseComposerLinks } from "../../utils/composer-link.js";
-import { AgentChat, compactingNotice, useAgentChatControls } from "./AgentChat.js";
-import { ThinkChatContext, ThinkChatLiveContext, useOptionalThinkChatContext, useThinkChatContext } from "./ThinkChatContext.js";
+import { AgentChat, useAgentChatControls } from "./AgentChat.js";
+import { ThinkChatContext, ThinkChatLiveContext, useThinkChatContext } from "./ThinkChatContext.js";
 import { ThinkChatActivity, createThinkChatActivityRenderer, renderThinkChatActivityPart } from "./ThinkChatActivity.js";
 import { ThinkRecoveryNotice } from "./ThinkRecoveryNotice.js";
 import { n as WorkspaceMessageResponse, t as WorkspaceFileRendererProvider } from "../../WorkspaceMessageResponse-CUJk9_P5.js";
@@ -185,38 +185,6 @@ function ThinkChatRecoveryNotice() {
 	const chat = useThinkChatContext("ThinkChat.RecoveryNotice");
 	return /* @__PURE__ */ jsx(AgentChat.Notice, { children: /* @__PURE__ */ jsx(ThinkRecoveryNotice, { chat }) });
 }
-/** A submitted turn dismisses the result visible in that same committed update. */
-function useCompactionDismissal(result, revision) {
-	const previousRevision = React.useRef(revision);
-	const dismissed = React.useRef(null);
-	const revisionChanged = previousRevision.current !== revision;
-	React.useLayoutEffect(() => {
-		if (!revisionChanged) return;
-		previousRevision.current = revision;
-		dismissed.current = result;
-	}, [
-		result,
-		revision,
-		revisionChanged
-	]);
-	return revisionChanged || result === dismissed.current;
-}
-function getCompactionNotice(compaction, resultDismissed) {
-	if (compaction.compacting) return compactingNotice;
-	if (compaction.sessionError) return `Compaction failed: ${compaction.sessionError}`;
-	if (compaction.reloadError) return "Transcript may be out of date. The next completed turn will retry the refresh.";
-	const result = compaction.lastCompaction;
-	if (!result || resultDismissed) return null;
-	const freed = Math.round((result.tokensBefore - result.tokensAfter) / 1e3) * 1e3;
-	return `Context compacted${freed > 0 ? ` — about ${freed.toLocaleString()} tokens freed` : ""}. Context usage updates after your next message.`;
-}
-function ThinkChatCompactionNotice({ compaction }) {
-	const chat = useOptionalThinkChatContext();
-	const { submissionVersion } = useAgentChatControls();
-	const revision = `${chat?.messages.length}:${submissionVersion}`;
-	const dismissed = useCompactionDismissal(compaction.lastCompaction, revision);
-	return /* @__PURE__ */ jsx(AgentChat.Notice, { children: getCompactionNotice(compaction, dismissed) });
-}
 function useThinkChat() {
 	return useThinkChatContext("useThinkChat");
 }
@@ -225,10 +193,9 @@ const ThinkChat = {
 	MessageContent: ThinkChatMessageContent,
 	Approvals: ThinkChatApprovals,
 	RecoveryNotice: ThinkChatRecoveryNotice,
-	CompactionNotice: ThinkChatCompactionNotice,
 	Activity: ThinkChatActivity,
 	renderActivityPart: renderThinkChatActivityPart,
 	createActivityRenderer: createThinkChatActivityRenderer
 };
 //#endregion
-export { ThinkChat, ThinkChatApprovals, ThinkChatCompactionNotice, ThinkChatMessageContent, ThinkChatRecoveryNotice, ThinkChatRoot, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };
+export { ThinkChat, ThinkChatApprovals, ThinkChatMessageContent, ThinkChatRecoveryNotice, ThinkChatRoot, getThinkChatStatus, normalizeThinkPrompt, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-DENkintt.js";
+import { a as ThinkChatToolRenderers, i as ThinkChatToolRenderer, n as ThinkChatActivityProps, o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, s as renderThinkChatActivityPart, t as ThinkChatActivity } from "../../ThinkChatActivity-B6dh3n0-.js";
 export { ThinkChatActivity, ThinkChatActivityProps, ThinkChatActivityRendererOptions, ThinkChatToolRenderer, ThinkChatToolRenderers, createThinkChatActivityRenderer, renderThinkChatActivityPart };

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

@@ -35,7 +35,7 @@ declare function ThinkFullAppWorkbench({
   className,
   ref,
   ...props
-}: ThinkFullAppWorkbenchProps): React.JSX.Element | null;
+}: ThinkFullAppWorkbenchProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 interface ThinkFullAppResizeHandleProps extends ResizableSidePanelHandleProps {}
 /** Keyboard and pointer resize control; absent while the workbench is closed. */
 declare function ThinkFullAppResizeHandle({

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

@@ -67,10 +67,7 @@ function ThinkFullAppWorkbench({ render, className, ref, ...props }) {
 			className: mergeBaseClassName("think-full-app__aside", className)
 		}, props)
 	});
-	return open ? /* @__PURE__ */ jsx(React.ViewTransition, {
-		default: "sigvelo-layout-transition",
-		children: element
-	}) : null;
+	return open ? element : null;
 }
 /** Keyboard and pointer resize control; absent while the workbench is closed. */
 function ThinkFullAppResizeHandle({ className, ...props }) {

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, R as PencilIcon, _ as DotIcon, et as WarningIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, R as PencilIcon, et as WarningIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
@@ -91,7 +91,10 @@ function ThinkThreadStatusIndicators({ summary, className }) {
 			summary.attention ? /* @__PURE__ */ jsxs("span", {
 				className: "think-thread-status-indicators__item",
 				"data-status": "attention",
-				children: [/* @__PURE__ */ jsx(DotIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: summary.attention })]
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "think-thread-status-dot",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ jsx("span", { children: summary.attention })]
 			}) : null,
 			summary.failed ? /* @__PURE__ */ jsxs("span", {
 				className: "think-thread-status-indicators__item",
@@ -167,10 +170,7 @@ function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSele
 						className: "think-thread-picker__title sigvelo-truncate",
 						children: title
 					}),
-					/* @__PURE__ */ jsx(ThinkThreadStatusIndicators, {
-						summary: statusSummary,
-						className: "sigvelo-visually-hidden"
-					}),
+					/* @__PURE__ */ jsx(ThinkThreadStatusIndicators, { summary: statusSummary }),
 					createThreadLink ? /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 						render: /* @__PURE__ */ jsx(LinkButton, {
 							ref: createButtonRef,
@@ -245,7 +245,10 @@ function ThinkThreadPicker({ threads, renderThreadLink, createThreadLink, onSele
 											role: "img",
 											"aria-label": statusLabel,
 											title: statusLabel,
-											children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx(DotIcon, {})
+											children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx("span", {
+												className: "think-thread-status-dot",
+												"aria-hidden": "true"
+											})
 										}) : timestamp?.date ? /* @__PURE__ */ jsx("time", {
 											className: "think-thread-picker__thread-time",
 											dateTime: timestamp.date.toISOString(),

package/dist/components/nanites/AgentToolDetail.d.ts

@@ -1,4 +1,4 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { SubagentRunMetadataProps } from "../agents-sdk/SubagentRunDetails.js";
 import * as React from "react";

package/dist/styles/agent-chat.css

@@ -21,6 +21,16 @@
   min-block-size: 0;
 }
 
+/* One gutter contract for the transcript and floating composer, including
+   safe areas. The prompt's internal text padding is independent. */
+.agent-chat__transcript-content,
+.agent-chat__dock {
+  --agent-chat-used-column-inset: var(--agent-chat-column-inset, var(--sigvelo-spacing-4));
+
+  padding-inline: max(var(--agent-chat-used-column-inset), env(safe-area-inset-left, 0px))
+    max(var(--agent-chat-used-column-inset), env(safe-area-inset-right, 0px));
+}
+
 /* Room for the last message to scroll clear of the floating composer.
    --agent-chat-dock-size is set from a ResizeObserver in AgentChat. */
 .agent-chat__transcript-content {
@@ -31,21 +41,14 @@
   --message-scroller-virtual-block-start: var(--sigvelo-spacing-8);
 
   min-inline-size: 0;
-  max-inline-size: 100%;
-  /* Codex thread column: `mx-auto w-full max-w-(--thread-content-max-width)
-     px-toolbar`. Subtract the inset from the measure so content-box padding
-     cannot overflow the scroller or eat the composer clearance. */
-  --agent-chat-used-column-inset: var(--agent-chat-column-inset, var(--sigvelo-spacing-4));
-  inline-size: min(
-    calc(100% - 2 * var(--agent-chat-used-column-inset)),
-    var(--agent-chat-content-max-inline-size, var(--sigvelo-measure-wide-block))
-  );
+  /* Auto width subtracts the gutters from the content box; cap the reading
+     width at the same measure as the composer. */
+  max-inline-size: var(--agent-chat-content-max-inline-size, var(--sigvelo-measure-wide-block));
   margin-inline: auto;
   /* Clearance = composer + its scrim band, so a transcript resting at the
      bottom never sits inside the fade. */
   padding-block: var(--message-scroller-virtual-block-start)
     calc(var(--agent-chat-dock-size, 5rem) + var(--agent-chat-dock-scrim-fade, 2.5rem));
-  padding-inline: var(--agent-chat-used-column-inset);
 }
 
 .agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
@@ -69,11 +72,15 @@
    lower edge, so the state sits slightly high rather than under it. The
    shared brand loading state brings its own type and colour. */
 .agent-chat__transcript-loading {
+  overflow: hidden;
+  scrollbar-gutter: stable;
   padding-block-end: var(--agent-chat-dock-size, 5rem);
 }
 
 .agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
   .agent-chat__transcript-loading {
+  overflow: hidden;
+  scrollbar-gutter: stable;
   padding-block-end: 0;
 }
 
@@ -145,6 +152,8 @@
 }
 
 .agent-chat-start-screen__composer > .agent-chat__dock > .agent-chat__dock-content {
+  /* The start screen already reserves its own scrollbar gutter. */
+  scrollbar-gutter: auto;
   --agent-chat-dock-ink-room: 0px;
 
   overflow: visible;
@@ -301,14 +310,7 @@
   position: absolute;
   inset-inline: 0;
   inset-block-end: 0;
-  padding-block: 0 max(var(--sigvelo-spacing-6), env(safe-area-inset-bottom, 0px));
-  /* Same column as the transcript (Codex px-toolbar). The pill's own
-     padding lives on .prompt-input. */
-  padding-inline: max(
-      var(--agent-chat-column-inset, var(--sigvelo-spacing-4)),
-      env(safe-area-inset-left, 0px)
-    )
-    max(var(--agent-chat-column-inset, var(--sigvelo-spacing-4)), env(safe-area-inset-right, 0px));
+  padding-block: 0 max(var(--sigvelo-spacing-2), env(safe-area-inset-bottom, 0px));
 }
 
 /* Solid behind the composer itself, dissolving upward so passing transcript
@@ -446,6 +448,12 @@
    only where there is genuinely no room for it. */
 /* Local wrap. Not --sigvelo-layout-break-compact. */
 @container agent-chat (inline-size <= 36rem) {
+  .agent-chat__transcript-content,
+  .agent-chat__dock {
+    /* Codex Chrome extension: [--padding-toolbar:calc(var(--spacing)*2)] = 8px. */
+    --agent-chat-used-column-inset: var(--agent-chat-column-inset, var(--sigvelo-spacing-2));
+  }
+
   .agent-chat__transcript-content {
     /* A notch pushes the first row down only as far as it must: the desktop
        inset already clears shallow insets, so only deeper ones add height. */
@@ -453,23 +461,6 @@
       var(--sigvelo-spacing-8),
       calc(var(--sigvelo-spacing-5) + env(safe-area-inset-top, 0px))
     );
-
-    --agent-chat-used-column-inset: var(--agent-chat-column-inset, var(--sigvelo-spacing-2));
-    inline-size: min(
-      calc(100% - 2 * var(--agent-chat-used-column-inset)),
-      var(--agent-chat-content-max-inline-size, var(--sigvelo-measure-wide-block))
-    );
-    /* Codex Chrome extension: [--padding-toolbar:calc(var(--spacing)*2)] = 8px. */
-    padding-inline: var(--agent-chat-used-column-inset);
-  }
-
-  .agent-chat__dock {
-    padding-block-end: max(var(--sigvelo-layout-stack), env(safe-area-inset-bottom, 0px));
-    padding-inline: max(
-        var(--agent-chat-column-inset, var(--sigvelo-spacing-2)),
-        env(safe-area-inset-left, 0px)
-      )
-      max(var(--agent-chat-column-inset, var(--sigvelo-spacing-2)), env(safe-area-inset-right, 0px));
   }
 
   .agent-chat-start-screen__content {
@@ -516,6 +507,10 @@
 .agent-chat__dock-content {
   --agent-chat-dock-ink-room: var(--sigvelo-spacing-5);
 
+  /* Match the transcript viewport on platforms with classic scrollbars,
+     even while this dock is short enough not to scroll. */
+  scrollbar-gutter: stable;
+
   min-block-size: 0;
   overflow: auto;
   margin: calc(-1 * var(--agent-chat-dock-ink-room));