@mcp-b/react-components 0.7.1 → 0.8.0

package/dist/components/ThinkExecutionWorkbench.js

@@ -0,0 +1,450 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { A as SearchIcon, D as PlayIcon, L as XIcon, N as SquareIcon, T as PauseIcon, k as RefreshIcon, u as DotIcon } from "../icons-D2Q5n5C1.js";
+import { Button } from "./Button.js";
+import { Badge } from "./Badge.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ThinkExecutionWorkbench.tsx
+const executionPanelPageSize = 20;
+function formatTimestamp(value) {
+	if (value == null) return "Not recorded";
+	const date = value instanceof Date ? value : new Date(value);
+	return Number.isNaN(date.getTime()) ? "Not recorded" : date.toLocaleString();
+}
+function formatJson(value) {
+	return JSON.stringify(value, null, 2);
+}
+function getErrorMessage(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+function submissionStatusColor(status) {
+	if (status === "completed") return "success";
+	if (status === "error") return "destructive";
+	if (status === "aborted" || status === "skipped") return "warning";
+	if (status === "running") return "primary";
+	return "neutral";
+}
+function workflowStatusColor(status) {
+	const value = String(status);
+	if (value === "complete") return "success";
+	if (value === "errored" || value === "terminated") return "destructive";
+	if (value === "paused" || value === "waiting") return "warning";
+	if (value === "running") return "primary";
+	return "neutral";
+}
+function StatusBadge({ children, color }) {
+	return /* @__PURE__ */ jsxs(Badge, {
+		className: "think-execution-workbench__status",
+		color,
+		size: "sm",
+		children: [/* @__PURE__ */ jsx(DotIcon, {}), /* @__PURE__ */ jsx("span", { children })]
+	});
+}
+function isSubmissionCancelable(status) {
+	return status === "pending" || status === "running";
+}
+function isWorkflowTerminal(status) {
+	const value = String(status);
+	return value === "complete" || value === "errored" || value === "terminated";
+}
+function ThinkExecutionWorkbench({ backButton, className, pageSize = executionPanelPageSize, ref, source, title = "Execution", ...props }) {
+	const inspectionId = React.useId();
+	const submissionsId = React.useId();
+	const executionsId = React.useId();
+	const [busyAction, setBusyAction] = React.useState("refresh");
+	const [error, setError] = React.useState(null);
+	const [submissions, setSubmissions] = React.useState([]);
+	const [workflows, setWorkflows] = React.useState(null);
+	const [selectedSubmission, setSelectedSubmission] = React.useState(null);
+	const [selectedWorkflow, setSelectedWorkflow] = React.useState(null);
+	const loadData = React.useCallback(async () => {
+		const [nextSubmissions, nextWorkflows] = await Promise.all([source.listSubmissions({ limit: pageSize }), source.getWorkflows({
+			limit: pageSize,
+			orderBy: "desc"
+		})]);
+		setSubmissions(nextSubmissions);
+		setWorkflows(nextWorkflows);
+	}, [pageSize, source]);
+	const refresh = React.useCallback(async () => {
+		setBusyAction("refresh");
+		setError(null);
+		try {
+			await loadData();
+		} catch (nextError) {
+			setError(getErrorMessage(nextError));
+		} finally {
+			setBusyAction(null);
+		}
+	}, [loadData]);
+	const runAction = React.useCallback(async (key, action) => {
+		setBusyAction(key);
+		setError(null);
+		try {
+			await action();
+			await loadData();
+		} catch (nextError) {
+			setError(getErrorMessage(nextError));
+		} finally {
+			setBusyAction(null);
+		}
+	}, [loadData]);
+	React.useEffect(() => {
+		refresh();
+	}, [refresh]);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx("think-execution-workbench", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "think-execution-workbench__header",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "think-execution-workbench__heading",
+					children: [backButton, /* @__PURE__ */ jsx("h2", {
+						className: "think-execution-workbench__title",
+						children: title
+					})]
+				}), /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "outline",
+					color: "neutral",
+					size: "sm",
+					className: "think-execution-workbench__refresh",
+					"aria-label": "Refresh execution records",
+					disabled: busyAction !== null,
+					onClick: () => void refresh(),
+					children: [/* @__PURE__ */ jsx(RefreshIcon, {}), /* @__PURE__ */ jsx("span", { children: "Refresh" })]
+				})]
+			}),
+			error ? /* @__PURE__ */ jsx("div", {
+				className: "think-execution-workbench__error",
+				role: "alert",
+				children: error
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "think-execution-workbench__sections",
+				"aria-busy": busyAction !== null,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "think-execution-workbench__lists",
+					children: [/* @__PURE__ */ jsxs("section", {
+						className: "think-execution-workbench__section",
+						"aria-labelledby": submissionsId,
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__section-header",
+							children: [/* @__PURE__ */ jsx("h3", {
+								id: submissionsId,
+								children: "Submissions"
+							}), /* @__PURE__ */ jsx(Badge, {
+								color: "neutral",
+								size: "sm",
+								children: submissions.length
+							})]
+						}), busyAction === "refresh" && submissions.length === 0 ? /* @__PURE__ */ jsx("p", {
+							className: "think-execution-workbench__empty",
+							role: "status",
+							children: "Loading submissions..."
+						}) : submissions.length === 0 ? /* @__PURE__ */ jsx("p", {
+							className: "think-execution-workbench__empty",
+							children: "No submissions."
+						}) : /* @__PURE__ */ jsx("ul", {
+							className: "think-execution-workbench__list",
+							role: "list",
+							children: submissions.map((submission) => /* @__PURE__ */ jsxs("li", {
+								className: "think-execution-workbench__item",
+								"data-selected": selectedSubmission?.submissionId === submission.submissionId ? "true" : void 0,
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "think-execution-workbench__row-main",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "think-execution-workbench__item-topline",
+											children: [/* @__PURE__ */ jsx("code", { children: submission.submissionId }), /* @__PURE__ */ jsx(StatusBadge, {
+												color: submissionStatusColor(submission.status),
+												children: submission.status
+											})]
+										}),
+										/* @__PURE__ */ jsxs("p", {
+											className: "think-execution-workbench__row-meta",
+											children: [/* @__PURE__ */ jsxs("span", { children: ["Created ", formatTimestamp(submission.createdAt)] }), submission.idempotencyKey ? /* @__PURE__ */ jsxs("span", { children: ["Idempotency ", submission.idempotencyKey] }) : null]
+										}),
+										submission.error ? /* @__PURE__ */ jsx("p", {
+											className: "think-execution-workbench__item-error",
+											children: submission.error
+										}) : null
+									]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "think-execution-workbench__actions",
+									children: [
+										/* @__PURE__ */ jsx(Button, {
+											type: "button",
+											variant: "ghost",
+											color: "neutral",
+											size: "icon-xs",
+											"aria-label": `Inspect submission ${submission.submissionId}`,
+											disabled: busyAction !== null,
+											onClick: () => void runAction(`inspect-submission:${submission.submissionId}`, async () => {
+												setSelectedWorkflow(null);
+												setSelectedSubmission(await source.inspectSubmission(submission.submissionId));
+											}),
+											children: /* @__PURE__ */ jsx(SearchIcon, {})
+										}),
+										isSubmissionCancelable(submission.status) ? /* @__PURE__ */ jsx(Button, {
+											type: "button",
+											variant: "ghost",
+											color: "neutral",
+											size: "icon-xs",
+											"aria-label": `Cancel submission ${submission.submissionId}`,
+											disabled: busyAction !== null,
+											onClick: () => void runAction(`cancel-submission:${submission.submissionId}`, () => source.cancelSubmission(submission.submissionId)),
+											children: /* @__PURE__ */ jsx(SquareIcon, {})
+										}) : null,
+										/* @__PURE__ */ jsx(Button, {
+											type: "button",
+											variant: "ghost",
+											color: "destructive",
+											size: "icon-xs",
+											"aria-label": `Delete submission ${submission.submissionId}`,
+											disabled: busyAction !== null,
+											onClick: () => void runAction(`delete-submission:${submission.submissionId}`, () => source.deleteSubmission(submission.submissionId)),
+											children: /* @__PURE__ */ jsx(XIcon, {})
+										})
+									]
+								})]
+							}, submission.submissionId))
+						})]
+					}), /* @__PURE__ */ jsxs("section", {
+						className: "think-execution-workbench__section",
+						"aria-labelledby": executionsId,
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__section-header",
+							children: [/* @__PURE__ */ jsx("h3", {
+								id: executionsId,
+								children: "Tracked workflows"
+							}), /* @__PURE__ */ jsx(Badge, {
+								color: "neutral",
+								size: "sm",
+								children: workflows?.total ?? 0
+							})]
+						}), busyAction === "refresh" && workflows === null ? /* @__PURE__ */ jsx("p", {
+							className: "think-execution-workbench__empty",
+							role: "status",
+							children: "Loading workflows..."
+						}) : !workflows || workflows.workflows.length === 0 ? /* @__PURE__ */ jsx("p", {
+							className: "think-execution-workbench__empty",
+							children: "No tracked workflows."
+						}) : /* @__PURE__ */ jsx("ul", {
+							className: "think-execution-workbench__list",
+							role: "list",
+							children: workflows.workflows.map((workflow) => {
+								const workflowStatus = String(workflow.status);
+								return /* @__PURE__ */ jsxs("li", {
+									className: "think-execution-workbench__item",
+									"data-selected": selectedWorkflow?.workflowId === workflow.workflowId ? "true" : void 0,
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "think-execution-workbench__row-main",
+										children: [
+											/* @__PURE__ */ jsxs("div", {
+												className: "think-execution-workbench__item-topline",
+												children: [/* @__PURE__ */ jsx("code", { children: workflow.workflowName }), /* @__PURE__ */ jsx(StatusBadge, {
+													color: workflowStatusColor(workflow.status),
+													children: workflowStatus
+												})]
+											}),
+											/* @__PURE__ */ jsxs("p", {
+												className: "think-execution-workbench__row-meta",
+												children: [/* @__PURE__ */ jsx("span", { children: workflow.workflowId }), /* @__PURE__ */ jsxs("span", { children: ["Updated ", formatTimestamp(workflow.updatedAt)] })]
+											}),
+											workflow.error ? /* @__PURE__ */ jsxs("p", {
+												className: "think-execution-workbench__item-error",
+												children: [
+													workflow.error.name,
+													": ",
+													workflow.error.message
+												]
+											}) : null
+										]
+									}), /* @__PURE__ */ jsxs("div", {
+										className: "think-execution-workbench__actions",
+										children: [
+											/* @__PURE__ */ jsx(Button, {
+												type: "button",
+												variant: "ghost",
+												color: "neutral",
+												size: "icon-xs",
+												"aria-label": `Inspect workflow ${workflow.workflowId}`,
+												disabled: busyAction !== null,
+												onClick: () => void runAction(`inspect-workflow:${workflow.workflowId}`, async () => {
+													setSelectedSubmission(null);
+													setSelectedWorkflow(await source.getWorkflow(workflow.workflowId) ?? workflow);
+												}),
+												children: /* @__PURE__ */ jsx(SearchIcon, {})
+											}),
+											/* @__PURE__ */ jsx(Button, {
+												type: "button",
+												variant: "ghost",
+												color: "neutral",
+												size: "icon-xs",
+												"aria-label": `Sync workflow ${workflow.workflowId} status`,
+												disabled: busyAction !== null,
+												onClick: () => void runAction(`sync-workflow:${workflow.workflowId}`, () => source.getWorkflowStatus(workflow.workflowName, workflow.workflowId)),
+												children: /* @__PURE__ */ jsx(RefreshIcon, {})
+											}),
+											workflowStatus === "running" ? /* @__PURE__ */ jsx(Button, {
+												type: "button",
+												variant: "ghost",
+												color: "neutral",
+												size: "icon-xs",
+												"aria-label": `Pause workflow ${workflow.workflowId}`,
+												disabled: busyAction !== null,
+												onClick: () => void runAction(`pause-workflow:${workflow.workflowId}`, () => source.pauseWorkflow(workflow.workflowId)),
+												children: /* @__PURE__ */ jsx(PauseIcon, {})
+											}) : null,
+											workflowStatus === "paused" ? /* @__PURE__ */ jsx(Button, {
+												type: "button",
+												variant: "ghost",
+												color: "neutral",
+												size: "icon-xs",
+												"aria-label": `Resume workflow ${workflow.workflowId}`,
+												disabled: busyAction !== null,
+												onClick: () => void runAction(`resume-workflow:${workflow.workflowId}`, () => source.resumeWorkflow(workflow.workflowId)),
+												children: /* @__PURE__ */ jsx(PlayIcon, {})
+											}) : null,
+											isWorkflowTerminal(workflow.status) ? /* @__PURE__ */ jsx(Button, {
+												type: "button",
+												variant: "ghost",
+												color: "neutral",
+												size: "icon-xs",
+												"aria-label": `Restart workflow ${workflow.workflowId}`,
+												disabled: busyAction !== null,
+												onClick: () => void runAction(`restart-workflow:${workflow.workflowId}`, () => source.restartWorkflow(workflow.workflowId)),
+												children: /* @__PURE__ */ jsx(RefreshIcon, {})
+											}) : null,
+											workflowStatus === "running" ? /* @__PURE__ */ jsx(Button, {
+												type: "button",
+												variant: "ghost",
+												color: "destructive",
+												size: "icon-xs",
+												"aria-label": `Terminate workflow ${workflow.workflowId}`,
+												disabled: busyAction !== null,
+												onClick: () => void runAction(`terminate-workflow:${workflow.workflowId}`, () => source.terminateWorkflow(workflow.workflowId)),
+												children: /* @__PURE__ */ jsx(SquareIcon, {})
+											}) : null,
+											/* @__PURE__ */ jsx(Button, {
+												type: "button",
+												variant: "ghost",
+												color: "destructive",
+												size: "icon-xs",
+												"aria-label": `Delete workflow ${workflow.workflowId}`,
+												disabled: busyAction !== null,
+												onClick: () => void runAction(`delete-workflow:${workflow.workflowId}`, () => source.deleteWorkflow(workflow.workflowId)),
+												children: /* @__PURE__ */ jsx(XIcon, {})
+											})
+										]
+									})]
+								}, workflow.workflowId);
+							})
+						})]
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "think-execution-workbench__detail",
+					"aria-labelledby": inspectionId,
+					children: selectedSubmission ? /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__detail-header",
+							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+								className: "think-execution-workbench__eyebrow",
+								children: "Submission inspection"
+							}), /* @__PURE__ */ jsx("h3", {
+								id: inspectionId,
+								children: /* @__PURE__ */ jsx("code", { children: selectedSubmission.submissionId })
+							})] }), /* @__PURE__ */ jsx(StatusBadge, {
+								color: submissionStatusColor(selectedSubmission.status),
+								children: selectedSubmission.status
+							})]
+						}),
+						/* @__PURE__ */ jsxs("dl", {
+							className: "think-execution-workbench__meta think-execution-workbench__meta--detail",
+							children: [
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Created" }), /* @__PURE__ */ jsx("dd", { children: formatTimestamp(selectedSubmission.createdAt) })] }),
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Started" }), /* @__PURE__ */ jsx("dd", { children: formatTimestamp(selectedSubmission.startedAt) })] }),
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Completed" }), /* @__PURE__ */ jsx("dd", { children: formatTimestamp(selectedSubmission.completedAt) })] }),
+								selectedSubmission.requestId ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Request" }), /* @__PURE__ */ jsx("dd", { children: selectedSubmission.requestId })] }) : null,
+								selectedSubmission.idempotencyKey ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Idempotency" }), /* @__PURE__ */ jsx("dd", { children: selectedSubmission.idempotencyKey })] }) : null
+							]
+						}),
+						selectedSubmission.error ? /* @__PURE__ */ jsx("p", {
+							className: "think-execution-workbench__item-error",
+							children: selectedSubmission.error
+						}) : null,
+						selectedSubmission.metadata ? /* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__inspection",
+							children: [/* @__PURE__ */ jsx("h4", { children: "Metadata" }), /* @__PURE__ */ jsx("pre", {
+								tabIndex: 0,
+								children: formatJson(selectedSubmission.metadata)
+							})]
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__inspection",
+							children: [/* @__PURE__ */ jsx("h4", { children: "Raw record" }), /* @__PURE__ */ jsx("pre", {
+								tabIndex: 0,
+								children: formatJson(selectedSubmission)
+							})]
+						})
+					] }) : selectedWorkflow ? /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__detail-header",
+							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+								className: "think-execution-workbench__eyebrow",
+								children: "Workflow inspection"
+							}), /* @__PURE__ */ jsx("h3", {
+								id: inspectionId,
+								children: /* @__PURE__ */ jsx("code", { children: selectedWorkflow.workflowName })
+							})] }), /* @__PURE__ */ jsx(StatusBadge, {
+								color: workflowStatusColor(selectedWorkflow.status),
+								children: String(selectedWorkflow.status)
+							})]
+						}),
+						/* @__PURE__ */ jsxs("dl", {
+							className: "think-execution-workbench__meta think-execution-workbench__meta--detail",
+							children: [
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Instance" }), /* @__PURE__ */ jsx("dd", { children: selectedWorkflow.workflowId })] }),
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Created" }), /* @__PURE__ */ jsx("dd", { children: formatTimestamp(selectedWorkflow.createdAt) })] }),
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Updated" }), /* @__PURE__ */ jsx("dd", { children: formatTimestamp(selectedWorkflow.updatedAt) })] }),
+								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Completed" }), /* @__PURE__ */ jsx("dd", { children: formatTimestamp(selectedWorkflow.completedAt) })] })
+							]
+						}),
+						selectedWorkflow.error ? /* @__PURE__ */ jsxs("p", {
+							className: "think-execution-workbench__item-error",
+							children: [
+								selectedWorkflow.error.name,
+								": ",
+								selectedWorkflow.error.message
+							]
+						}) : null,
+						selectedWorkflow.metadata ? /* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__inspection",
+							children: [/* @__PURE__ */ jsx("h4", { children: "Metadata" }), /* @__PURE__ */ jsx("pre", {
+								tabIndex: 0,
+								children: formatJson(selectedWorkflow.metadata)
+							})]
+						}) : null,
+						/* @__PURE__ */ jsxs("div", {
+							className: "think-execution-workbench__inspection",
+							children: [/* @__PURE__ */ jsx("h4", { children: "Raw record" }), /* @__PURE__ */ jsx("pre", {
+								tabIndex: 0,
+								children: formatJson(selectedWorkflow)
+							})]
+						})
+					] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("h3", {
+						id: inspectionId,
+						children: "Inspection"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "think-execution-workbench__empty think-execution-workbench__empty--detail",
+						children: "Inspect a submission or workflow."
+					})] })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { ThinkExecutionWorkbench };

