@mcp-b/react-components 0.37.0 → 0.39.0

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

@@ -2,12 +2,19 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { A as MaximizeIcon, J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { StatusPill } from "../foundations/StatusPill.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { StatusPill } from "../foundations/StatusPill.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/BrowserLiveView.tsx
 const FRAME_LOAD_TIMEOUT_MS = 15e3;
+const PHASE_TEXT = {
+	connecting: "Connecting live view…",
+	streaming: "Live",
+	reconnecting: "Reconnecting live view…",
+	idle: "Live view ended",
+	failed: "Live view unavailable"
+};
 function EndedState({ title, detail }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "browser-live-view__ended",
@@ -21,12 +28,29 @@ function EndedState({ title, detail }) {
 	});
 }
 /**
-* Embeds a Browser Run Live View — a real-time, interactive view of the
-* agent's browser session. Links expire (~5 minutes), so the iframe swaps to
-* `fallback` (e.g. the last screenshot) once `source.expiresInMs` passes.
-* While the hosted viewer connects, a quiet loading overlay hides the frame; if it
-* never loads, the view degrades to `fallback` or an unavailable state. An
-* expand button opens the same view in a fullscreen dialog.
+* A live, interactive view of an agent's browser session.
+*
+* It takes the session either way round. Give it `source` — a Browser Run
+* `BrowserLiveViewUrl` — and it embeds the hosted viewer, expiring the frame
+* on its own once `expiresInMs` passes. Give it `renderMedia` and a `phase`
+* instead and the host draws the picture on its own transport while this keeps
+* the frame around it. The Live badge, the connecting overlay, the ended
+* state, and the fullscreen expand are the same either way, because to the
+* person watching it is the same thing.
+*
+* `fill` drops the card treatment for a view that is the whole surface rather
+* than a block on one — the phone's screen, or a panel that already sizes
+* itself. Everything else about the frame is unchanged.
+*
+* A host-drawn view keeps its own input surface, because coordinate mapping
+* and key handling depend on what the host's input API expects — a screencast
+* wants CSS pixels offset by its viewport, and nothing generic here could know
+* that. This component owns the frame; the host owns the picture and control.
+*
+* The two sources differ in what the host must trust. A hosted URL embeds a
+* third-party origin and runs its script; the iframe is unsandboxed by design
+* because the viewer needs scripts and its own origin to stream the session,
+* so only pass trusted Live View URLs. Host-drawn media embeds no origin.
 *
 * Where URLs come from (upstream: `agents/browser` in
 * github.com/cloudflare/agents — `BrowserLiveViewUrl`): the model calls
@@ -36,22 +60,21 @@ function EndedState({ title, detail }) {
 *
 * Styling rides `@mcp-b/react-components/styles` (browser-live-view.css),
 * which think-chat consumers load anyway.
-*
-* The iframe is unsandboxed by design: the hosted Live View UI needs scripts
-* and its own origin to stream the session. Only pass trusted Live View URLs.
 */
