@mcp-b/react-components 0.39.0 → 0.40.0

package/dist/{CodeBlock-DO4Hdu1R.js → CodeBlock-CWk1FVtm.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
 import { Select } from "./components/foundations/Select.js";
-import { t as CopyButton } from "./copy-button-4YvddK4e.js";
+import { t as CopyButton } from "./copy-button-Bc7jsYv_.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createHighlighter } from "shiki";

package/dist/{FileTree-DbQMpvxV.js → FileTree-xqHYBw4g.js}

@@ -1,5 +1,5 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { C as FileIcon, T as FolderOpenIcon, m as ChevronRightIcon, w as FolderIcon } from "./icons-B4mGvCvc.js";
+import { C as FileIcon, T as FolderOpenIcon, m as ChevronRightIcon, w as FolderIcon } from "./icons-MmIXciMO.js";
 import { t as NavigationLink } from "./navigation-link-kqMa81v5.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{ToggleGroup-BrQZOQn_.d.ts → ToggleGroup-_pQMyHGM.d.ts}

@@ -1,7 +1,7 @@
 import { r as ToggleVariantsOptions } from "./Toggle-DLrIf5YH.js";
 import * as React from "react";
-import { ToggleGroup } from "@base-ui/react/toggle-group";
 import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
 
 //#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];

package/dist/{WorkspaceFileView-D0r7xnq5.js → WorkspaceFileView-Lab3om3F.js}

@@ -1,10 +1,10 @@
-import { A as MaximizeIcon, d as CheckIcon, h as CodeIcon, r as ArrowLeftIcon, tt as WarningIcon, x as EyeIcon, y as DownloadIcon } from "./icons-B4mGvCvc.js";
+import { d as CheckIcon, h as CodeIcon, j as MaximizeIcon, nt as WarningIcon, r as ArrowLeftIcon, x as EyeIcon, y as DownloadIcon } from "./icons-MmIXciMO.js";
 import { r as formatClock } from "./format-DB2mX9DA.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-DO4Hdu1R.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-CWk1FVtm.js";
+import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/agents-sdk/WorkspaceFile.js";
 import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DtH66bAY.js";
 import { n as createWorkspaceRehypePlugins, t as WorkspaceMessageResponse } from "./WorkspaceMessageResponse-CJCmGvTx.js";
-import { AppTopBar } from "./components/general-purpose/AppTopBar.js";
 import { WorkspaceHeader } from "./components/agents-sdk/WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
 import { inferFaviconUrl } from "../../utils/favicon.js";
-import { $ as TerminalIcon, B as PencilIcon, C as FileIcon, F as MonitorIcon, G as SearchIcon, O as InfoIcon, k as LinkIcon, nt as WrenchIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { A as LinkIcon, C as FileIcon, I as MonitorIcon, K as SearchIcon, O as InfoIcon, V as PencilIcon, et as TerminalIcon, nt as WarningIcon, rt as WrenchIcon } from "../../icons-MmIXciMO.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivity.tsx

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

@@ -1,10 +1,10 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FileIcon, J as SpinnerIcon, j as McpIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { C as FileIcon, M as McpIcon, Y as SpinnerIcon, it as XIcon, nt as WarningIcon } from "../../icons-MmIXciMO.js";
 import { ActivityHeader } from "../ai-sdk/Activity.js";
 import { Button } from "../foundations/Button.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import { AppIcon } from "../foundations/AppIcon.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/AgentActivityPreview.tsx

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { ExpansionStateProvider } from "../ai-sdk/ExpansionState.js";
-import { B as PencilIcon, H as PlusIcon, J as SpinnerIcon, L as MoveToFrontIcon, U as QueueIcon, W as RefreshIcon, et as TrashIcon, t as ArchiveIcon } from "../../icons-B4mGvCvc.js";
+import { G as RefreshIcon, R as MoveToFrontIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, Y as SpinnerIcon, t as ArchiveIcon, tt as TrashIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { AgentChatMessageEditor } from "../ai-sdk/AgentChatMessageEditor.js";
 import { IconButton } from "../foundations/IconButton.js";
@@ -10,7 +10,7 @@ import { AgentChatStartScreen } from "../ai-sdk/AgentChatStartScreen.js";
 import { Message, MessageAction, MessageActions } from "../ai-sdk/Message.js";
 import { AgentMessageParts } from "../ai-sdk/AgentMessageParts.js";
 import { Marker, MarkerContent } from "../foundations/Marker.js";
-import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
+import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
 import { Context, ContextContent, ContextContentBody, ContextContentHeader, ContextTrigger, getContextUsage, getContextUsedTokens } from "../ai-sdk/Context.js";
 import { VirtualMessageScroller } from "../ai-sdk/MessageScrollerVirtual.js";
 import { QueueItem, QueueItemActions, QueueItemContent } from "../ai-sdk/Queue.js";

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { A as MaximizeIcon, J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
+import { Y as SpinnerIcon, j as MaximizeIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { Dialog } from "../foundations/Dialog.js";
-import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { StatusPill } from "../foundations/StatusPill.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/BrowserLiveView.tsx

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { V as PlayIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
+import { B as PauseIcon, H as PlayIcon } from "../../icons-MmIXciMO.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { r as formatClock } from "../../format-DB2mX9DA.js";
 import { EmptyState } from "../foundations/EmptyState.js";

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

@@ -2,7 +2,26 @@ import * as React from "react";
 import { BrowserLiveView } from "agents/browser";
 
 //#region src/components/agents-sdk/BrowserRunPanel.d.ts
-interface BrowserRunPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+/**
+ * One entry of the drawn tab strip. The panel synthesizes browser chrome
+ * around content Chrome itself never paints, so a tab is whatever record of a
+ * page the host holds — a Browser Run target, a claimed extension tab — cut
+ * down to the identity and words the strip needs.
+ */
+interface BrowserRunPanelTab {
+  /** Stable identity; the strip's selection value. Hosts stringify their own ids. */
+  id: string;
+  title?: string;
+  url?: string;
+}
+interface BrowserRunPanelCommonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+  /** Error from the host's browser session or transport. */
+  error?: React.ReactNode;
+  /** Panel heading. */
+  label?: React.ReactNode;
+  ref?: React.Ref<HTMLDivElement>;
+}
+interface BrowserRunPanelHostedProps extends BrowserRunPanelCommonProps {
   /** Host-side Browser Run Live View data from `connector.liveView()`. */
   liveView?: BrowserLiveView;
   /** Refreshes the Live View URL before it expires. */
@@ -11,36 +30,64 @@ interface BrowserRunPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>
   onCloseSession?: () => void | Promise<void>;
   /** True while the app is fetching Live View data. */
   loading?: boolean;
-  /** Error from the app-owned browser session fetch/refresh path. */
-  error?: React.ReactNode;
-  /** Panel heading. */
-  label?: React.ReactNode;
   /** Empty state shown when there is no shared browser session. */
   empty?: React.ReactNode;
   /** Fallback passed through to `BrowserLiveView` after URL expiry/failure. */
   fallback?: React.ReactNode;
+  children?: never;
+  tabs?: never;
+  selectedTabId?: never;
+  onSelectTab?: never;
+  url?: never;
+  onOpenUrl?: never;
+  urlPlaceholder?: never;
+  urlDisabled?: never;
+  urlLabel?: never;
+  navigation?: never;
+}
+interface BrowserRunPanelStreamedProps extends BrowserRunPanelCommonProps {
+  /**
+   * The host's own browser surface — typically a `BrowserLiveView` carrying a
+   * host-fed stream. The panel frames it with the drawn tab strip and address
+   * bar; the host keeps everything transport: media, input, reconnection.
+   */
+  children: React.ReactNode;
+  /** The drawn tab strip; it renders only with more than one entry. */
+  tabs?: readonly BrowserRunPanelTab[];
+  /** Controlled selection over `tabs`; null selects nothing. */
+  selectedTabId?: string | null;
+  /** A viewer picked a tab it is not watching; the host grants or ignores it. */
+  onSelectTab?: (tabId: string) => void;
+  /** Address bar value: the streamed page's current URL. */
+  url?: string;
+  /** Commits an address-bar entry. Absent, the address bar is read-only. */
+  onOpenUrl?: (url: string) => void;
+  urlPlaceholder?: string;
+  urlDisabled?: boolean;
+  /** Accessible name for the address input. */
+  urlLabel?: string;
+  /** Navigation controls before the address input, e.g. Back and Reload. */
+  navigation?: React.ReactNode;
+  liveView?: never;
+  onRefresh?: never;
+  onCloseSession?: never;
+  loading?: never;
+  empty?: never;
+  fallback?: never;
 }
+type BrowserRunPanelProps = BrowserRunPanelHostedProps | BrowserRunPanelStreamedProps;
 /**
- * Right-side Browser Run panel for `ThinkFullApp.workbenchPanels`.
+ * Browser panel chrome — drawn tab strip, address bar, framed body — for
+ * browser surfaces Chrome itself never paints.
  *
- * The app owns `createBrowserRuntime()`, `connector.liveView()`, polling, and
- * session cleanup. This component only renders upstream `BrowserLiveView`
- * data and calls app-provided refresh/close callbacks.
+ * Two hosts fill it in. A Browser Run host passes upstream `BrowserLiveView`
+ * data from `connector.liveView()`, and the panel derives tabs, address, and
+ * an embedded live view itself, calling app-provided refresh/close callbacks.
+ * A streaming host instead passes `children` — its own live surface — with
+ * the tab strip, address bar, and navigation controlled from the host's own
+ * records, because a remote screencast carries only page pixels and every
+ * piece of chrome around it has to be synthesized from host state.
  */
-declare function BrowserRunPanel({
-  liveView,
-  onRefresh,
-  onCloseSession,
-  loading,
-  error,
-  label,
-  empty,
-  fallback,
-  className,
-  ref,
-  ...props
-}: BrowserRunPanelProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
+declare function BrowserRunPanel(props: BrowserRunPanelProps): React.JSX.Element;
 //#endregion
-export { BrowserRunPanel, BrowserRunPanelProps };
+export { BrowserRunPanel, BrowserRunPanelProps, BrowserRunPanelTab };

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

@@ -1,21 +1,21 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { Y as SpinnerIcon, it as XIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { Tabs } from "../foundations/Tabs.js";
-import { BrowserLiveView } from "./BrowserLiveView.js";
 import { WebPreview, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl } from "../general-purpose/WebPreview.js";
+import { BrowserLiveView } from "./BrowserLiveView.js";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/BrowserRunPanel.tsx
 function isInspectablePage(target) {
 	const pageUrl = target.pageUrl;
 	return Boolean(pageUrl && !pageUrl.startsWith("about:") && !pageUrl.startsWith("chrome:") && !pageUrl.startsWith("devtools:"));
 }
-function targetLabel(target) {
-	return target.title || target.pageUrl || target.targetId;
+function tabLabel(tab) {
+	return tab.title || tab.url || tab.id;
 }
-function targetGlyph(target) {
-	return (target.title || target.pageUrl || target.targetId).trim().charAt(0).toUpperCase() || "•";
+function tabGlyph(tab) {
+	return tabLabel(tab).trim().charAt(0).toUpperCase() || "•";
 }
 function pickTarget(targets, targetId) {
 	return (targetId ? targets.find((target) => target.targetId === targetId) : void 0) ?? targets.find(isInspectablePage) ?? targets[0];
@@ -28,60 +28,33 @@ function BrowserRunPanelState({ children, role, tone = "neutral" }) {
 		children
 	});
 }
-/**
-* Right-side Browser Run panel for `ThinkFullApp.workbenchPanels`.
-*
-* The app owns `createBrowserRuntime()`, `connector.liveView()`, polling, and
-* session cleanup. This component only renders upstream `BrowserLiveView`
-* data and calls app-provided refresh/close callbacks.
-*/
-function BrowserRunPanel({ liveView, onRefresh, onCloseSession, loading, error, label = "Browser", empty = "No live browser session", fallback, className, ref, ...props }) {
-	const [requestedTargetId, setRequestedTargetId] = React.useState();
-	const [receivedAt, setReceivedAt] = React.useState(() => Date.now());
-	React.useEffect(() => {
-		if (liveView) setReceivedAt(Date.now());
-	}, [liveView]);
-	const targets = liveView?.targets ?? [];
-	const target = pickTarget(targets, requestedTargetId);
-	const pageUrl = target?.pageUrl ?? "";
-	const body = target && liveView ? /* @__PURE__ */ jsx(BrowserLiveView, {
-		source: {
-			url: target.url,
-			targetId: target.targetId,
-			expiresInMs: liveView.expiresInMs
-		},
-		receivedAt,
-		pageTitle: target.title ?? target.pageUrl,
-		fallback,
-		className: "browser-run-panel__live-view"
-	}) : loading ? /* @__PURE__ */ jsxs(BrowserRunPanelState, {
-		role: "status",
-		children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Loading browser session"]
-	}) : /* @__PURE__ */ jsx(BrowserRunPanelState, { children: empty });
+/** The one rendering of the panel chrome, whichever mode filled its props in. */
+function BrowserRunPanelFrame({ body, bodyBusy, bodyTabValue, className, error, label = "Browser", navigation, navigationEnd, onOpenUrl, onSelectTab, ref, selectedTabId, tabs, url, urlDisabled, urlLabel = "Browser page URL", urlPlaceholder, urlReadOnly, ...props }) {
 	const bodyProps = {
 		className: "web-preview__body browser-run-panel__body",
-		"aria-busy": loading || void 0
+		"aria-busy": bodyBusy || void 0
 	};
 	return /* @__PURE__ */ jsxs(Tabs.Root, {
 		className: cx("browser-run-panel", className),
-		value: target?.targetId ?? null,
+		value: selectedTabId ?? null,
 		onValueChange: (value) => {
-			if (typeof value === "string") setRequestedTargetId(value);
+			if (typeof value === "string" && value !== selectedTabId) onSelectTab?.(value);
 		},
 		render: /* @__PURE__ */ jsx(WebPreview, {
 			ref,
-			url: pageUrl,
+			url,
+			...onOpenUrl ? { onUrlChange: onOpenUrl } : {},
 			role: "region",
 			"aria-label": typeof label === "string" ? label : "Browser",
 			...props
 		}),
 		children: [
-			targets.length > 1 ? /* @__PURE__ */ jsx(WebPreviewNavigation, { children: /* @__PURE__ */ jsxs(Tabs.List, {
+			tabs.length > 1 ? /* @__PURE__ */ jsx(WebPreviewNavigation, { children: /* @__PURE__ */ jsxs(Tabs.List, {
 				className: "browser-run-panel__tabs",
 				"aria-label": "Open browser pages",
 				activateOnFocus: true,
-				children: [targets.map((candidate) => /* @__PURE__ */ jsxs(Tabs.Tab, {
-					value: candidate.targetId,
+				children: [tabs.map((tab) => /* @__PURE__ */ jsxs(Tabs.Tab, {
+					value: tab.id,
 					className: "browser-run-panel__tab",
 					render: /* @__PURE__ */ jsx(Button, {
 						type: "button",
@@ -92,41 +65,33 @@ function BrowserRunPanel({ liveView, onRefresh, onCloseSession, loading, error,
 					children: [/* @__PURE__ */ jsx("span", {
 						className: "browser-run-panel__tab-glyph",
 						"aria-hidden": "true",
-						children: targetGlyph(candidate)
+						children: tabGlyph(tab)
 					}), /* @__PURE__ */ jsx("span", {
 						className: "browser-run-panel__tab-title sigvelo-truncate",
-						children: targetLabel(candidate)
+						children: tabLabel(tab)
 					})]
-				}, candidate.targetId)), /* @__PURE__ */ jsx(Tabs.Indicator, {})]
+				}, tab.id)), /* @__PURE__ */ jsx(Tabs.Indicator, {})]
 			}) }) : null,
 			/* @__PURE__ */ jsxs(WebPreviewNavigation, {
 				className: "browser-run-panel__address-bar",
 				children: [
+					navigation,
 					/* @__PURE__ */ jsx(WebPreviewUrl, {
-						"aria-label": "Browser page URL",
-						placeholder: "Waiting for browser session",
-						readOnly: true
+						"aria-label": urlLabel,
+						placeholder: urlPlaceholder,
+						readOnly: urlReadOnly,
+						disabled: urlDisabled
 					}),
-					onRefresh ? /* @__PURE__ */ jsx(WebPreviewNavigationButton, {
-						action: "reload",
-						label: "Refresh browser view",
-						disabled: loading,
-						onClick: () => void onRefresh()
-					}) : null,
-					onCloseSession ? /* @__PURE__ */ jsx(WebPreviewNavigationButton, {
-						label: "Close browser session",
-						onClick: () => void onCloseSession(),
-						children: /* @__PURE__ */ jsx(XIcon, {})
-					}) : null
+					navigationEnd
 				]
 			}),
 			error ? /* @__PURE__ */ jsx(BrowserRunPanelState, {
 				tone: "danger",
 				children: error
 			}) : null,
-			targets.length > 1 && target ? /* @__PURE__ */ jsx(Tabs.Panel, {
+			bodyTabValue !== void 0 ? /* @__PURE__ */ jsx(Tabs.Panel, {
 				...bodyProps,
-				value: target.targetId,
+				value: bodyTabValue,
 				children: body
 			}) : /* @__PURE__ */ jsx("div", {
 				...bodyProps,
@@ -135,5 +100,87 @@ function BrowserRunPanel({ liveView, onRefresh, onCloseSession, loading, error,
 		]
 	});
 }
+function HostedBrowserRunPanel({ liveView, onRefresh, onCloseSession, loading, error, label, empty = "No live browser session", fallback, ...props }) {
+	const [requestedTargetId, setRequestedTargetId] = React.useState();
+	const [receivedAt, setReceivedAt] = React.useState(() => Date.now());
+	React.useEffect(() => {
+		if (liveView) setReceivedAt(Date.now());
+	}, [liveView]);
+	const targets = liveView?.targets ?? [];
+	const target = pickTarget(targets, requestedTargetId);
+	const body = target && liveView ? /* @__PURE__ */ jsx(BrowserLiveView, {
+		source: {
+			url: target.url,
+			targetId: target.targetId,
+			expiresInMs: liveView.expiresInMs
+		},
+		receivedAt,
+		pageTitle: target.title ?? target.pageUrl,
+		fallback
+	}) : loading ? /* @__PURE__ */ jsxs(BrowserRunPanelState, {
+		role: "status",
+		children: [/* @__PURE__ */ jsx(SpinnerIcon, {}), "Loading browser session"]
+	}) : /* @__PURE__ */ jsx(BrowserRunPanelState, { children: empty });
+	return /* @__PURE__ */ jsx(BrowserRunPanelFrame, {
+		...props,
+		body,
+		bodyBusy: loading,
+		bodyTabValue: targets.length > 1 && target ? target.targetId : void 0,
+		error,
+		label,
+		navigationEnd: /* @__PURE__ */ jsxs(Fragment, { children: [onRefresh ? /* @__PURE__ */ jsx(WebPreviewNavigationButton, {
+			action: "reload",
+			label: "Refresh browser view",
+			disabled: loading,
+			onClick: () => void onRefresh()
+		}) : null, onCloseSession ? /* @__PURE__ */ jsx(WebPreviewNavigationButton, {
+			label: "Close browser session",
+			onClick: () => void onCloseSession(),
+			children: /* @__PURE__ */ jsx(XIcon, {})
+		}) : null] }),
+		onSelectTab: setRequestedTargetId,
+		selectedTabId: target?.targetId ?? null,
+		tabs: targets.map((candidate) => ({
+			id: candidate.targetId,
+			...candidate.title === void 0 ? {} : { title: candidate.title },
+			...candidate.pageUrl === void 0 ? {} : { url: candidate.pageUrl }
+		})),
+		url: target?.pageUrl ?? "",
+		urlPlaceholder: "Waiting for browser session",
+		urlReadOnly: true
+	});
+}
+function StreamedBrowserRunPanel({ children, tabs = [], selectedTabId = null, onSelectTab, url = "", onOpenUrl, urlPlaceholder, urlDisabled, urlLabel, navigation, ...props }) {
+	return /* @__PURE__ */ jsx(BrowserRunPanelFrame, {
+		...props,
+		body: children,
+		navigation,
+		onOpenUrl,
+		onSelectTab,
+		selectedTabId,
+		tabs,
+		url,
+		urlDisabled,
+		urlLabel,
+		urlPlaceholder,
+		urlReadOnly: onOpenUrl === void 0 || void 0
+	});
+}
+/**
+* Browser panel chrome — drawn tab strip, address bar, framed body — for
+* browser surfaces Chrome itself never paints.
+*
+* Two hosts fill it in. A Browser Run host passes upstream `BrowserLiveView`
+* data from `connector.liveView()`, and the panel derives tabs, address, and
+* an embedded live view itself, calling app-provided refresh/close callbacks.
+* A streaming host instead passes `children` — its own live surface — with
+* the tab strip, address bar, and navigation controlled from the host's own
+* records, because a remote screencast carries only page pixels and every
+* piece of chrome around it has to be synthesized from host state.
+*/
+function BrowserRunPanel(props) {
+	if (props.children !== void 0) return /* @__PURE__ */ jsx(StreamedBrowserRunPanel, { ...props });
+	return /* @__PURE__ */ jsx(HostedBrowserRunPanel, { ...props });
+}
 //#endregion
 export { BrowserRunPanel };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, d as CheckIcon, j as McpIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { M as McpIcon, Y as SpinnerIcon, d as CheckIcon, nt as WarningIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as PlusIcon, J as SpinnerIcon, b as EllipsisIcon, o as ArrowUpRightIcon, rt as XIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { U as PlusIcon, Y as SpinnerIcon, b as EllipsisIcon, it as XIcon, nt as WarningIcon, o as ArrowUpRightIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "../ai-sdk/AgentAttention.js";
 import { IconButton } from "../foundations/IconButton.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 { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.js";
 import { SearchField } from "../foundations/SearchField.js";
+import { n as getMcpServerProjection, t as McpServerIcon } from "../../mcp-server-SD_S-IpB.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/McpServerPicker.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, P as MinusIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { F as MinusIcon, Y as SpinnerIcon, d as CheckIcon, nt as WarningIcon } from "../../icons-MmIXciMO.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { Dialog } from "../foundations/Dialog.js";

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { G as SearchIcon, f as ChevronDownIcon } from "../../icons-B4mGvCvc.js";
+import { K as SearchIcon, f as ChevronDownIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { Autocomplete } from "../foundations/Autocomplete.js";
 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 { EmptyState } from "../foundations/EmptyState.js";
 import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

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

@@ -1,4 +1,4 @@
-import { c as BoxIcon, j as McpIcon } from "../../icons-B4mGvCvc.js";
+import { M as McpIcon, c as BoxIcon } from "../../icons-MmIXciMO.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/PromptInputCommands.tsx
 /** Project whole upstream Agents MCP state into composer mention commands. */

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, X as StopIcon, d as CheckIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { Y as SpinnerIcon, Z as StopIcon, d as CheckIcon, nt as WarningIcon } from "../../icons-MmIXciMO.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/SubagentRunIndicator.tsx

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { l as BrainIcon } from "../../icons-B4mGvCvc.js";
+import { l as BrainIcon } from "../../icons-MmIXciMO.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";

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-BES_3Mb-.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-DkA4Wr71.js";
 export { ThinkChat, ThinkChatMessages, ThinkChatProvider, ThinkChatRoot, thinkPendingExecutionApprovalsQueryOptions, useThinkChat, useThinkPendingExecutionApprovals };

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

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

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, C as FileIcon, O as InfoIcon, W as RefreshIcon, d as CheckIcon, n as ArrowDownIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { C as FileIcon, G as RefreshIcon, O as InfoIcon, d as CheckIcon, et as TerminalIcon, it as XIcon, n as ArrowDownIcon } from "../../icons-MmIXciMO.js";
 import { Activity, ActivityContent, ActivityItem, ActivityItemGroup, ActivityOutput, ActivityPanel, ActivityTrigger } from "../ai-sdk/Activity.js";
 import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
 import { EmptyState } from "../foundations/EmptyState.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon, O as InfoIcon, d as CheckIcon, rt as XIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
+import { B as PauseIcon, O as InfoIcon, Y as SpinnerIcon, d as CheckIcon, it as XIcon } from "../../icons-MmIXciMO.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { formatThinkExecutionRunProgress, formatThinkExecutionStatus, getThinkExecutionRunStatus, getThinkExecutionRunStatusTone, getThinkExecutionRunSubtitle, getThinkExecutionRunTitle } from "./ThinkExecutionRun.js";
 import "react";

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

@@ -1,15 +1,15 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, b as EllipsisIcon } from "../../icons-B4mGvCvc.js";
+import { G as RefreshIcon, b as EllipsisIcon } from "../../icons-MmIXciMO.js";
 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 { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.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.js

@@ -1,15 +1,15 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, C as FileIcon, J as SpinnerIcon, c as BoxIcon, f as ChevronDownIcon } from "../../icons-B4mGvCvc.js";
+import { C as FileIcon, Y as SpinnerIcon, c as BoxIcon, et as TerminalIcon, f as ChevronDownIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { ScrollArea } from "../foundations/ScrollArea.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 { 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-DkA4Wr71.js";
+import { McpPluginCatalog } from "./McpPluginCatalog.js";
+import { ThinkExecutionWorkbench } from "./ThinkExecutionWorkbench.js";
 import { ThinkFullAppViewSwitch } from "./ThinkFullAppViewSwitch.js";
 import { ThinkThreadStatusIndicators } from "./ThinkThreadPicker.js";
 import { ThinkThreadShell } from "./ThinkThreadShell.js";