@mcp-b/react-components 0.46.7 → 0.48.0

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, K as SpinnerIcon, d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";

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

@@ -1,6 +1,6 @@
 import { CUSTOM_MCP_SERVER_CARD } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, B as PlusIcon, K as SpinnerIcon, o as ArrowUpRightIcon, tt as XIcon, y as EllipsisIcon } from "../../icons-BC4HZqSK.js";
+import { B as PlusIcon, K as SpinnerIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { IconButton } from "../foundations/IconButton.js";

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

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, K as SpinnerIcon, N as MinusIcon, d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon, N as MinusIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-BC4HZqSK.js";
+import { U as SearchIcon, f as ChevronDownIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Dialog } from "../foundations/Dialog.js";

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

@@ -1,6 +1,6 @@
 import { composerLinkHref } from "../../utils/composer-link.js";
 import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
-import { A as McpIcon, c as BoxIcon } from "../../icons-BC4HZqSK.js";
+import { A as McpIcon, c as BoxIcon } from "../../icons-CeGfXO21.js";
 import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, J as StopIcon, K as SpinnerIcon, d as CheckIcon } from "../../icons-BC4HZqSK.js";
+import { J as StopIcon, K as SpinnerIcon, d as CheckIcon, et as WarningIcon } from "../../icons-CeGfXO21.js";
 import { r as firstLine, s as textLines } from "../../format-COCyV98Z.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
 import "react";

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