-function BrowserLiveView({ source, receivedAt, pageTitle, fallback, className, ...props }) {
-	const [expired, setExpired] = React.useState(() => receivedAt !== void 0 && receivedAt + source.expiresInMs <= Date.now());
+function BrowserLiveView(props) {
+	const { source, receivedAt, renderMedia, phase, pageTitle, statusLabel, fallback, expandable = true, fill, className, ...rest } = props;
+	const [expired, setExpired] = React.useState(() => source !== void 0 && receivedAt !== void 0 && receivedAt + source.expiresInMs <= Date.now());
 	const [reportedFrameState, setReportedFrameState] = React.useState(() => ({
-		url: source.url,
+		url: source?.url ?? "",
 		value: "loading"
 	}));
-	if (reportedFrameState.url !== source.url) setReportedFrameState({
+	if (source && reportedFrameState.url !== source.url) setReportedFrameState({
 		url: source.url,
 		value: "loading"
 	});
-	const frameState = reportedFrameState.url === source.url ? reportedFrameState.value : "loading";
+	const frameState = source && reportedFrameState.url === source.url ? reportedFrameState.value : "loading";
 	React.useEffect(() => {
+		if (!source) return;
 		const remaining = (receivedAt ?? Date.now()) + source.expiresInMs - Date.now();
 		if (remaining <= 0) {
 			setExpired(true);
@@ -60,57 +83,71 @@ function BrowserLiveView({ source, receivedAt, pageTitle, fallback, className, .
 		setExpired(false);
 		const timer = setTimeout(() => setExpired(true), remaining);
 		return () => clearTimeout(timer);
-	}, [
-		receivedAt,
-		source.expiresInMs,
-		source.targetId,
-		source.url
-	]);
+	}, [receivedAt, source]);
 	React.useEffect(() => {
-		if (frameState !== "loading") return;
+		if (!source || frameState !== "loading") return;
 		const url = source.url;
 		const timer = setTimeout(() => setReportedFrameState({
 			url,
 			value: "failed"
 		}), FRAME_LOAD_TIMEOUT_MS);
 		return () => clearTimeout(timer);
-	}, [frameState, source.url]);
-	const failed = frameState === "failed";
-	const live = !expired && !failed;
+	}, [frameState, source]);
+	const activePhase = source ? expired ? "idle" : frameState === "failed" ? "failed" : frameState === "loading" ? "connecting" : "streaming" : phase ?? "connecting";
+	const live = activePhase === "streaming";
+	const connecting = activePhase === "connecting" || activePhase === "reconnecting";
 	const frameTitle = pageTitle ? `Live browser view — ${pageTitle}` : "Live browser view";
-	const view = live ? /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(StatusPill, {
-			busy: true,
-			size: "sm",
-			color: "destructive",
-			className: "browser-live-view__badge",
-			children: "Live"
-		}),
-		/* @__PURE__ */ jsx("iframe", {
-			className: "browser-live-view__frame",
-			src: source.url,
-			title: frameTitle,
-			allow: "clipboard-read; clipboard-write",
-			onLoad: () => setReportedFrameState({
-				url: source.url,
-				value: "ready"
-			})
-		}, source.url),
-		frameState === "loading" ? /* @__PURE__ */ jsxs(TransitionSurface, {
-			className: "browser-live-view__state",
-			role: "status",
-			children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Connecting live view…"]
-		}) : null
-	] }) : fallback ?? /* @__PURE__ */ jsx(EndedState, {
-		title: failed ? "Live view unavailable" : "Live view ended",
-		detail: pageTitle
-	});
+	const statusId = React.useId();
+	const renderView = (placement) => {
+		const placementStatusId = `${statusId}-${placement}`;
+		if (!live && !connecting) return fallback ?? /* @__PURE__ */ jsx(EndedState, {
+			title: statusLabel ?? PHASE_TEXT[activePhase],
+			detail: pageTitle
+		});
+		return /* @__PURE__ */ jsxs(Fragment, { children: [
+			live && placement === "inline" ? /* @__PURE__ */ jsx(StatusPill, {
+				busy: true,
+				size: "sm",
+				color: "destructive",
+				className: "browser-live-view__badge",
+				children: "Live"
+			}) : null,
+			source ? placement === "dialog" ? /* @__PURE__ */ jsx("iframe", {
+				src: source.url,
+				title: frameTitle,
+				allow: "clipboard-read; clipboard-write"
+			}) : /* @__PURE__ */ jsx("iframe", {
+				className: "browser-live-view__frame",
+				src: source.url,
+				title: frameTitle,
+				allow: "clipboard-read; clipboard-write",
+				onLoad: () => setReportedFrameState({
+					url: source.url,
+					value: "ready"
+				})
+			}, source.url) : renderMedia?.(placement, placementStatusId),
+			connecting ? /* @__PURE__ */ jsxs(TransitionSurface, {
+				className: "browser-live-view__state",
+				id: placementStatusId,
+				role: "status",
+				children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), statusLabel ?? PHASE_TEXT[activePhase]]
+			}) : null,
+			live && statusLabel ? /* @__PURE__ */ jsx("p", {
+				className: "browser-live-view__notice",
+				id: placementStatusId,
+				role: "status",
+				children: statusLabel
+			}) : null
+		] });
+	};
 	return /* @__PURE__ */ jsxs("div", {
-		...props,
+		...rest,
 		className: cx("browser-live-view", className),
-		"data-expired": expired || failed || void 0,
-		"data-frame-state": frameState,
-		children: [view, /* @__PURE__ */ jsxs(Dialog.Root, { children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: /* @__PURE__ */ jsx(Button, {
+		"data-expired": activePhase === "idle" || activePhase === "failed" || void 0,
+		"data-fill": fill || void 0,
+		"data-frame-state": source ? frameState : void 0,
+		"data-phase": activePhase,
+		children: [renderView("inline"), expandable ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: /* @__PURE__ */ jsx(Button, {
 			variant: "ghost",
 			color: "neutral",
 			size: "sm",
@@ -126,16 +163,9 @@ function BrowserLiveView({ source, receivedAt, pageTitle, fallback, className, .
 				children: frameTitle
 			}), /* @__PURE__ */ jsx("div", {
 				className: "browser-live-view__dialog-body",
-				children: live ? /* @__PURE__ */ jsx("iframe", {
-					src: source.url,
-					title: frameTitle,
-					allow: "clipboard-read; clipboard-write"
-				}) : fallback ?? /* @__PURE__ */ jsx(EndedState, {
-					title: failed ? "Live view unavailable" : "Live view ended",
-					detail: pageTitle
-				})
+				children: renderView("dialog")
 			})]
-		}) })] })] })]
+		}) })] })] }) : null]
 	});
 }
 //#endregion

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

