@mcp-b/react-components 0.56.1 → 0.56.2

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

@@ -1,8 +1,8 @@
 import { ActivityOutput, ActivityPanel } from "../ai-sdk/Activity.js";
-import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { Tabs } from "../foundations/Tabs.js";
+import { o as formatUnknownValue } from "../../format-CWaZEp5o.js";
+import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../../CodeBlock-Dw1z6jc8.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
-import { i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "../../CodeBlock-Bl-q7wMc.js";
 import { inferWorkspaceLanguage } from "./WorkspaceFile.js";
 import { displayUrl, isSessionContextToolFailure } from "./ThinkChatToolParts.js";
 import * as React from "react";
@@ -328,8 +328,7 @@ function formatToolCall(call) {
 }
 function formatAuditValue(value) {
 	const formatted = formatUnknownValue(value);
-	const maxLength = 240;
-	return formatted.length > maxLength ? `${formatted.slice(0, maxLength - 1)}…` : formatted;
+	return formatted.length > 240 ? `${formatted.slice(0, 239)}…` : formatted;
 }
 function isHumanWait(action) {
 	return action.connector === "human" && action.method === "waitFor";
@@ -445,10 +444,13 @@ function ThinkChatBrowserPanel({ part }) {
 		});
 	}
 	const output = part.state === "output-available" ? part.output : void 0;