@@ -1,181 +1,2 @@
-import { i as AgentMessageRenderPartContext } from "../../AgentMessageParts-C7L-Mv9U.js";
-import { K as PromptInputMessage } from "../../PromptInput-DtJHyp0S.js";
-import { r as AgentChatProps } from "../../AgentChat-BLmQghkt.js";
-import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
-import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-B3lGVS-6.js";
-import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
-import { t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
-import { n as WorkspaceHtmlArtifactRenderer } from "../../WorkspaceMessageResponse-D66ty4FO.js";
-import * as React from "react";
-import { UIMessage } from "ai";
-import { UseAgentOptions } from "agents/react";
-import { DataTag, UndefinedInitialDataOptions } from "@tanstack/react-query";
-import { PendingApproval, Think } from "@cloudflare/think";
-import { AgentStub } from "agents/client";
-
-//#region src/components/agents-sdk/ThinkChat.d.ts
-type ThinkPendingExecutionApprovalsQueryKey = readonly ["think", sourceKey: string, "pending-approvals"];
-type ThinkPendingExecutionApprovalsQueryOptions = UndefinedInitialDataOptions<readonly PendingApproval[], Error, readonly PendingApproval[], ThinkPendingExecutionApprovalsQueryKey> & {
-  queryKey: DataTag<ThinkPendingExecutionApprovalsQueryKey, readonly PendingApproval[], Error>;
-};
-interface ThinkChatProviderProps<State = unknown, MessageT extends UIMessage = UIMessage> {
-  /** The `useAgentChat` value from `@cloudflare/think/react` that descendants read. */
-  chat: ThinkChatValue<State, MessageT>;
-  /** Optional whole `useAgentToolEvents` result when the app owns the parent connection. */
-  agentTools?: AgentToolEventsValue<MessageT["parts"][number]>;
-  children: React.ReactNode;
-}
-interface ThinkChatRootProps<State = unknown> {
-  /** Agent to connect to: a kebab-case class name, or full `useAgent` options. */
-  agent: string | UseAgentOptions<State>;
-  /** Disable durable pending-approval discovery. Also disable it on `ThinkChat.Messages`. */
-  approvalsEnabled?: boolean;
-  /** Instance name (e.g. a session or room id). Wins over `agent.name`. */
-  name?: string;
-  /**
-   * Stable, non-secret identity for the remote Think agent. Include endpoint,
-   * account or tenant scope, and agent path so sources cannot share cached data.
-   */
-  sourceKey: string;
-  children: React.ReactNode;
-}
-/**
- * The first-turn surface with no conversation behind it. Supply this instead of
- * a chat provider when the composer's submission is what creates the
- * conversation: connecting early is what leaves empty threads behind.
- */
-interface ThinkChatDraft<MessageT extends UIMessage = UIMessage> {
-  /** Client-only transcript rows, such as a locally rendered guide. */
-  messages?: readonly MessageT[];
-  /** Receives the first message, normalized the same way a live thread's is. */
-  onSubmit: (message: {
-    text: string;
-    files: PromptInputMessage["files"];
-  }) => void | Promise<void>;
-  /** Set while the app is creating the conversation, so the composer reads busy. */
-  status?: AgentChatProps<MessageT>["status"];
-}
-type ThinkChatManagedAgentChatProp = "messages" | "onApprovalResponse" | "onRegenerate" | "onStop" | "onSubmit" | "status";
-/**
- * The AgentChat composition surface, minus the live values ThinkChat supplies
- * from `useAgentChat`. Think-specific activity and draft/session inputs extend
- * that owner instead of mirroring every AgentChat prop here.
- */
-type ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> = Omit<AgentChatProps<MessageT>, ThinkChatManagedAgentChatProp> & ThinkChatActivityRendererOptions<MessageT> & {
-  /**
-   * Renders without a chat provider, for the first turn of a conversation
-   * that does not exist yet.
-   */
-  draft?: ThinkChatDraft<MessageT>; /** Whole `useSessionCompaction` result for built-in progress and error notices. */
-  sessionCompaction?: UseSessionCompactionResult; /** Promotes assistant-authored workspace HTML links through a host runtime hydrator. */
-  renderWorkspaceHtmlArtifact?: WorkspaceHtmlArtifactRenderer;
-};
-/** Shared pending-approval options for components and TanStack Router loaders. */
-declare function thinkPendingExecutionApprovalsQueryOptions(stub: AgentStub<Think>, sourceKey: string): ThinkPendingExecutionApprovalsQueryOptions;
-declare function useThinkPendingExecutionApprovals(stub: AgentStub<Think>, sourceKey: string, refreshSignal?: unknown, enabled?: boolean): {
-  pendingApprovals: readonly PendingApproval[];
-  refreshPendingApprovals: () => Promise<void>;
-};
-/**
- * Chat UI for Cloudflare Think agents. Provide a `useAgentChat` value (or let
- * `ThinkChat.Root` create one) and `ThinkChat.Messages` renders the message
- * stream with agent work folded into collapsed Activity blocks.
- */
-declare function ThinkChatProvider<State = unknown, MessageT extends UIMessage = UIMessage>({
-  agentTools,
-  chat,
-  children
-}: ThinkChatProviderProps<State, MessageT>): React.JSX.Element;
-/**
- * Batteries-included root: connects to the named Think agent (upstream's
- * `useAgent` + `useAgentChat`) and provides the live chat to everything
- * inside. Render it beneath the app's `QueryClientProvider`. If the app
- * already owns the chat hook, use `ThinkChat.Provider`.
- *
- * @example
- * ```tsx
- * <QueryClientProvider client={queryClient}>
- *   <ThinkChat.Root
- *     agent="my-agent"
- *     name="session-1"
- *     sourceKey="api.example.com:account:acme:agent:session-1"
- *   >
- *     <ThinkChat.Messages />
- *   </ThinkChat.Root>
- * </QueryClientProvider>
- * ```
- */
-declare function ThinkChatRoot<State = unknown, MessageT extends UIMessage = UIMessage>({
-  agent: agentOption,
-  approvalsEnabled,
-  name,
-  sourceKey,
-  children
-}: ThinkChatRootProps<State>): React.JSX.Element;
-/**
- * The full conversation surface — message list plus composer — with the
- * activity renderer as the default `renderPart`: runs of reasoning/tool parts
- * fold into one collapsed Activity block with derived labels and per-tool
- * panels. Session-generated context/load/search tools are recognized from
- * their upstream runtime schemas and keep their recorded inputs and outputs
- * inspectable. Extend for app-specific tools with `toolRenderers` (label/panel
- * inside the log) or `excludeTools` + your own `renderPart` (standalone
- * card) — see README "App-specific tools" and the Custom Tool Panel story.
- */
-declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage = UIMessage>({
-  draft,
-  loading,
-  renderPart,
-  excludeTools,
-  renderAgentToolRunLink,
-  renderWorkspaceHtmlArtifact,
-  toolRenderers,
-  thinkStub,
-  onExecutionSettled,
-  pendingApprovals,
-  notice,
-  sessionCompaction,
-  ...props
-}: ThinkChatMessagesProps<MessageT>): React.JSX.Element;
-/**
- * The ambient chat value from `ThinkChat.Root`/`Provider` — for custom tool
- * panels, cards, or composer actions that need `messages`, `status`, or
- * `sendMessage`. Throws outside a provider.
- */
-declare function useThinkChat<State = unknown, MessageT extends UIMessage = UIMessage>(): Omit<import("@ai-sdk/react").UseChatHelpers<MessageT>, "addToolOutput"> & {
-  clearHistory: () => void;
-  addToolOutput: (opts: {
-    toolCallId: string;
-    toolName?: string;
-    output?: unknown;
-    state?: "output-available" | "output-error";
-    errorText?: string;
-  }) => void;
-  isServerStreaming: boolean;
-  isStreaming: boolean;
-  isRecovering: boolean;
-  isToolContinuation: boolean;
-  connectionError: (Error & {
-    code: number;
-    reason: string;
-    wasClean: boolean;
-  }) | null;
-};
-/**
- * Namespace entry point. `Root` + `Messages` is the standard surface;
- * `Provider` + `useThinkChat` when the app owns the chat hook; `Activity`,
- * `renderActivityPart`, and `createActivityRenderer` for custom layouts and
- * app-specific tools.
- */
-declare const ThinkChat: {
-  Provider: typeof ThinkChatProvider;
-  Root: typeof ThinkChatRoot;
-  Messages: typeof ThinkChatMessages;
-  Activity: typeof ThinkChatActivity;
-  RecoveryNotice: typeof ThinkRecoveryNotice;
-  renderActivityPart: (context: AgentMessageRenderPartContext<UIMessage<unknown, import("ai").UIDataTypes, import("ai").UITools>>) => React.ReactNode | undefined;
-  createActivityRenderer: typeof createThinkChatActivityRenderer;
-};
-//#endregion
+import { a as ThinkChatProvider, c as ThinkChatRootProps, d as thinkPendingExecutionApprovalsQueryOptions, f as useThinkChat, i as ThinkChatMessagesProps, l as ThinkPendingExecutionApprovalsQueryKey, n as ThinkChatDraft, o as ThinkChatProviderProps, p as useThinkPendingExecutionApprovals, r as ThinkChatMessages, s as ThinkChatRoot, t as ThinkChat, u as ThinkPendingExecutionApprovalsQueryOptions } from "../../ThinkChat-CwMdEum8.js";
 export { ThinkChat, ThinkChatDraft, ThinkChatMessages, ThinkChatMessagesProps, ThinkChatProvider, ThinkChatProviderProps, ThinkChatRoot, ThinkChatRootProps, ThinkPendingExecutionApprovalsQueryKey, ThinkPendingExecutionApprovalsQueryOptions, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,2 +1,2 @@
-import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
+import { a as thinkPendingExecutionApprovalsQueryOptions, i as ThinkChatRoot, n as ThinkChatMessages, o as useThinkChat, r as ThinkChatProvider, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-DiI6hhDP.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

@@ -1,7 +1,7 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
 import { Tabs } from "../foundations/Tabs.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
-import { t as CodeBlock } from "../../CodeBlock-CcteqDvA.js";
+import { t as CodeBlock } from "../../CodeBlock-BSJl682D.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, T as InfoIcon } from "../../icons-BC4HZqSK.js";
+import { S as FileIcon, T as InfoIcon } from "../../icons-CeGfXO21.js";
 import { Activity, ActivityContent, ActivityItemGroup, ActivityOutput, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, L as PauseIcon, T as InfoIcon, d as CheckIcon, tt as XIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon, L as PauseIcon, T as InfoIcon, d as CheckIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunKindLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, H as RefreshIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BC4HZqSK.js";
+import { H as RefreshIcon, et as WarningIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";

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

@@ -2,10 +2,11 @@ import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-jtmveaRE.js";
 import { n as ResponsiveSidebarShell, t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
 import { n as McpPluginCatalogProps } from "../../McpPluginCatalog-3qWu8oK1.js";
-import { ThinkChatMessagesProps } from "./ThinkChat.js";
-import { ThinkThreadStatusSummary } from "./ThinkThreadPicker.js";
+import { i as ThinkChatMessagesProps } from "../../ThinkChat-CwMdEum8.js";
+import { o as ThinkThreadStatusSummary } from "../../ThinkThreadPicker-yFz4vvIf.js";
 import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Dq-GC0_T.js";
-import { v as WorkspaceSource } from "../../Workspace-DZusrEeP.js";
+import { y as WorkspaceSource } from "../../Workspace-LIoU30n7.js";
+import { r as WorkspaceChangeSource } from "../../WorkspaceLive-DfjH1Ypm.js";
 import { t as ThinkAgent } from "../../think-agent-Cip5KAPj.js";
 import * as React from "react";
 import { UIMessage } from "ai";
@@ -47,6 +48,14 @@ interface ThinkFullAppWorkspaceConfig {
   navigation: WorkspaceNavigationAdapter;
   resolveFileAsset?: WorkspaceFileAssetResolver;
   maxInlineAssetBytes?: number;
+  /** Optional native change stream; the design system owns Query invalidation. */
+  changes?: WorkspaceChangeSource;
+  /**
+   * Disposable freshness tick for hosts without native observation, such as a
+   * serialization of settled-turn state. Each change invalidates the concept
+   * queries under `sourceKey`; it never enters query identity.
+   */
+  revision?: string;
   /** Leading workspace control, such as a host-owned Back to chat button. */
   leading?: React.ReactNode;
   actions?: React.ReactNode;

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

@@ -1,17 +1,18 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, c as BoxIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BC4HZqSK.js";
+import { S as FileIcon, c as BoxIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
-import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DtH66bAY.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-qztQ6Clo.js";
+import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-B1d2GIGl.js";
+import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-DiI6hhDP.js";
 import { McpPluginCatalog } from "./McpPluginCatalog.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";
 import { useWorkspace } from "./Workspace.js";
 import { WorkspaceExplorer } from "./WorkspaceExplorer.js";
+import { useWorkspaceLiveQueries } from "./WorkspaceLive.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkFullApp.tsx
@@ -109,6 +110,17 @@ function ThinkFullAppThreadChat({ agent, agentTools, chat, messages, renderAgent
 *  open Files beside the conversation; compact (extension) widths stay on chat
 *  until a view is selected. */
 function ThinkFullApp({ bar, className, conversation, defaultView: defaultViewProp, messages, onViewChange, plugins, ref, renderAgentToolRunLink, sourceKey, sidebarTogglePlacement = "sidebar", style, threadSidebar, threadStatusSummary, view, workbenchPanels, workspace, ...props }) {
+	const selectedWorkspacePath = workspace?.navigation.current.destination.kind === "file" ? workspace.navigation.current.destination.path : null;
+	useWorkspaceLiveQueries({
+		changes: workspace?.changes,
+		maxInlineAssetBytes: workspace?.maxInlineAssetBytes,
+		resolveFileAsset: workspace?.resolveFileAsset,
+		selectedPath: selectedWorkspacePath,
+		source: workspace?.source,
+		sourceKey: workspace?.sourceKey,
+		root: workspace?.root ?? "/",
+		revision: workspace?.revision
+	});
 	const appRef = React.useRef(null);
 	const workbenchPanelRef = React.useRef(null);
 	const pendingPanelFocusRef = React.useRef(null);

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon } from "../../icons-BC4HZqSK.js";
+import { B as PlusIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, K as SpinnerIcon, d as CheckIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, z as PlayIcon } from "../../icons-BC4HZqSK.js";
+import { K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

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

@@ -1,14 +1,20 @@
 import { ThinkRoutine } from "./ThinkRoutine.js";
-import { ThinkChatDraft } from "./ThinkChat.js";
-import { ThinkThreadItem } from "./ThinkThreadPicker.js";
-import { ThinkFullAppAgent, ThinkFullAppConversation, ThinkFullAppProps } from "./ThinkFullApp.js";
+import { n as ThinkChatDraft } from "../../ThinkChat-CwMdEum8.js";
+import { t as ThinkThreadItem } from "../../ThinkThreadPicker-yFz4vvIf.js";
+import { ThinkFullAppAgent, ThinkFullAppConversation, ThinkFullAppPanel, ThinkFullAppProps, ThinkFullAppView } from "./ThinkFullApp.js";
 import { SetupChecklistGroupProps } from "../general-purpose/SetupChecklist.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { AgentToolRunState } from "agents/agent-tools";
 
 //#region src/components/agents-sdk/ThinkSidepanel.d.ts
-type ThinkSidepanelView = "chat" | "files" | "plugins" | "schedules" | "live";
+/**
+ * Chat, the two exclusive full-screen surfaces, or an opaque workbench panel
+ * id. Built-in workbench destinations are `files` and `plugins`; hosts append
+ * more through `workbenchPanels`. An unknown id degrades to conversation-only
+ * the same way ThinkFullApp does — the requested view is not rewritten.
+ */
+type ThinkSidepanelView = ThinkFullAppView | "schedules" | "live";
 type ThinkSidepanelDestination = {
   kind: "thread";
   threadId: string;
@@ -124,6 +130,13 @@ interface ThinkSidepanelProps<AgentT extends ThinkFullAppAgent<State>, State = u
   workspace?: ThinkFullAppProps<AgentT, State, MessageT>["workspace"];
   plugins?: ThinkFullAppProps<AgentT, State, MessageT>["plugins"];
   messages?: ThinkFullAppProps<AgentT, State, MessageT>["messages"];
+  /**
+   * Extra workbench panels appended after Files and Plugins. The side panel
+   * derives bar and overflow destinations from that same list and forwards it
+   * to ThinkFullApp. Not a registry: the host passes ordered descriptors whose
+   * `render` already closes over design-system panels.
+   */
+  workbenchPanels?: readonly ThinkFullAppPanel[];
   /** App-authored TanStack Link for a thread, view, routine, or agent-run destination. */
   renderLink: (destination: ThinkSidepanelDestination) => React.ReactElement;
   onDeleteThread?: (thread: ThinkThreadItem) => void | Promise<void>;
@@ -150,7 +163,8 @@ interface ThinkSidepanelProps<AgentT extends ThinkFullAppAgent<State>, State = u
 /**
  * The employee side panel: icon-and-tooltip chrome, start screen, schedules,
  * conversation plus workbench. Hosts hydrate conversation, workspace,
- * plugins, and callables. Storybook is the place to iterate the chrome.
+ * plugins, workbenchPanels, and callables. Storybook is the place to iterate
+ * the chrome.
  */
 declare function ThinkSidepanel<AgentT extends ThinkFullAppAgent<State>, State = unknown, MessageT extends UIMessage = UIMessage, TRoutine extends ThinkRoutine = ThinkRoutine, SetupId extends string = string>({
   agentRun,
@@ -178,6 +192,7 @@ declare function ThinkSidepanel<AgentT extends ThinkFullAppAgent<State>, State =
   thread,
   threads,
   view,
+  workbenchPanels,
   workspace,
   ...props
 }: ThinkSidepanelProps<AgentT, State, MessageT, TRoutine, SetupId>): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, A as McpIcon, C as FolderIcon, G as SlackIcon, I as PaperclipIcon, K as SpinnerIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, V as QueueIcon, Z as TerminalIcon, b as EyeIcon, c as BoxIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SquareIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-BC4HZqSK.js";
+import { A as McpIcon, C as FolderIcon, G as SlackIcon, I as PaperclipIcon, K as SpinnerIcon, R as PencilIcon, S as FileIcon, T as InfoIcon, V as QueueIcon, Z as TerminalIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SquareIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { Menu } from "../foundations/Menu.js";
@@ -15,7 +15,7 @@ import { useTheme } from "../foundations/ThemeProvider.js";
 import "../foundations/icons.js";
 import { ActionGuide } from "../general-purpose/ActionGuide.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { t as SetupChecklistAction } from "../../SetupChecklist-BXwSSorj.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-DeTU9YpW.js";
 import { NaniteMark } from "../nanites/NaniteScene.js";
 import { SubagentRunLabel } from "./SubagentRunIndicator.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
@@ -84,28 +84,40 @@ function useCompactApp() {
 	}, []);
 	return [ref, compact];
 }
-function WorkspaceLinks({ renderLink, view }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AppTopBar.Link, {
-		label: "Files",
-		"aria-current": view === "files" ? "page" : void 0,
-		"data-pressed": view === "files" ? "" : void 0,
-		render: renderLink({
-			kind: "view",
-			view: "files"
-		}),
-		children: /* @__PURE__ */ jsx(FileIcon, {})
-	}), /* @__PURE__ */ jsx(AppTopBar.Link, {
-		label: "Plugins",
-		"aria-current": view === "plugins" ? "page" : void 0,
-		"data-pressed": view === "plugins" ? "" : void 0,
+function workbenchNavItems(workbenchPanels) {
+	return [
+		{
+			id: "files",
+			label: "Files",
+			icon: /* @__PURE__ */ jsx(FileIcon, {})
+		},
+		{
+			id: "plugins",
+			label: "Plugins",
+			icon: /* @__PURE__ */ jsx(BoxIcon, {})
+		},
+		...workbenchPanels ?? []
+	];
+}
+function isWorkbenchView(view) {
+	return view !== "chat" && view !== "schedules" && view !== "live";
+}
+function thinkFullAppView(view) {
+	return view === "schedules" || view === "live" ? "chat" : view;
+}
+function WorkbenchLinks({ panels, renderLink, view }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: panels.map((panel) => /* @__PURE__ */ jsx(AppTopBar.Link, {
+		label: panel.label,
+		"aria-current": view === panel.id ? "page" : void 0,
+		"data-pressed": view === panel.id ? "" : void 0,
 		render: renderLink({
 			kind: "view",
-			view: "plugins"
+			view: panel.id
 		}),
-		children: /* @__PURE__ */ jsx(BoxIcon, {})
-	})] });
+		children: panel.icon
+	}, panel.id)) });
 }
-function OverflowMenu({ companion, follow, identityEmail, onIdentity, onModel, onSignOut, passkeyVault, renderLink, workbenchInMenu }) {
+function OverflowMenu({ companion, follow, identityEmail, onIdentity, onModel, onSignOut, passkeyVault, renderLink, workbenchInMenu, workbenchNav }) {
 	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
 		label: "More actions",
 		tooltip: identityEmail ? `Signed in as ${identityEmail}` : void 0,
@@ -119,19 +131,13 @@ function OverflowMenu({ companion, follow, identityEmail, onIdentity, onModel, o
 		align: "end",
 		sideOffset: 4,
 		children: /* @__PURE__ */ jsxs(Menu.Popup, { children: [
-			workbenchInMenu ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Menu.Item, {
-				render: renderLink({
-					kind: "view",
-					view: "files"
-				}),
-				children: [/* @__PURE__ */ jsx(FileIcon, {}), "Files"]
-			}), /* @__PURE__ */ jsxs(Menu.Item, {
+			workbenchInMenu ? workbenchNav.map((panel) => /* @__PURE__ */ jsxs(Menu.Item, {
 				render: renderLink({
 					kind: "view",
-					view: "plugins"
+					view: panel.id
 				}),
-				children: [/* @__PURE__ */ jsx(BoxIcon, {}), "Plugins"]
-			})] }) : null,
+				children: [panel.icon, panel.label]
+			}, panel.id)) : null,
 			/* @__PURE__ */ jsxs(Menu.Item, {
 				render: renderLink({
 					kind: "view",
@@ -567,12 +573,14 @@ function ThinkSidepanelRunTitle({ agentRun }) {
 /**
 * The employee side panel: icon-and-tooltip chrome, start screen, schedules,
 * conversation plus workbench. Hosts hydrate conversation, workspace,
-* plugins, and callables. Storybook is the place to iterate the chrome.
+* plugins, workbenchPanels, and callables. Storybook is the place to iterate
+* the chrome.
 */
-function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion, connectingLabel, conversation, follow, identity, live, messages, modelSetup, onDeleteThread, onModel, onSignOut, passkeyVault, plugins, renderLink, schedules, sourceKey, start, status = "ready", thread, threads = EMPTY_THREADS, view, workspace, ...props }) {
+function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion, connectingLabel, conversation, follow, identity, live, messages, modelSetup, onDeleteThread, onModel, onSignOut, passkeyVault, plugins, renderLink, schedules, sourceKey, start, status = "ready", thread, threads = EMPTY_THREADS, view, workbenchPanels, workspace, ...props }) {
 	const [identityOpen, setIdentityOpen] = React.useState(false);
 	const [guideOpen, setGuideOpen] = React.useState(false);
 	const [rootRef, compact] = useCompactApp();
+	const workbenchNav = workbenchNavItems(workbenchPanels);
 	if (status !== "ready") return /* @__PURE__ */ jsx("div", {
 		ref: rootRef,
 		className: cx("think-sidepanel", className),
@@ -595,9 +603,11 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 		onSignOut,
 		passkeyVault,
 		renderLink,
-		workbenchInMenu: compact
+		workbenchInMenu: compact,
+		workbenchNav
 	});
-	const workspaceLinks = compact || agentRun ? void 0 : /* @__PURE__ */ jsx(WorkspaceLinks, {
+	const workspaceLinks = compact || agentRun ? void 0 : /* @__PURE__ */ jsx(WorkbenchLinks, {
+		panels: workbenchNav,
 		renderLink,
 		view
 	});
@@ -611,7 +621,8 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 		render: renderLink({ kind: "new-thread" }),
 		children: /* @__PURE__ */ jsx(PencilIcon, {})
 	}) : void 0;
-	const workbenchLeading = view === "files" || view === "plugins" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BackToChat, { renderLink }), appBarLeading] }) : newThread || view === "chat" && appBarLeading ? /* @__PURE__ */ jsxs(Fragment, { children: [newThread, view === "chat" ? appBarLeading : null] }) : void 0;
+	const chatLeading = newThread || view === "chat" && appBarLeading ? /* @__PURE__ */ jsxs(Fragment, { children: [newThread, view === "chat" ? appBarLeading : null] }) : void 0;
+	const workbenchLeading = isWorkbenchView(view) ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BackToChat, { renderLink }), appBarLeading] }) : chatLeading;
 	const chatMessages = employeeMessages({
 		agentRun,
 		brandName: brand.name,
@@ -679,7 +690,7 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 			})
 		}), identityDialog]
 	});
-	const workbenchView = view === "plugins" ? "plugins" : view === "files" ? "files" : "chat";
+	const workbenchView = thinkFullAppView(view);
 	const cancelRun = agentRun?.state === "ready" && agentRun.run.status === "running" ? agentRun.onCancel : void 0;
 	const backToThread = agentRun ? /* @__PURE__ */ jsx(AppTopBar.Link, {
 		label: "Back to parent conversation",
@@ -744,6 +755,7 @@ function ThinkSidepanel({ agentRun, appBarLeading, brand, className, companion,
 			sourceKey,
 			workspace: agentRun ? void 0 : workspace,
 			plugins: agentRun ? void 0 : plugins,
+			workbenchPanels: agentRun ? void 0 : workbenchPanels,
 			view: workbenchView,
 			threadSidebar: agentRun ? void 0 : ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ThinkThreadPicker, {
 				threads,