@@ -2,8 +2,8 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { J as SpinnerIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
 import { Button } from "../foundations/Button.js";
 import { Tabs } from "../foundations/Tabs.js";
-import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "../general-purpose/WebPreview.js";
 import { BrowserLiveView } from "./BrowserLiveView.js";
+import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "../general-purpose/WebPreview.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/BrowserRunPanel.tsx

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

@@ -7,8 +7,8 @@ import { Dialog } from "../foundations/Dialog.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { Separator } from "../foundations/Separator.js";
 import { AppIcon } from "../foundations/AppIcon.js";
-import { SearchField } from "../foundations/SearchField.js";
 import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
+import { SearchField } from "../foundations/SearchField.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/McpPluginCatalog.tsx

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

@@ -6,8 +6,8 @@ import { Dialog } from "../foundations/Dialog.js";
 import { o as titleCase } from "../../format-DB2mX9DA.js";
 import { Separator } from "../foundations/Separator.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

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

@@ -3,9 +3,10 @@ import { K as PromptInputMessage } from "../../PromptInput-BRX7FhjH.js";
 import { r as AgentChatProps } from "../../AgentChat-CVO7xyLC.js";
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-BCVqCtJ1.js";
 import { o as UseSessionCompactionResult } from "../../SessionCompaction-CmTJFpzj.js";
-import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-Dkmm2pIj.js";
+import { o as createThinkChatActivityRenderer, r as ThinkChatActivityRendererOptions, t as ThinkChatActivity } from "../../ThinkChatActivity-D6-_5Phw.js";
 import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { t as ThinkRecoveryNotice } from "../../ThinkRecoveryNotice-DGWr94rk.js";
+import { n as WorkspaceHtmlArtifactRenderer } from "../../WorkspaceMessageResponse-Cy28WGSz.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions } from "agents/react";
@@ -67,7 +68,8 @@ type ThinkChatMessagesProps<MessageT extends UIMessage = UIMessage> = Omit<Agent
    * that does not exist yet.
    */
   draft?: ThinkChatDraft<MessageT>; /** Whole `useSessionCompaction` result for built-in progress and error notices. */
-  sessionCompaction?: UseSessionCompactionResult;
+  sessionCompaction?: UseSessionCompactionResult; /** Promotes assistant-authored workspace HTML links through a host runtime hydrator. */
+  renderWorkspaceHtmlArtifact?: WorkspaceHtmlArtifactRenderer;
 };
 /** Shared pending-approval options for components and TanStack Router loaders. */
 declare function thinkPendingExecutionApprovalsQueryOptions(stub: AgentStub<Think>, sourceKey: string): ThinkPendingExecutionApprovalsQueryOptions;
