@mcp-b/react-components 0.46.6 → 0.47.0

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-BNEY4gO5.js";
+import { S as FileIcon, c as BoxIcon, r as ArrowLeftIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { Menu } from "../foundations/Menu.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { Menu } from "../foundations/Menu.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 { McpPluginCatalog } from "./McpPluginCatalog.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-DLDta57t.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,12 @@ 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 }) {
+	useWorkspaceLiveQueries({
+		changes: workspace?.changes,
+		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/ThinkFullAppViewSwitch.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkFullAppViewSwitch.tsx

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

@@ -1,5 +1,5 @@
-import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { AgentChatTurnError } from "../ai-sdk/AgentChatTurnError.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRecoveryNotice.tsx
 function connectionReason(error) {

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon } from "../../icons-BNEY4gO5.js";
+import { B as PlusIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Switch } from "../foundations/Switch.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
+import { Switch } from "../foundations/Switch.js";
 import { ThinkRoutineRuns } from "./ThinkRoutineRuns.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,17 +1,17 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, q as SpinnerIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Select } from "../foundations/Select.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { Fieldset } from "../foundations/Fieldset.js";
 import { Checkbox } from "../foundations/Checkbox.js";
 import { CheckboxGroup } from "../foundations/CheckboxGroup.js";
 import { Combobox } from "../foundations/Combobox.js";
-import { Fieldset } from "../foundations/Fieldset.js";
 import { NumberField } from "../foundations/NumberField.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRoutineForm.tsx

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TrashIcon, B as PlayIcon, q as SpinnerIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
+import { K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, z as PlayIcon } from "../../icons-cuEtsgj9.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";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { ThinkRoutineBrowser } from "./ThinkRoutineBrowser.js";
 import { ThinkRoutineDetail } from "./ThinkRoutineDetail.js";
 import * as React from "react";

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";

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,28 +1,28 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as McpIcon, C as FolderIcon, H as QueueIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, Q as TerminalIcon, S as FileIcon, T as InfoIcon, b as EyeIcon, c as BoxIcon, et as WarningIcon, g as DiscordIcon, o as ArrowUpRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-BNEY4gO5.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-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";
 import { Avatar } from "../foundations/Avatar.js";
 import { AppIcon } from "../foundations/AppIcon.js";
 import { n as findCatalogMcpServerCard, t as McpServerIcon } from "../../mcp-server-7NR24ASj.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
-import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
+import { NaniteMark } from "../nanites/NaniteScene.js";
+import { SubagentRunLabel } from "./SubagentRunIndicator.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { Switch } from "../foundations/Switch.js";
-import { useTheme } from "../foundations/ThemeProvider.js";
+import { Menu } from "../foundations/Menu.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-DyPZWzK2.js";
-import { NaniteMark } from "../nanites/NaniteScene.js";
-import { SubagentRunLabel } from "./SubagentRunIndicator.js";
 import { getThinkExecutionRunId } from "./ThinkExecutionRun.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
 import { McpServerPickerAction, McpServerPickerItems } from "./McpServerPicker.js";
 import { ThinkThreadPicker, summarizeThinkThreads } from "./ThinkThreadPicker.js";
 import { ThinkFullApp } from "./ThinkFullApp.js";
+import { Switch } from "../foundations/Switch.js";
 import { ThinkRoutineLibrary } from "./ThinkRoutineLibrary.js";
+import { ActionGuide } from "../general-purpose/ActionGuide.js";
+import { t as SetupChecklistAction } from "../../SetupChecklist-CwRjIDH4.js";
+import { useTheme } from "../foundations/ThemeProvider.js";
+import { ChatGptSignInScreen } from "../extension/ChatGptSignInScreen.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkSidepanel.tsx
@@ -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,

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

@@ -1,91 +1,2 @@
-import * as React from "react";
-
-//#region src/components/agents-sdk/ThinkThreadPicker.d.ts
-interface ThinkThreadItem {
-  /** Stable child-agent/thread id used by the app-authored link's route params. */
-  id: string;
-  /** Human-readable thread title, usually generated by the parent Think agent. */
-  title: string;
-  /** Optional parent-owned preview for apps that render their own richer sidebar. */
-  lastMessagePreview?: string;
-  /** Timestamp from the parent registry or metadata row. `updatedAt` wins over `createdAt`. */
-  createdAt?: Date | number;
-  /** Timestamp from parent-owned thread metadata when available. */
-  updatedAt?: Date | number;
-  /** Preformatted timestamp label when the app already has one, such as "14m". */
-  updatedAtLabel?: string;
-  /** Optional upstream/app status string. The picker only displays it; it does not derive it. */
-  status?: string;
-  /** Human label for `status` when the raw upstream value is not user-facing. */
-  statusLabel?: string;
-}
-interface ThinkThreadStatusSummary {
-  /** Threads currently processing a turn. */
-  running: number;
-  /** Completed or interrupted background threads that have not been reviewed. */
-  attention: number;
-  /** Threads whose latest turn failed. */
-  failed: number;
-}
-interface ThinkThreadStatusIndicatorsProps {
-  summary: ThinkThreadStatusSummary;
-  className?: string;
-}
-interface ThinkThreadPickerProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect" | "title"> {
-  /** Threads from the parent agent, already sorted in the order the app wants to show. */
-  threads: readonly ThinkThreadItem[];
-  /**
-   * Renders the application-owned TanStack Router Link for a thread.
-   *
-   * Put `to`, `params`, `search`, and active state on this element so they stay
-   * inferred from the consuming application's registered route tree.
-   */
-  renderThreadLink: (thread: ThinkThreadItem) => React.ReactElement;
-  /**
-   * App-authored TanStack Router Link to the new-thread screen. A thread
-   * created on click is an empty thread until someone writes in it.
-   */
-  createThreadLink?: React.ReactElement;
-  /**
-   * Notified on unmodified primary activation. The link still navigates — the
-   * route is the selection — so this is for side effects such as closing a
-   * compact drawer, never for performing the selection itself.
-   */
-  onSelect?: (thread: ThinkThreadItem) => void;
-  /** Optional parent-agent delete action, usually `parent.stub.deleteThread(thread.id)`. */
-  onDelete?: (thread: ThinkThreadItem) => void | Promise<void>;
-  /** Visible heading for the roster. */
-  title?: React.ReactNode;
-  /** Accessible label for the list navigation. */
-  "aria-label"?: string;
-}
-declare function summarizeThinkThreads(threads: readonly Pick<ThinkThreadItem, "status">[]): ThinkThreadStatusSummary;
-declare function ThinkThreadStatusIndicators({
-  summary,
-  className
-}: ThinkThreadStatusIndicatorsProps): React.JSX.Element | null;
-/**
- * Thread roster UI for sub-agent chat apps.
- *
- * This component does not call Think or Cloudflare RPC methods directly. Feed
- * it from the parent agent's roster method, then render app-owned route links
- * that select the child `useAgent({ sub: [...] })` name. Keep backend contract
- * notes beside the parent Think agent because
- * `listThreads()`/`createThread()`/`deleteThread()` are app-owned.
- */
-declare function ThinkThreadPicker({
-  threads,
-  renderThreadLink,
-  createThreadLink,
-  onSelect,
-  onDelete,
-  className,
-  title,
-  "aria-label": ariaLabel,
-  ref,
-  ...props
-}: ThinkThreadPickerProps & {
-  ref?: React.Ref<HTMLElement>;
-}): React.JSX.Element;
-//#endregion
+import { a as ThinkThreadStatusIndicatorsProps, i as ThinkThreadStatusIndicators, n as ThinkThreadPicker, o as ThinkThreadStatusSummary, r as ThinkThreadPickerProps, s as summarizeThinkThreads, t as ThinkThreadItem } from "../../ThinkThreadPicker-yFz4vvIf.js";
 export { ThinkThreadItem, ThinkThreadPicker, ThinkThreadPickerProps, ThinkThreadStatusIndicators, ThinkThreadStatusIndicatorsProps, ThinkThreadStatusSummary, summarizeThinkThreads };

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlusIcon, _ as DotIcon, et as WarningIcon, q as SpinnerIcon, t as ArchiveIcon } from "../../icons-BNEY4gO5.js";
+import { B as PlusIcon, K as SpinnerIcon, _ as DotIcon, et as WarningIcon, t as ArchiveIcon } from "../../icons-cuEtsgj9.js";
 import { Button, 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";
-import { ScrollArea } from "../foundations/ScrollArea.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { LinkButton } from "../foundations/LinkButton.js";
 import { SearchField } from "../foundations/SearchField.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkThreadPicker.tsx

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

@@ -1,2 +1,2 @@
-import { A as workspaceQueryKey, C as workspaceBinaryFileQueryOptions, D as workspaceFileAssetQueryOptions, E as workspaceDirectoryQueryPrefix, O as workspaceFileStatQueryOptions, S as useWorkspace, T as workspaceDirectoryQueryOptions, _ as WorkspaceResolvedAsset, a as WorkspaceDirectoryQueryOptions, b as WorkspaceTextFileQueryKey, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceTextFileQueryOptions, k as workspaceInfoQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceSource, w as workspaceDirectoryQueryKey, x as WorkspaceTextFileQueryOptions, y as WorkspaceState } from "../../Workspace-DZusrEeP.js";
-export { UseWorkspaceOptions, WorkspaceBinaryFileQueryKey, WorkspaceBinaryFileQueryOptions, WorkspaceDirectoryQueryKey, WorkspaceDirectoryQueryOptions, WorkspaceFileAssetQueryKey, WorkspaceFileAssetQueryOptions, WorkspaceFileQueryKey, WorkspaceFileReadTarget, WorkspaceFileStatQueryKey, WorkspaceFileStatQueryOptions, WorkspaceFileVersion, WorkspaceInfo, WorkspaceInfoQueryKey, WorkspaceInfoQueryOptions, WorkspaceQueryKey, WorkspaceResolvedAsset, WorkspaceSource, WorkspaceState, WorkspaceTextFileQueryKey, WorkspaceTextFileQueryOptions, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };
+import { A as workspaceInfoQueryOptions, C as useWorkspace, D as workspaceDirectoryQueryPrefix, E as workspaceDirectoryQueryOptions, M as workspaceTextFileQueryOptions, O as workspaceFileAssetQueryOptions, S as WorkspaceTextFileQueryOptions, T as workspaceDirectoryQueryKey, _ as WorkspaceQueryOptions, a as WorkspaceDirectoryQueryOptions, b as WorkspaceState, c as WorkspaceFileQueryKey, d as WorkspaceFileStatQueryOptions, f as WorkspaceFileVersion, g as WorkspaceQueryKey, h as WorkspaceInfoQueryOptions, i as WorkspaceDirectoryQueryKey, j as workspaceQueryKey, k as workspaceFileStatQueryOptions, l as WorkspaceFileReadTarget, m as WorkspaceInfoQueryKey, n as WorkspaceBinaryFileQueryKey, o as WorkspaceFileAssetQueryKey, p as WorkspaceInfo, r as WorkspaceBinaryFileQueryOptions, s as WorkspaceFileAssetQueryOptions, t as UseWorkspaceOptions, u as WorkspaceFileStatQueryKey, v as WorkspaceResolvedAsset, w as workspaceBinaryFileQueryOptions, x as WorkspaceTextFileQueryKey, y as WorkspaceSource } from "../../Workspace-C_zHq9KZ.js";
+export { UseWorkspaceOptions, WorkspaceBinaryFileQueryKey, WorkspaceBinaryFileQueryOptions, WorkspaceDirectoryQueryKey, WorkspaceDirectoryQueryOptions, WorkspaceFileAssetQueryKey, WorkspaceFileAssetQueryOptions, WorkspaceFileQueryKey, WorkspaceFileReadTarget, WorkspaceFileStatQueryKey, WorkspaceFileStatQueryOptions, WorkspaceFileVersion, WorkspaceInfo, WorkspaceInfoQueryKey, WorkspaceInfoQueryOptions, WorkspaceQueryKey, WorkspaceQueryOptions, WorkspaceResolvedAsset, WorkspaceSource, WorkspaceState, WorkspaceTextFileQueryKey, WorkspaceTextFileQueryOptions, useWorkspace, workspaceBinaryFileQueryOptions, workspaceDirectoryQueryKey, workspaceDirectoryQueryOptions, workspaceDirectoryQueryPrefix, workspaceFileAssetQueryOptions, workspaceFileStatQueryOptions, workspaceInfoQueryOptions, workspaceQueryKey, workspaceTextFileQueryOptions };

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

@@ -1,4 +1,4 @@
-import { y as WorkspaceState } from "../../Workspace-DZusrEeP.js";
+import { b as WorkspaceState } from "../../Workspace-C_zHq9KZ.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceBrowser.d.ts

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

@@ -1,5 +1,5 @@
 import { SearchField } from "../foundations/SearchField.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-CAXWXH63.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-BHebfvkK.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -0,0 +1,44 @@
+import { _ as WorkspaceQueryOptions, g as WorkspaceQueryKey } from "../../Workspace-C_zHq9KZ.js";
+import { QueryClient, QueryFunction } from "@tanstack/react-query";
+
+//#region src/components/agents-sdk/WorkspaceConcept.d.ts
+/**
+ * Concept query identity is what the data is: source, root, concept, scope.
+ * Freshness never lives in the key — external changes arrive as invalidation
+ * through `useWorkspaceLiveQueries` (native observer events or the host's
+ * `revision` tick), so cards keep their data, mutation state, and typed form
+ * drafts across refreshes.
+ */
+type WorkspaceConceptQueryKey = readonly [...WorkspaceQueryKey, "concept", concept: string, scope: string];
+type WorkspaceConceptQueryOptions<TData> = WorkspaceQueryOptions<TData, WorkspaceConceptQueryKey>;
+interface WorkspaceConceptQueryInput<TData> {
+  sourceKey: string;
+  /**
+   * The host's workspace boundary. Required, and never defaulted: concept keys
+   * and live invalidation must agree on one root, and a silent `"/"` default on
+   * either side leaves a host with a nested root receiving zero invalidations.
+   */
+  root: string;
+  concept: string;
+  /** The workspace path (file or directory) this projection reads. */
+  scope: string;
+  queryFn: QueryFunction<TData, WorkspaceConceptQueryKey>;
+}
+declare function workspaceConceptQueryPrefix(sourceKey: string, root: string): readonly ["workspace", string, string, "concept"];
+declare function workspaceConceptQueryKey(sourceKey: string, root: string, concept: string, scope: string): WorkspaceConceptQueryKey;
+/** Shared concept options for design-system components and host loaders. */
+declare function workspaceConceptQueryOptions<TData>({
+  sourceKey,
+  root,
+  concept,
+  scope,
+  queryFn
+}: WorkspaceConceptQueryInput<TData>): WorkspaceConceptQueryOptions<TData>;
+/**
+ * Invalidate active concept queries touched by an external workspace change.
+ * `root` is required and must be the same root the concept options were built
+ * with — the prefix is derived from it, so a mismatch invalidates nothing.
+ */
+declare function invalidateWorkspaceConceptQueries(queryClient: QueryClient, sourceKey: string, root: string, changedPaths?: readonly string[]): Promise<void>;
+//#endregion
+export { WorkspaceConceptQueryInput, WorkspaceConceptQueryKey, WorkspaceConceptQueryOptions, invalidateWorkspaceConceptQueries, workspaceConceptQueryKey, workspaceConceptQueryOptions, workspaceConceptQueryPrefix };

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

@@ -0,0 +1,42 @@
+import { workspaceQueryKey } from "./Workspace.js";
+import { queryOptions } from "@tanstack/react-query";
+//#region src/components/agents-sdk/WorkspaceConcept.ts
+function workspaceConceptQueryPrefix(sourceKey, root) {
+	return [...workspaceQueryKey(sourceKey, root), "concept"];
+}
+function workspaceConceptQueryKey(sourceKey, root, concept, scope) {
+	return [
+		...workspaceConceptQueryPrefix(sourceKey, root),
+		concept,
+		scope
+	];
+}
+/** Shared concept options for design-system components and host loaders. */
+function workspaceConceptQueryOptions({ sourceKey, root, concept, scope, queryFn }) {
+	return queryOptions({
+		queryKey: workspaceConceptQueryKey(sourceKey, root, concept, scope),
+		queryFn,
+		staleTime: Infinity
+	});
+}
+function pathsOverlap(left, right) {
+	return left === right || left === "/" || right === "/" || left.startsWith(`${right}/`) || right.startsWith(`${left}/`);
+}
+/**
+* Invalidate active concept queries touched by an external workspace change.
+* `root` is required and must be the same root the concept options were built
+* with — the prefix is derived from it, so a mismatch invalidates nothing.
+*/
+function invalidateWorkspaceConceptQueries(queryClient, sourceKey, root, changedPaths) {
+	const prefix = workspaceConceptQueryPrefix(sourceKey, root);
+	return queryClient.invalidateQueries({
+		queryKey: prefix,
+		predicate: (query) => {
+			if (!changedPaths || changedPaths.length === 0) return true;
+			const scope = query.queryKey[prefix.length + 1];
+			return typeof scope === "string" && changedPaths.some((path) => pathsOverlap(scope, path));
+		}
+	});
+}
+//#endregion
+export { invalidateWorkspaceConceptQueries, workspaceConceptQueryKey, workspaceConceptQueryOptions, workspaceConceptQueryPrefix };