package/dist/components/ThinkFullApp.d.ts

@@ -1,23 +1,61 @@
 import { WorkspaceSource } from "./WorkspaceExplorer.js";
-import { ThinkApprovalStub, ThinkChatMessagesProps, ThinkChatProviderProps } from "./ThinkChat.js";
+import { ThinkChatMessagesProps } from "./ThinkChat.js";
+import { ThinkExecutionAgent, ThinkExecutionWorkbench, ThinkExecutionWorkbenchProps, ThinkExecutionWorkbenchSource } from "./ThinkExecutionWorkbench.js";
 import * as React from "react";
+import { useAgentChat } from "@cloudflare/think/react";
+import { UIMessage } from "ai";
+import { useAgent } from "agents/react";
+import { Think } from "@cloudflare/think";
 
 //#region src/components/ThinkFullApp.d.ts
-interface ThinkFullAppProps extends React.HTMLAttributes<HTMLDivElement> {
-  /** ThinkChat state and actions used by the chat surface. */
-  chat: ThinkChatProviderProps["chat"];
-  /** Optional Think agent stub used to resolve pending approval state. */
-  agentStub?: ThinkApprovalStub;
+type ThinkFullAppAgent<State = unknown> = Think<object, State>;
+type ThinkFullAppWorkbenchView = "files" | "execution";
+interface ThinkFullAppProps<AgentT extends ThinkFullAppAgent<State>, State = unknown> extends React.HTMLAttributes<HTMLDivElement> {
+  /** The `useAgent` value from `agents/react`; its stub drives approvals and execution records. */
+  agent: ReturnType<typeof useAgent<AgentT, State>>;
+  /** The `useAgentChat` value from `@cloudflare/think/react` used by the chat surface. */
+  chat: ReturnType<typeof useAgentChat<State, UIMessage>>;
   /** Optional workspace source shown in the file explorer pane. */
   workspace?: WorkspaceSource;
   /** Root path passed to the workspace explorer. */
   workspaceRoot?: string;
   /** Message rendering labels and approval overrides for ThinkChat. */
   messages?: ThinkChatMessagesProps;
+  /** Optional parent-owned thread picker/sidebar rendered beside the selected child app. */
+  threadSidebar?: React.ReactNode;
+  /** Whether the thread sidebar is open. Omit for internal state. */
+  threadSidebarOpen?: boolean;
+  /** Initial thread sidebar state when `threadSidebarOpen` is uncontrolled. */
+  defaultThreadSidebarOpen?: boolean;
+  /** Called when the thread sidebar is opened or closed. */
+  onThreadSidebarOpenChange?: (open: boolean) => void;
+  /** Selected workbench lane. Use this when the parent app stores the lane in route state. */
+  workbenchView?: ThinkFullAppWorkbenchView;
+  /** Initial workbench lane when `workbenchView` is uncontrolled. */
+  defaultWorkbenchView?: ThinkFullAppWorkbenchView;
+  /** Called when the shell toolbar asks to switch workbench lanes. */
+  onWorkbenchViewChange?: (view: ThinkFullAppWorkbenchView) => void;
 }
-/** Combines ThinkChat with an optional resizable workspace file explorer shell. */
-declare function ThinkFullApp(props: ThinkFullAppProps & {
+/** Combines ThinkChat with an optional resizable workbench shell. */
+declare function ThinkFullApp<AgentT extends ThinkFullAppAgent<State>, State = unknown>({
+  agent,
+  chat,
+  className,
+  defaultWorkbenchView,
+  defaultThreadSidebarOpen,
+  messages,
+  onThreadSidebarOpenChange,
+  onWorkbenchViewChange,
+  ref,
+  style,
+  threadSidebar,
+  threadSidebarOpen,
+  workbenchView,
+  workspace,
+  workspaceRoot,
+  ...props
+}: ThinkFullAppProps<AgentT, State> & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
-export { ThinkFullApp, ThinkFullAppProps };
+export { type ThinkExecutionAgent, ThinkExecutionWorkbench, type ThinkExecutionWorkbenchProps, type ThinkExecutionWorkbenchSource, ThinkFullApp, ThinkFullAppAgent, ThinkFullAppProps, ThinkFullAppWorkbenchView };