@@ -128,6 +130,7 @@ declare function ThinkChatMessages<State = unknown, MessageT extends UIMessage =
   renderPart,
   excludeTools,
   renderAgentToolRunLink,
+  renderWorkspaceHtmlArtifact,
   toolRenderers,
   thinkStub,
   onExecutionSettled,

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

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

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

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

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

@@ -2,9 +2,9 @@ import { useExpansionState } from "../ai-sdk/ExpansionState.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityText, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { Button } from "../foundations/Button.js";
 import { MessageResponse } from "../ai-sdk/Message.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useOptionalAgentToolRuns } from "./AgentToolRunsContext.js";
 import { SubagentRunList } from "./SubagentRunList.js";
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { useOptionalThinkChatLive } from "./ThinkChatContext.js";
 import { isBrowserToolPart, isExecuteToolPart, isFetchToolPart, isPartWorking, isSessionContextToolPart, isSkillToolPart, isThinkChatActivityPart, isWorkspaceToolPart } from "./ThinkChatToolParts.js";
 import { ThinkChatBrowserPanel, ThinkChatExecutePanel, ThinkChatFetchPanel, ThinkChatSessionContextPanel, ThinkChatSkillPanel, ThinkChatWorkspacePanel } from "./ThinkChatToolPanels.js";

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

@@ -1,2 +1,2 @@
-import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-teRjrPxW.js";
+import { a as ThinkChatToolLifecycleSnapshot, c as deriveThinkChatActivityHeader, d as summarizeActivitySteps, i as ThinkChatToolDescribers, l as deriveThinkChatToolLifecycleHeader, n as ThinkChatActivityHeader, o as activityPartIconKind, r as ThinkChatToolDescriber, s as activityPartUrl, t as ThinkChatActivityDescription, u as describeThinkChatActivityPart } from "../../ThinkChatActivitySummary-BtBQgMg6.js";
 export { ThinkChatActivityDescription, ThinkChatActivityHeader, ThinkChatToolDescriber, ThinkChatToolDescribers, ThinkChatToolLifecycleSnapshot, activityPartIconKind, activityPartUrl, deriveThinkChatActivityHeader, deriveThinkChatToolLifecycleHeader, describeThinkChatActivityPart, summarizeActivitySteps };

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