+	const label = displayUrl(part.input?.url) || "page";
+	const text = output === void 0 ? void 0 : typeof output === "string" ? output : Array.isArray(output) ? output.map((item) => typeof item === "string" ? item : JSON.stringify(item)).join("\n") : JSON.stringify(output, null, 2);
+	const status = part.type === "tool-browser_links" && Array.isArray(output) ? `${output.length} links` : void 0;
 	return /* @__PURE__ */ jsx(ActivityPanel, {
-		label: displayUrl(part.input?.url) || "page",
-		text: output === void 0 ? void 0 : typeof output === "string" ? output : Array.isArray(output) ? output.map((item) => typeof item === "string" ? item : JSON.stringify(item)).join("\n") : JSON.stringify(output, null, 2),
-		status: part.type === "tool-browser_links" && Array.isArray(output) ? `${output.length} links` : void 0
+		label,
+		text,
+		status
 	});
 }
 function ThinkChatShellPanel({ part }) {
@@ -456,9 +458,10 @@ function ThinkChatShellPanel({ part }) {
 	const errorText = part.state === "output-error" ? part.errorText : "";
 	const deniedReason = part.state === "output-denied" ? part.approval.reason ?? "denied" : "";
 	const failed = Boolean(errorText) || Boolean(deniedReason) || output !== void 0 && (output.exitCode !== 0 || Boolean(output.errors?.length));
+	const text = formatBashPanelText(part.input, output, errorText || deniedReason);
 	return /* @__PURE__ */ jsx(ActivityPanel, {
 		label: "Shell",
-		text: formatBashPanelText(part.input, output, errorText || deniedReason),
+		text,
 		status: output !== void 0 || errorText || deniedReason ? getBashStatusText(output, errorText, deniedReason) : void 0,
 		error: failed
 	});

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

@@ -1,2 +1,2 @@
-import { S as isWorkspaceToolPart, _ as isPartWorking, a as SessionContextToolPart, b as isSkillToolPart, c as ThinkBashToolPart, d as WorkspaceToolPart, f as displayUrl, g as isPartFailed, h as isFetchToolPart, i as SessionContextToolName, l as ThinkChatPart, m as isExecuteToolPart, n as ExecuteToolPart, o as SkillToolPart, p as isBrowserToolPart, r as FetchToolPart, s as ThinkBashToolOutput, t as BrowserToolPart, u as ThinkWorkspaceToolName, v as isSessionContextToolFailure, x as isThinkChatActivityPart, y as isSessionContextToolPart } from "../../ThinkChatToolParts-D4qcnnxt.js";
+import { S as isWorkspaceToolPart, _ as isPartWorking, a as SessionContextToolPart, b as isSkillToolPart, c as ThinkBashToolPart, d as WorkspaceToolPart, f as displayUrl, g as isPartFailed, h as isFetchToolPart, i as SessionContextToolName, l as ThinkChatPart, m as isExecuteToolPart, n as ExecuteToolPart, o as SkillToolPart, p as isBrowserToolPart, r as FetchToolPart, s as ThinkBashToolOutput, t as BrowserToolPart, u as ThinkWorkspaceToolName, v as isSessionContextToolFailure, x as isThinkChatActivityPart, y as isSessionContextToolPart } from "../../ThinkChatToolParts-BucHi63O.js";
 export { BrowserToolPart, ExecuteToolPart, FetchToolPart, SessionContextToolName, SessionContextToolPart, SkillToolPart, ThinkBashToolOutput, ThinkBashToolPart, ThinkChatPart, ThinkWorkspaceToolName, WorkspaceToolPart, displayUrl, isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartFailed, isPartWorking, isSessionContextToolFailure, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart };

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

@@ -1,20 +1,12 @@
-import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-k8bpyXqt.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-CPeYVneQ.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/ThinkExecutionDetail.d.ts
-interface ThinkExecutionDetailProps extends React.HTMLAttributes<HTMLElement> {
+export interface ThinkExecutionDetailProps extends React.HTMLAttributes<HTMLElement> {
   run: ThinkExecutionRun | null;
   emptyState?: React.ReactNode;
 }
 /** Native Think submission or Agents Workflow detail, reusable outside the execution workbench. */
-declare function ThinkExecutionDetail({
-  className,
-  emptyState,
-  ref,
-  run,
-  ...props
-}: ThinkExecutionDetailProps & {
+export declare function ThinkExecutionDetail({ className, emptyState, ref, run, ...props }: ThinkExecutionDetailProps & {
   ref?: React.Ref<HTMLElement>;
 }): React.JSX.Element;
-//#endregion
-export { ThinkExecutionDetail, ThinkExecutionDetailProps };
+//#endregion

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, T as InfoIcon } from "../../icons-cuEtsgj9.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 { EmptyState } from "../foundations/EmptyState.js";
+import { o as formatUnknownValue } from "../../format-CWaZEp5o.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { formatThinkExecutionTimestamp, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunKindLabel, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunTitle, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionStatus } from "./ThinkExecutionStatus.js";
 import "react";

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

@@ -1,2 +1,2 @@
-import { _ as isThinkSubmissionRun, a as formatThinkExecutionStatus, c as getThinkExecutionRunError, d as getThinkExecutionRunProgressedAt, f as getThinkExecutionRunProgressedLabel, g as getThinkExecutionRunTitle, h as getThinkExecutionRunSubtitle, i as formatThinkExecutionShortTimestamp, l as getThinkExecutionRunId, m as getThinkExecutionRunStatusTone, n as ThinkExecutionStatusTone, o as formatThinkExecutionTimestamp, p as getThinkExecutionRunStatus, r as formatThinkExecutionRunProgress, s as getThinkExecutionRunAccessibleName, t as ThinkExecutionRun, u as getThinkExecutionRunKindLabel } from "../../ThinkExecutionRun-k8bpyXqt.js";
+import { _ as isThinkSubmissionRun, a as formatThinkExecutionStatus, c as getThinkExecutionRunError, d as getThinkExecutionRunProgressedAt, f as getThinkExecutionRunProgressedLabel, g as getThinkExecutionRunTitle, h as getThinkExecutionRunSubtitle, i as formatThinkExecutionShortTimestamp, l as getThinkExecutionRunId, m as getThinkExecutionRunStatusTone, n as ThinkExecutionStatusTone, o as formatThinkExecutionTimestamp, p as getThinkExecutionRunStatus, r as formatThinkExecutionRunProgress, s as getThinkExecutionRunAccessibleName, t as ThinkExecutionRun, u as getThinkExecutionRunKindLabel } from "../../ThinkExecutionRun-CPeYVneQ.js";
 export { ThinkExecutionRun, ThinkExecutionStatusTone, formatThinkExecutionRunProgress, formatThinkExecutionShortTimestamp, formatThinkExecutionStatus, formatThinkExecutionTimestamp, getThinkExecutionRunAccessibleName, getThinkExecutionRunError, getThinkExecutionRunId, getThinkExecutionRunKindLabel, getThinkExecutionRunProgressedAt, getThinkExecutionRunProgressedLabel, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle, isThinkSubmissionRun };

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

@@ -1,4 +1,4 @@
-import { t as capitalize } from "../../format-COCyV98Z.js";
+import { t as capitalize } from "../../format-CWaZEp5o.js";
 //#region src/components/agents-sdk/ThinkExecutionRun.ts
 /** Narrows the direct upstream execution union without wrapping either record. */
 function isThinkSubmissionRun(run) {
@@ -39,7 +39,8 @@ function getThinkExecutionRunStatusTone(run) {
 	return "neutral";
 }
 function formatThinkExecutionStatus(status) {
-	return capitalize(status.replaceAll(/([a-z])([A-Z])/g, "$1 $2"));
+	const words = status.replaceAll(/([a-z])([A-Z])/g, "$1 $2");
+	return capitalize(words);
 }
 function formatThinkExecutionTimestamp(value, fallback = "Not recorded") {
 	if (value == null) return fallback;

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

@@ -1,35 +1,23 @@
-import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-k8bpyXqt.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-CPeYVneQ.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/ThinkExecutionStatus.d.ts
-interface ThinkExecutionStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface ThinkExecutionStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
   /** Whole upstream Think submission or Agents workflow record. */
   run: ThinkExecutionRun;
   /** Accessible status label; derived from the run when omitted. */
   label?: string;
 }
-interface ThinkExecutionRunSummaryProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface ThinkExecutionRunSummaryProps extends React.HTMLAttributes<HTMLSpanElement> {
   /** Whole upstream Think submission or Agents workflow record. */
   run: ThinkExecutionRun;
 }
 /** Shared status icon for whole upstream Think submission and Agents workflow records. */
-declare function ThinkExecutionStatus({
-  className,
-  label,
-  run,
-  ref,
-  ...props
-}: ThinkExecutionStatusProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLSpanElement>;
+export declare function ThinkExecutionStatus({ className, label, run, ref, ...props }: ThinkExecutionStatusProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
 /** Shared identity, status, and progress summary for a whole Think execution record. */
-declare function ThinkExecutionRunSummary({
-  className,
-  run,
-  ref,
-  ...props
-}: ThinkExecutionRunSummaryProps & {
+export declare function ThinkExecutionRunSummary({ className, run, ref, ...props }: ThinkExecutionRunSummaryProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-//#endregion
-export { ThinkExecutionRunSummary, ThinkExecutionRunSummaryProps, ThinkExecutionStatus, ThinkExecutionStatusProps };
+//#endregion

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, nt as XIcon } from "../../icons-cuEtsgj9.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.d.ts

@@ -1,12 +1,11 @@
-import { t as AppTopBar } from "../../AppTopBar-CVkLRdk7.js";
-import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-k8bpyXqt.js";
+import { t as AppTopBar } from "../../AppTopBar-DwzydmXu.js";
+import { t as ThinkExecutionRun } from "../../ThinkExecutionRun-CPeYVneQ.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
 import { DataTag, UnusedSkipTokenOptions } from "@tanstack/react-query";
 import { Think, ThinkSubmissionInspection } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 import { WorkflowPage } from "agents/workflows";
-
 //#region src/components/_internal/navigation-link.d.ts
 interface NavigationLinkProps extends Omit<useRender.ComponentProps<"a">, "render"> {
   /** App-authored TanStack Router Link with its destination already type-checked. */
@@ -19,14 +18,10 @@ interface NavigationLinkProps extends Omit<useRender.ComponentProps<"a">, "rende
  * registered route tree infer `to`, `params`, and `search` without routing
  * generics leaking through every design-system component.
  */
-declare function NavigationLink({
-  render,
-  ref,
-  ...props
-}: NavigationLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function NavigationLink({ render, ref, ...props }: NavigationLinkProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //#endregion
 //#region src/components/agents-sdk/ThinkExecutionWorkbench.d.ts
-interface ThinkExecutionWorkbenchRootProps extends useRender.ComponentProps<"div"> {
+export interface ThinkExecutionWorkbenchRootProps extends useRender.ComponentProps<"div"> {
   /** Whole Agents SDK client stub; native submission/workflow methods remain unchanged. */
   source: AgentStub<Think>;
   /** Stable, non-secret remote agent identity; change with the backing source. */
@@ -34,83 +29,52 @@ interface ThinkExecutionWorkbenchRootProps extends useRender.ComponentProps<"div
   /** Maximum submissions and workflows requested per page. */
   pageSize?: number;
 }
-interface ThinkExecutionRunsData {
+export interface ThinkExecutionRunsData {
   submissions: readonly ThinkSubmissionInspection[];
   workflows: WorkflowPage;
 }
-type ThinkExecutionRunsQueryKey = readonly ["think", sourceKey: string, "execution-runs", {
+export type ThinkExecutionRunsQueryKey = readonly ["think", sourceKey: string, "execution-runs", {
   readonly limit: number;
 }];
-type ThinkExecutionRunsQueryOptions = UnusedSkipTokenOptions<ThinkExecutionRunsData, Error, ThinkExecutionRunsData, ThinkExecutionRunsQueryKey> & {
+export type ThinkExecutionRunsQueryOptions = UnusedSkipTokenOptions<ThinkExecutionRunsData, Error, ThinkExecutionRunsData, ThinkExecutionRunsQueryKey> & {
   queryKey: DataTag<ThinkExecutionRunsQueryKey, ThinkExecutionRunsData, Error>;
 };
 /**
  * Shared list options for component reads and TanStack Router loaders.
  */
-declare function thinkExecutionRunsQueryOptions(source: AgentStub<Think>, sourceKey: string, pageSize?: number): ThinkExecutionRunsQueryOptions;
+export declare function thinkExecutionRunsQueryOptions(source: AgentStub<Think>, sourceKey: string, pageSize?: number): ThinkExecutionRunsQueryOptions;
 /**
  * Unified execution history for native Think submissions and Agents workflows.
  * The workbench reads and acts through the whole upstream agent stub; it does
  * not normalize execution records or own workflow authoring. Its first
  * uncached list read suspends to the consuming route's Suspense boundary.
  */
-declare function ThinkExecutionWorkbenchRoot({
-  pageSize,
-  render,
-  ref,
-  source,
-  sourceKey,
-  ...props
-}: ThinkExecutionWorkbenchRootProps): React.JSX.Element;
+declare function ThinkExecutionWorkbenchRoot({ pageSize, render, ref, source, sourceKey, ...props }: ThinkExecutionWorkbenchRootProps): React.JSX.Element;
 /** Caller-authored toolbar; no title, navigation, or action is injected. */
-declare function ThinkExecutionWorkbenchHeader({
-  className,
-  "aria-label": label,
-  ...props
-}: Omit<React.ComponentProps<typeof AppTopBar.Root>, "aria-label"> & {
+declare function ThinkExecutionWorkbenchHeader({ className, "aria-label": label, ...props }: Omit<React.ComponentProps<typeof AppTopBar.Root>, "aria-label"> & {
   "aria-label"?: string;
 }): React.JSX.Element;
-declare function ThinkExecutionWorkbenchContent({
-  render,
-  ref,
-  ...props
-}: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function ThinkExecutionWorkbenchContent({ render, ref, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 /** Refresh control retaining the complete AppTopBar button render/ref/event contract. */
-declare function ThinkExecutionWorkbenchRefresh({
-  label,
-  ...props
-}: Omit<React.ComponentProps<typeof AppTopBar.Button>, "label"> & {
+declare function ThinkExecutionWorkbenchRefresh({ label, ...props }: Omit<React.ComponentProps<typeof AppTopBar.Button>, "label"> & {
   label?: string;
 }): React.JSX.Element;
-declare function ThinkExecutionWorkbenchError({
-  className,
-  ...props
-}: React.ComponentPropsWithRef<"div">): React.JSX.Element | null;
+declare function ThinkExecutionWorkbenchError({ className, ...props }: React.ComponentPropsWithRef<"div">): React.JSX.Element | null;
 /** Controls for one whole native run; mount in a list row or a selected-run toolbar. */
-declare function ThinkExecutionWorkbenchRunActions({
-  run
-}: {
+declare function ThinkExecutionWorkbenchRunActions({ run }: {
   run: ThinkExecutionRun;
 }): React.JSX.Element;
-interface ThinkExecutionWorkbenchListProps extends Omit<React.ComponentPropsWithRef<"section">, "children"> {
+export interface ThinkExecutionWorkbenchListProps extends Omit<React.ComponentPropsWithRef<"section">, "children"> {
   /** Explicit row content; native execution identity and order come from the query. */
   children: (run: ThinkExecutionRun) => React.ReactNode;
 }
-declare function ThinkExecutionWorkbenchList({
-  children,
-  className,
-  ...props
-}: ThinkExecutionWorkbenchListProps): React.JSX.Element;
-interface ThinkExecutionWorkbenchRunLinkProps extends Omit<React.ComponentProps<typeof NavigationLink>, "children"> {
+declare function ThinkExecutionWorkbenchList({ children, className, ...props }: ThinkExecutionWorkbenchListProps): React.JSX.Element;
+export interface ThinkExecutionWorkbenchRunLinkProps extends Omit<React.ComponentProps<typeof NavigationLink>, "children"> {
   run: ThinkExecutionRun;
 }
-declare function ThinkExecutionWorkbenchRunLink({
-  run,
-  className,
-  ...props
-}: ThinkExecutionWorkbenchRunLinkProps): React.JSX.Element;
+declare function ThinkExecutionWorkbenchRunLink({ run, className, ...props }: ThinkExecutionWorkbenchRunLinkProps): React.JSX.Element;
 /** Native execution runtime with independently placed controls, rows, and route content. */
-declare const ThinkExecutionWorkbench: {
+export declare const ThinkExecutionWorkbench: {
   Root: typeof ThinkExecutionWorkbenchRoot;
   Header: typeof ThinkExecutionWorkbenchHeader;
   Content: typeof ThinkExecutionWorkbenchContent;
@@ -120,5 +84,4 @@ declare const ThinkExecutionWorkbench: {
   RunLink: typeof ThinkExecutionWorkbenchRunLink;
   RunActions: typeof ThinkExecutionWorkbenchRunActions;
 };
-//#endregion
-export { ThinkExecutionRunsData, ThinkExecutionRunsQueryKey, ThinkExecutionRunsQueryOptions, ThinkExecutionWorkbench, ThinkExecutionWorkbenchListProps, ThinkExecutionWorkbenchRootProps, ThinkExecutionWorkbenchRunLinkProps, thinkExecutionRunsQueryOptions };
+//#endregion

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

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-cuEtsgj9.js";
+import { H as RefreshIcon, et as WarningIcon, y as EllipsisIcon } from "../../icons-CeGfXO21.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { IconButton } from "../foundations/IconButton.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Menu } from "../foundations/Menu.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";
@@ -123,7 +123,8 @@ function thinkExecutionRunsQueryOptions(source, sourceKey, pageSize = executionP
 * uncached list read suspends to the consuming route's Suspense boundary.
 */
 function ThinkExecutionWorkbenchRoot({ pageSize = executionPanelPageSize, render, ref, source, sourceKey, ...props }) {
-	const runsQuery = useSuspenseQuery(thinkExecutionRunsQueryOptions(source, sourceKey, pageSize));
+	const runsOptions = thinkExecutionRunsQueryOptions(source, sourceKey, pageSize);
+	const runsQuery = useSuspenseQuery(runsOptions);
 	const actionMutation = useMutation({
 		mutationFn: ({ action }) => action(),
 		onSuccess: (_result, action, _onMutateResult, context) => context.client.invalidateQueries({ queryKey: action.runsQueryKey })

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

@@ -1,9 +1,8 @@
 import { ResizableSidePanelHandleProps } from "../general-purpose/ResizableSidePanel.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
-
 //#region src/components/agents-sdk/ThinkFullApp.d.ts
-interface ThinkFullAppRootProps extends React.ComponentPropsWithRef<"div"> {
+export interface ThinkFullAppRootProps extends React.ComponentPropsWithRef<"div"> {
   /** Whether the host-selected workbench is visible. Route identity remains with the host. */
   workbenchOpen: boolean;
 }
@@ -14,39 +13,20 @@ interface ThinkFullAppRootProps extends React.ComponentPropsWithRef<"div"> {
  * Compact layout follows the width available to this content, including any
  * space occupied by a surrounding sidebar.
  */
-declare function ThinkFullAppRoot({
-  workbenchOpen,
-  children,
-  className,
-  ...props
-}: ThinkFullAppRootProps): React.JSX.Element;
-interface ThinkFullAppConversationProps extends useRender.ComponentProps<"section"> {}
+declare function ThinkFullAppRoot({ workbenchOpen, children, className, ...props }: ThinkFullAppRootProps): React.JSX.Element;
+export interface ThinkFullAppConversationProps extends useRender.ComponentProps<"section"> {}
 /** Persistent conversation lane. Its contents and SDK providers belong to the caller. */
-declare function ThinkFullAppConversation({
-  render,
-  className,
-  ref,
-  ...props
-}: ThinkFullAppConversationProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-interface ThinkFullAppWorkbenchProps extends useRender.ComponentProps<"aside"> {}
+declare function ThinkFullAppConversation({ render, className, ref, ...props }: ThinkFullAppConversationProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface ThinkFullAppWorkbenchProps extends useRender.ComponentProps<"aside"> {}
 /** The single raised output plane. Unmounts its content when the host closes it. */
-declare function ThinkFullAppWorkbench({
-  render,
-  className,
-  ref,
-  ...props
-}: ThinkFullAppWorkbenchProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
-interface ThinkFullAppResizeHandleProps extends ResizableSidePanelHandleProps {}
+declare function ThinkFullAppWorkbench({ render, className, ref, ...props }: ThinkFullAppWorkbenchProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export interface ThinkFullAppResizeHandleProps extends ResizableSidePanelHandleProps {}
 /** Keyboard and pointer resize control; absent while the workbench is closed. */
-declare function ThinkFullAppResizeHandle({
-  className,
-  ...props
-}: ThinkFullAppResizeHandleProps): React.JSX.Element | null;
-declare const ThinkFullApp: {
+declare function ThinkFullAppResizeHandle({ className, ...props }: ThinkFullAppResizeHandleProps): React.JSX.Element | null;
+export declare const ThinkFullApp: {
   Root: typeof ThinkFullAppRoot;
   Conversation: typeof ThinkFullAppConversation;
   Workbench: typeof ThinkFullAppWorkbench;
   ResizeHandle: typeof ThinkFullAppResizeHandle;
 };
-//#endregion
-export { ThinkFullApp, ThinkFullAppConversationProps, ThinkFullAppResizeHandleProps, ThinkFullAppRootProps, ThinkFullAppWorkbenchProps };
+//#endregion

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

@@ -3,13 +3,12 @@ import { DynamicToolUIPart, ToolUIPart } from "ai";
 import { PendingApproval, Think } from "@cloudflare/think";
 import { AgentStub } from "agents/client";
 import { ProxyToolOutput } from "@cloudflare/codemode";
-
 //#region src/components/agents-sdk/ThinkPendingApproval.d.ts
 type PausedExecution = Extract<ProxyToolOutput, {
   status: "paused";
 }>;
 /** Structural match for any upstream tool binding of the Codemode execute runtime. */
-declare function getPausedExecution(part: ToolUIPart | DynamicToolUIPart): PausedExecution | undefined;
+export declare function getPausedExecution(part: ToolUIPart | DynamicToolUIPart): PausedExecution | undefined;
 interface SharedThinkApprovalProps {
   thinkStub: AgentStub<Think>;
   onSettled?: () => void | Promise<void>;
@@ -17,7 +16,7 @@ interface SharedThinkApprovalProps {
   count?: number;
   question?: React.ReactNode;
 }
-interface ThinkPendingApprovalProps extends React.HTMLAttributes<HTMLDivElement>, SharedThinkApprovalProps {
+export interface ThinkPendingApprovalProps extends React.HTMLAttributes<HTMLDivElement>, SharedThinkApprovalProps {
   /** Whole entry returned by Think `pendingApprovals()`. */
   approval: PendingApproval;
 }
@@ -25,36 +24,15 @@ interface ThinkPendingApprovalProps extends React.HTMLAttributes<HTMLDivElement>
  * Durable Think approval adapter. It renders the complete upstream descriptor
  * and resolves only through the full Think stub's idempotent execution RPCs.
  */
-declare function ThinkPendingApproval({
-  approval,
-  className,
-  count,
-  onSettled,
-  onSkip,
-  question,
-  ref,
-  thinkStub,
-  ...props
-}: ThinkPendingApprovalProps & {
+export declare function ThinkPendingApproval({ approval, className, count, onSettled, onSkip, question, ref, thinkStub, ...props }: ThinkPendingApprovalProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ThinkExecutionApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part">, SharedThinkApprovalProps {
+export interface ThinkExecutionApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part">, SharedThinkApprovalProps {
   /** Whole AI SDK tool part whose upstream Codemode output may be paused. */
   part: ToolUIPart | DynamicToolUIPart;
 }
 /** Actionable adapter for Think's in-band paused Codemode execution output. */
-declare function ThinkExecutionApproval({
-  className,
-  count,
-  onSettled,
-  onSkip,
-  part,
-  question,
-  ref,
-  thinkStub,
-  ...props
-}: ThinkExecutionApprovalProps & {
+export declare function ThinkExecutionApproval({ className, count, onSettled, onSkip, part, question, ref, thinkStub, ...props }: ThinkExecutionApprovalProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-//#endregion
-export { ThinkExecutionApproval, ThinkExecutionApprovalProps, ThinkPendingApproval, ThinkPendingApprovalProps, getPausedExecution };
+//#endregion

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

@@ -1,4 +1,4 @@
-import { c as titleCase, o as formatUnknownValue } from "../../format-COCyV98Z.js";
+import { c as titleCase, o as formatUnknownValue } from "../../format-CWaZEp5o.js";
 import { Approval, ApprovalCount, ApprovalDecision, ApprovalHeader, ApprovalInputPreview, ApprovalPreview, ApprovalPreviewRow, ApprovalQuestion } from "../ai-sdk/Approval.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,8 +1,7 @@
-import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
+import { i as ThinkChatValue } from "../../ThinkChatContext-DQ6M2VlJ.js";
 import { UIMessage } from "ai";
-
 //#region src/components/agents-sdk/ThinkRecoveryNotice.d.ts
-interface ThinkRecoveryNoticeProps<State = unknown, MessageT extends UIMessage = UIMessage> {
+export interface ThinkRecoveryNoticeProps<State = unknown, MessageT extends UIMessage = UIMessage> {
   /** The complete `useAgentChat` value from `@cloudflare/think/react`. */
   chat: ThinkChatValue<State, MessageT>;
 }
@@ -12,8 +11,5 @@ interface ThinkRecoveryNoticeProps<State = unknown, MessageT extends UIMessage =
  * checkpoint, attempt count, or timeline to the browser, so this adapter does
  * not claim those details.
  */
-declare function ThinkRecoveryNotice<State = unknown, MessageT extends UIMessage = UIMessage>({
-  chat
-}: ThinkRecoveryNoticeProps<State, MessageT>): import("react").JSX.Element | null;
-//#endregion
-export { ThinkRecoveryNotice, ThinkRecoveryNoticeProps };
+export declare function ThinkRecoveryNotice<State = unknown, MessageT extends UIMessage = UIMessage>({ chat }: ThinkRecoveryNoticeProps<State, MessageT>): import("react").JSX.Element | null;
+//#endregion

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

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

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

@@ -1,2 +1,2 @@
-import { i as getThinkRoutineNextRun, n as ThinkRoutineOwner, r as ThinkRoutineRunOf, t as ThinkRoutine } from "../../ThinkRoutine-Cb1DdaHa.js";
+import { i as getThinkRoutineNextRun, n as ThinkRoutineOwner, r as ThinkRoutineRunOf, t as ThinkRoutine } from "../../ThinkRoutine-DGlKJbIy.js";
 export { ThinkRoutine, ThinkRoutineOwner, ThinkRoutineRunOf, getThinkRoutineNextRun };

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

@@ -1,9 +1,8 @@
-import { t as AppTopBar } from "../../AppTopBar-CVkLRdk7.js";
-import { t as ThinkRoutine } from "../../ThinkRoutine-Cb1DdaHa.js";
+import { t as AppTopBar } from "../../AppTopBar-DwzydmXu.js";
+import { t as ThinkRoutine } from "../../ThinkRoutine-DGlKJbIy.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/ThinkRoutineActions.d.ts
-interface ThinkRoutineActionsRootProps<TRoutine extends ThinkRoutine = ThinkRoutine> {
+export interface ThinkRoutineActionsRootProps<TRoutine extends ThinkRoutine = ThinkRoutine> {
   /** Whole selected routine, including app-owned extensions and native task/run values. */
   routine: TRoutine;
   /** Stable non-secret identity of the source backing this routine. */
@@ -18,20 +17,13 @@ interface ThinkRoutineActionsRootProps<TRoutine extends ThinkRoutine = ThinkRout
   children: React.ReactNode;
 }
 /** Connect an independently mounted detail to its selected routine action scope. */
-declare function useThinkRoutineActions(): {
+export declare function useThinkRoutineActions(): {
   busy: boolean;
   onEnabledChange: ((enabled: boolean) => void) | undefined;
 };
 /** No layout or routing. Source/routine changes reset actions without remounting caller navigation. */
-declare function ThinkRoutineActionsRoot<TRoutine extends ThinkRoutine>({
-  routine,
-  sourceKey,
-  onRun,
-  onEnabledChange,
-  onDelete,
-  children
-}: ThinkRoutineActionsRootProps<TRoutine>): React.JSX.Element;
-type ThinkRoutineActionProps = Omit<React.ComponentProps<typeof AppTopBar.Button>, "label"> & {
+declare function ThinkRoutineActionsRoot<TRoutine extends ThinkRoutine>({ routine, sourceKey, onRun, onEnabledChange, onDelete, children }: ThinkRoutineActionsRootProps<TRoutine>): React.JSX.Element;
+export type ThinkRoutineActionProps = Omit<React.ComponentProps<typeof AppTopBar.Button>, "label"> & {
   label?: string;
 };
 /** Explicit run control; preserves the complete shared button composition contract. */
@@ -40,12 +32,11 @@ declare function ThinkRoutineRun(props: ThinkRoutineActionProps): React.JSX.Elem
 declare function ThinkRoutineDelete(props: ThinkRoutineActionProps): React.JSX.Element | null;
 declare function ThinkRoutineError(props: React.ComponentPropsWithRef<"div">): React.JSX.Element | null;
 declare function ThinkRoutineStatus(props: React.ComponentPropsWithRef<"div">): React.JSX.Element;
-declare const ThinkRoutineActions: {
+export declare const ThinkRoutineActions: {
   Root: typeof ThinkRoutineActionsRoot;
   Run: typeof ThinkRoutineRun;
   Delete: typeof ThinkRoutineDelete;
   Error: typeof ThinkRoutineError;
   Status: typeof ThinkRoutineStatus;
 };
-//#endregion
-export { ThinkRoutineActionProps, ThinkRoutineActions, ThinkRoutineActionsRootProps, useThinkRoutineActions };
+//#endregion

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

@@ -1,6 +1,6 @@
-import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { a as formatErrorMessage } from "../../format-CWaZEp5o.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { AlertDialog } from "../foundations/AlertDialog.js";

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

@@ -1,9 +1,8 @@
-import { t as ThinkRoutine } from "../../ThinkRoutine-Cb1DdaHa.js";
+import { t as ThinkRoutine } from "../../ThinkRoutine-DGlKJbIy.js";
 import * as React from "react";
-
 //#region src/components/agents-sdk/ThinkRoutineBrowser.d.ts
-type ThinkRoutineFilter = "all" | "active" | "paused";
-interface ThinkRoutineBrowserProps<TRoutine extends ThinkRoutine = ThinkRoutine> extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
+export type ThinkRoutineFilter = "all" | "active" | "paused";
+export interface ThinkRoutineBrowserProps<TRoutine extends ThinkRoutine = ThinkRoutine> extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
   routines: readonly TRoutine[];
   /** Routine selected by the current application route. */
   selectedRoutineId?: string | null;
@@ -20,18 +19,7 @@ interface ThinkRoutineBrowserProps<TRoutine extends ThinkRoutine = ThinkRoutine>
   onRoutineLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }
 /** Searchable, filterable navigation for an app-owned collection of Think routines. */
-declare function ThinkRoutineBrowser<TRoutine extends ThinkRoutine = ThinkRoutine>({
-  className,
-  routines,
-  selectedRoutineId,
-  showOwner,
-  renderRoutineLink,
-  createRoutineLink,
-  onRoutineLinkClick,
-  ref,
-  ...props
-}: ThinkRoutineBrowserProps<TRoutine> & {
+export declare function ThinkRoutineBrowser<TRoutine extends ThinkRoutine = ThinkRoutine>({ className, routines, selectedRoutineId, showOwner, renderRoutineLink, createRoutineLink, onRoutineLinkClick, ref, ...props }: ThinkRoutineBrowserProps<TRoutine> & {
   ref?: React.Ref<HTMLElement>;
 }): React.JSX.Element;
-//#endregion
-export { ThinkRoutineBrowser, ThinkRoutineBrowserProps, ThinkRoutineFilter };
+//#endregion

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon } from "../../icons-cuEtsgj9.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";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { t as capitalize } from "../../format-CWaZEp5o.js";
 import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { SearchField } from "../foundations/SearchField.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";