@@ -4,12 +4,12 @@ import { buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, isSameThinkExecutionRun, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import { ThinkExecutionDetail } from "./ThinkExecutionDetail.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { queryOptions, useMutation, useSuspenseQuery } from "@tanstack/react-query";

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

@@ -1,4 +1,4 @@
-import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-DQogVe8E.js";
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
 import { n as AgentToolEventsValue } from "../../AgentToolRunsContext-BCVqCtJ1.js";
 import { McpPluginCatalogProps } from "./McpPluginCatalog.js";
 import { ThinkChatMessagesProps } from "./ThinkChat.js";

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

@@ -3,12 +3,13 @@ import { $ as TerminalIcon, C as FileIcon, J as SpinnerIcon, c as BoxIcon, f as
 import { Button } from "../foundations/Button.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
-import { a as WorkspaceNavigationRestorationBoundary, i as WorkspaceNavigationFocusRestorer, n as WorkspaceNavigationProvider } from "../../WorkspaceLink-DZeLe_jN.js";
-import { c as resolveThinkApprovalProps, s as useThinkPendingExecutionApprovals, t as ThinkChat } from "../../ThinkChat-DQh59CeC.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { McpPluginCatalog } from "./McpPluginCatalog.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-BES_3Mb-.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
+import { ResizableSidePanel } from "../general-purpose/ResizableSidePanel.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";
 import { ThinkThreadShell } from "./ThinkThreadShell.js";
@@ -119,13 +120,13 @@ function ThinkFullApp({ appBarActions, appBarLeading, appBarTitle, className, co
 		label: "Execution",
 		icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
 		render: () => /* @__PURE__ */ jsx(React.Suspense, {
-			fallback: /* @__PURE__ */ jsxs("div", {
-				className: "think-full-app__workbench",
+			fallback: /* @__PURE__ */ jsx("div", {
+				className: "think-full-app__workbench think-full-app__workbench--loading",
 				role: "status",
-				children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), /* @__PURE__ */ jsx("span", {
-					className: "sigvelo-visually-hidden",
-					children: "Loading execution"
-				})]
+				children: /* @__PURE__ */ jsx(EmptyState, {
+					icon: /* @__PURE__ */ jsx(SpinnerIcon, {}),
+					description: "Loading execution"
+				})
 			}),
 			children: /* @__PURE__ */ jsx(ThinkExecutionWorkbench, {
 				source: agent.stub,

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

@@ -1,4 +1,4 @@
-import { r as ToggleGroupProps } from "../../ToggleGroup-_pQMyHGM.js";
+import { r as ToggleGroupProps } from "../../ToggleGroup-BrQZOQn_.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/ThinkFullAppViewSwitch.d.ts

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/ThinkRoutineBrowser.js

@@ -3,10 +3,10 @@ import { H as PlusIcon } from "../../icons-B4mGvCvc.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-DB2mX9DA.js";
+import { 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 { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Badge } from "../foundations/Badge.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

@@ -4,8 +4,8 @@ import { Button, buttonVariants } from "../foundations/Button.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { Select } from "../foundations/Select.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { Select } from "../foundations/Select.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRoutineForm.tsx

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

@@ -3,10 +3,10 @@ import { J as SpinnerIcon, V as PlayIcon, b as EllipsisIcon, f as ChevronDownIco
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
 import { ThinkRoutineBrowser } from "./ThinkRoutineBrowser.js";
 import { ThinkRoutineDetail } from "./ThinkRoutineDetail.js";

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

@@ -1,8 +1,8 @@
 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 { Badge } from "../foundations/Badge.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/ThinkThreadPicker.js

@@ -2,11 +2,11 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { H as PlusIcon, J as SpinnerIcon, t as ArchiveIcon, tt as WarningIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.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 { SearchField } from "../foundations/SearchField.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.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/WorkspaceExplorer.d.ts

@@ -1,4 +1,4 @@
-import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-DQogVe8E.js";
+import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
 import { WorkspaceState } from "./Workspace.js";
 import * as React from "react";
 

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
-import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink } from "../../WorkspaceLink-DZeLe_jN.js";
+import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink } from "../../WorkspaceLink-DtH66bAY.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-Cu_ZG6HJ.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-D0r7xnq5.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx

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

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-Cu_ZG6HJ.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-D0r7xnq5.js";
 export { WorkspaceFileView };

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

@@ -1,2 +1,2 @@
-import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../../WorkspaceLink-DQogVe8E.js";
+import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../../WorkspaceLink-Bh9-Jo1r.js";
 export { ResolveWorkspaceLinkOptions, WorkspaceDestination, WorkspaceExternalDestination, WorkspaceFileLink, WorkspaceFileLinkProps, WorkspaceInvalidDestination, WorkspaceLinkBase, WorkspaceLinkResolution, WorkspaceNavigationAdapter, WorkspaceNavigationEntry, WorkspaceNavigationProvider, WorkspaceNavigationProviderProps, resolveWorkspaceLink };

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

@@ -1,2 +1,2 @@
-import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../../WorkspaceLink-DZeLe_jN.js";
+import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../../WorkspaceLink-DtH66bAY.js";
 export { WorkspaceFileLink, WorkspaceNavigationProvider, resolveWorkspaceLink };

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

@@ -1,12 +1,2 @@
-import { MessageResponseProps } from "../ai-sdk/Message.js";
-import * as React from "react";
-
-//#region src/components/agents-sdk/WorkspaceMessageResponse.d.ts
-/** Adds workspace-aware Markdown links when rendered inside a workspace provider. */
-declare const WorkspaceMessageResponse: React.MemoExoticComponent<({
-  components,
-  rehypePlugins,
-  ...props
-}: MessageResponseProps) => React.JSX.Element>;
-//#endregion
-export { WorkspaceMessageResponse };
+import { i as WorkspaceMessageResponseProps, n as WorkspaceHtmlArtifactRenderer, r as WorkspaceMessageResponse, t as WorkspaceHtmlArtifactRenderInput } from "../../WorkspaceMessageResponse-Cy28WGSz.js";
+export { WorkspaceHtmlArtifactRenderInput, WorkspaceHtmlArtifactRenderer, WorkspaceMessageResponse, WorkspaceMessageResponseProps };

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

@@ -1,2 +1,2 @@
-import { t as WorkspaceMessageResponse } from "../../WorkspaceMessageResponse-BWbkIELl.js";
+import { t as WorkspaceMessageResponse } from "../../WorkspaceMessageResponse-CJCmGvTx.js";
 export { WorkspaceMessageResponse };

package/dist/components/ai-sdk/Artifact.d.ts

@@ -118,5 +118,48 @@ declare function ArtifactContent({
 }: ArtifactContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+/** Host error messages render verbatim and must be user-readable rather than raw diagnostics.
+ * Sandbox policy is a host concern the preview never mediates: a host that blocks a resource
+ * reports it through the error states, so there is no approval state here. */
+type ArtifactPreviewState = {
+  status: "loading";
+} | {
+  message: string;
+  onRetry: () => void;
+  status: "error";
+} | {
+  content: React.ReactNode;
+  status: "ready";
+} | {
+  content: React.ReactNode;
+  message: string;
+  onRetry: () => void;
+  status: "runtime-error";
+};
+interface ArtifactPreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+  /** Accessible artifact name, usually derived from the source link label. */
+  label: string;
+  /** Navigation element for the source artifact. */
+  sourceLink: React.ReactElement;
+  /** Host-resolved artifact lifecycle facts and callables. */
+  state: ArtifactPreviewState;
+}
+/**
+ * Controlled inline preview for host-hydrated generated UI runtimes.
+ *
+ * The design system owns artifact chrome, status copy, disclosure, responsive
+ * layout, and accessible announcements. The host owns source reads, sandbox
+ * policy, runtime messaging, and the rendered content element.
+ */
+declare function ArtifactPreview({
+  className,
+  label,
+  sourceLink,
+  state,
+  ref,
+  ...props
+}: ArtifactPreviewProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
 //#endregion
-export { Artifact, ArtifactAction, ArtifactActionProps, ArtifactActions, ArtifactActionsProps, ArtifactClose, ArtifactCloseProps, ArtifactContent, ArtifactContentProps, ArtifactDescription, ArtifactDescriptionProps, ArtifactHeader, ArtifactHeaderProps, ArtifactProps, ArtifactTitle, ArtifactTitleProps };
+export { Artifact, ArtifactAction, ArtifactActionProps, ArtifactActions, ArtifactActionsProps, ArtifactClose, ArtifactCloseProps, ArtifactContent, ArtifactContentProps, ArtifactDescription, ArtifactDescriptionProps, ArtifactHeader, ArtifactHeaderProps, ArtifactPreview, ArtifactPreviewProps, ArtifactPreviewState, ArtifactProps, ArtifactTitle, ArtifactTitleProps };