@tangle-network/sandbox-ui 0.115.0 → 0.115.2

package/README.md

@@ -44,7 +44,7 @@ Use `EmbeddedAppView` when a workspace presents a running web app beside an agen
 Render it in a container with a defined height.
 
 ```tsx
-import { EmbeddedAppView } from "@tangle-network/sandbox-ui/workbench"
+import { EmbeddedAppView } from "@tangle-network/sandbox-ui/workbench/embedded-app"
 
 <main className="h-full min-h-0">
   <EmbeddedAppView
@@ -372,6 +372,7 @@ Retheming is absolutely supported, but the documentation was thinner than it sho
 | `/workspace` | SandboxWorkbench, WorkspaceLayout, DirectoryPane, RuntimePane, StatusBar |
 | `/openui` | OpenUIArtifactRenderer and schema types for structured artifact rendering |
 | `/files` | FileTree, FilePreview, FileTabs, FileArtifactPane |
+| `/workbench/embedded-app` | EmbeddedAppView and preview status types without terminal or editor modules |
 | `/dashboard` | [Sidebar](./docs/sidebar.md), DashboardLayout, BillingDashboard, UsageChart, ProfileSelector |
 | `/editor` | TipTap collaborative editor (requires optional peers) |
 | `/terminal` | xterm.js terminal view (requires optional peers) |

package/dist/embedded-app-view-B_vMTtJn.d.ts

@@ -0,0 +1,55 @@
+import * as React$1 from "react";
+//#region src/workbench/preview-policy.d.ts
+type PreviewReadiness = {
+  state: "unknown";
+} | {
+  state: "checking";
+} | {
+  state: "ready";
+  checkedAt: string;
+  statusCode: number;
+} | {
+  state: "failed";
+  checkedAt: string;
+  message: string;
+};
+type PreviewAccess = {
+  state: "unknown";
+} | {
+  state: "public" | "authenticated";
+  source: "enforced-policy";
+  expiresAt?: string;
+};
+//#endregion
+//#region src/workbench/embedded-app-view.d.ts
+interface EmbeddedApp {
+  /** Stable app identity. The host uses it to preserve selection across updates. */
+  id: string;
+  name: string;
+  /** Resolved, credential-free sandbox preview URL. */
+  previewUrl?: string;
+  /** The host supplies this state from its application or preview service. */
+  status: "starting" | "ready" | "unavailable";
+  statusMessage?: string;
+}
+interface EmbeddedAppViewProps {
+  app: EmbeddedApp;
+  /** Product-approved origins, obtained independently of the app URL. */
+  allowedOrigins?: readonly string[];
+  /** Service-observed HTTP result. Never derive it from iframe load. */
+  readiness?: PreviewReadiness;
+  /** Enforced access policy, supplied by the host service. */
+  access?: PreviewAccess;
+  /** Product actions beside the app name in the ready preview header. */
+  toolbarActions?: React$1.ReactNode;
+  /** Recheck or restart the preview through the host's own service. */
+  onRetry?: () => void;
+  className?: string;
+}
+/**
+ * An app-sized preview surface for a product workspace.
+ * The host owns app discovery, persistence, access policy, and readiness checks.
+ */
+declare function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarActions, onRetry, className }: EmbeddedAppViewProps): React$1.JSX.Element;
+//#endregion
+export { PreviewReadiness as a, PreviewAccess as i, EmbeddedAppView as n, EmbeddedAppViewProps as r, EmbeddedApp as t };

package/dist/embedded-app-view-c6-nUY7O.js

@@ -0,0 +1,342 @@
+import { t as cn$1 } from "./utils-DzWbktWG.js";
+import { Button } from "@tangle-network/ui/primitives";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { focusField } from "@tangle-network/ui/utils";
+import { ExternalLink, RotateCw } from "lucide-react";
+//#region src/workbench/preview-policy.ts
+/** Only an actual verified HTTP outcome can establish application readiness. */
+function previewReadinessLabel(readiness) {
+	if (readiness?.state === "checking") return "Checking application readiness";
+	if (readiness?.state === "failed") return "Application check failed";
+	if (readiness?.state === "ready" && Number.isFinite(Date.parse(readiness.checkedAt)) && Number.isInteger(readiness.statusCode) && readiness.statusCode >= 200 && readiness.statusCode < 400) return `Application responded: HTTP ${readiness.statusCode}`;
+	return "Application readiness not verified";
+}
+function previewAccessLabel(access) {
+	if (!access || access.state === "unknown" || access.source !== "enforced-policy") return "Access not verified";
+	return access.state === "public" ? "Public URL" : "Authentication required";
+}
+/** The product supplies the initial URL and any additional approved origins. */
+function safePreviewUrl(value, base, allowedOrigins) {
+	let url;
+	try {
+		url = base ? new URL(value, base) : new URL(value);
+	} catch {
+		throw new Error("Enter a valid preview URL.");
+	}
+	const loopback = [
+		"localhost",
+		"127.0.0.1",
+		"[::1]"
+	].includes(url.hostname);
+	if (url.protocol !== "https:" && !(url.protocol === "http:" && loopback)) throw new Error("Use an HTTPS preview URL, or HTTP on localhost for local development.");
+	if (url.username || url.password) throw new Error("Preview URLs must not contain credentials.");
+	if (allowedOrigins && !allowedOrigins.includes(url.origin)) throw new Error("That origin is not approved for this sandbox preview.");
+	return url.href;
+}
+//#endregion
+//#region src/workbench/preview-view.tsx
+function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness, onNavigate, variant = "browser", title = "Sandbox preview", toolbarActions, className }) {
+	const initial = React$1.useMemo(() => {
+		try {
+			return {
+				url: safePreviewUrl(url),
+				error: null
+			};
+		} catch (failure) {
+			return {
+				url: null,
+				error: failure instanceof Error ? failure.message : "Preview URL is invalid."
+			};
+		}
+	}, [url]);
+	const [address, setAddress] = React$1.useState(url);
+	const [location, setLocation] = React$1.useState({
+		source: url,
+		active: initial.url
+	});
+	const [iframeKey, setIframeKey] = React$1.useState(0);
+	const [loading, setLoading] = React$1.useState(true);
+	const [slow, setSlow] = React$1.useState(false);
+	const [addressError, setAddressError] = React$1.useState(null);
+	const errorId = React$1.useId();
+	const stateId = React$1.useId();
+	const activeUrl = location.source === url ? location.active : initial.url;
+	React$1.useEffect(() => {
+		setAddress(url);
+		setLocation({
+			source: url,
+			active: initial.url
+		});
+		setIframeKey((key) => key + 1);
+		setLoading(true);
+		setSlow(false);
+		setAddressError(null);
+	}, [url, initial.url]);
+	React$1.useEffect(() => {
+		if (!loading || !activeUrl) return;
+		const timer = setTimeout(() => setSlow(true), 8e3);
+		return () => clearTimeout(timer);
+	}, [
+		iframeKey,
+		loading,
+		activeUrl
+	]);
+	const reload = () => {
+		setIframeKey((key) => key + 1);
+		setLoading(true);
+		setSlow(false);
+	};
+	const navigate = () => {
+		try {
+			if (!initial.url) throw new Error(initial.error ?? "Preview URL is invalid.");
+			const origins = [new URL(initial.url).origin, ...allowedOrigins ?? []];
+			const next = safePreviewUrl(address, activeUrl ?? initial.url, origins);
+			setAddress(next);
+			setLocation({
+				source: url,
+				active: next
+			});
+			setAddressError(null);
+			reload();
+			onNavigate?.(next);
+		} catch (failure) {
+			setAddressError(failure instanceof Error ? failure.message : "Preview address is invalid.");
+		}
+	};
+	const error = initial.error ?? addressError;
+	const currentReadiness = activeUrl === initial.url ? readiness : void 0;
+	const currentAccess = activeUrl === initial.url ? access : void 0;
+	const sameApplicationOrigin = activeUrl && typeof window !== "undefined" && new URL(activeUrl).origin === window.location.origin;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn$1("flex h-full min-h-0 min-w-0 flex-col bg-surface-container", className),
+		children: [
+			variant === "browser" ? /* @__PURE__ */ jsxs("form", {
+				"aria-label": "Preview navigation",
+				onSubmit: (event) => {
+					event.preventDefault();
+					navigate();
+				},
+				className: "flex flex-wrap items-center gap-2 border-b border-border bg-surface-container-low px-2 py-2",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: reload,
+						disabled: !activeUrl,
+						"aria-label": "Reload preview",
+						children: /* @__PURE__ */ jsx(RotateCw, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					}),
+					/* @__PURE__ */ jsx("input", {
+						value: address,
+						onChange: (event) => {
+							setAddress(event.target.value);
+							setAddressError(null);
+						},
+						"aria-label": "Preview address",
+						"aria-invalid": !!error,
+						"aria-describedby": error ? errorId : stateId,
+						spellCheck: false,
+						autoComplete: "off",
+						className: `h-9 min-w-0 flex-1 rounded-md border bg-surface-container px-2.5 font-mono text-sm text-foreground ${focusField}`
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "submit",
+						variant: "outline",
+						size: "sm",
+						disabled: !initial.url,
+						children: "Go"
+					}),
+					activeUrl && /* @__PURE__ */ jsx(Button, {
+						asChild: true,
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						children: /* @__PURE__ */ jsx("a", {
+							href: activeUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							"aria-label": "Open preview in new tab",
+							children: /* @__PURE__ */ jsx(ExternalLink, {
+								"aria-hidden": "true",
+								className: "size-4"
+							})
+						})
+					})
+				]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-wrap items-center gap-2 border-b border-border bg-surface-container-low px-3 py-2",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: cn$1("min-w-0 truncate text-sm font-medium text-foreground", toolbarActions ? "basis-full sm:basis-auto sm:flex-1" : "flex-1"),
+						children: title
+					}),
+					toolbarActions && /* @__PURE__ */ jsx("div", {
+						className: "flex shrink-0 items-center gap-1",
+						children: toolbarActions
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: reload,
+						disabled: !activeUrl,
+						"aria-label": `Reload ${title}`,
+						className: toolbarActions ? "ml-auto sm:ml-0" : void 0,
+						children: /* @__PURE__ */ jsx(RotateCw, {
+							"aria-hidden": "true",
+							className: "size-4"
+						})
+					}),
+					activeUrl && /* @__PURE__ */ jsx(Button, {
+						asChild: true,
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						children: /* @__PURE__ */ jsx("a", {
+							href: activeUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							"aria-label": `Open ${title} in new tab`,
+							children: /* @__PURE__ */ jsx(ExternalLink, {
+								"aria-hidden": "true",
+								className: "size-4"
+							})
+						})
+					})
+				]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				className: "px-3 py-2 text-sm text-destructive",
+				children: error
+			}),
+			(variant === "browser" || readiness || access || onCheckReadiness) && /* @__PURE__ */ jsxs("div", {
+				id: stateId,
+				className: "flex flex-wrap items-center gap-x-4 gap-y-1 border-b border-border px-3 py-2 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ jsx("span", { children: previewAccessLabel(currentAccess) }),
+					/* @__PURE__ */ jsx("span", {
+						role: "status",
+						children: previewReadinessLabel(currentReadiness)
+					}),
+					currentReadiness && "checkedAt" in currentReadiness && /* @__PURE__ */ jsxs("time", {
+						dateTime: currentReadiness.checkedAt,
+						children: ["Checked ", currentReadiness.checkedAt]
+					}),
+					currentAccess && "expiresAt" in currentAccess && currentAccess.expiresAt && /* @__PURE__ */ jsxs("time", {
+						dateTime: currentAccess.expiresAt,
+						children: ["Expires ", currentAccess.expiresAt]
+					}),
+					onCheckReadiness && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						onClick: onCheckReadiness,
+						disabled: currentReadiness?.state === "checking",
+						children: "Check application"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "relative min-h-0 min-w-0 flex-1 bg-surface-container-lowest",
+				children: [activeUrl && /* @__PURE__ */ jsx("iframe", {
+					src: activeUrl,
+					title,
+					className: "h-full w-full border-0 bg-white",
+					referrerPolicy: "no-referrer",
+					sandbox: sameApplicationOrigin ? "allow-scripts allow-forms" : "allow-scripts allow-same-origin allow-forms",
+					onLoad: () => {
+						setLoading(false);
+						setSlow(false);
+					},
+					onError: () => {
+						setLoading(false);
+						setAddressError("The preview frame could not be loaded. Check the application or open the URL separately.");
+					}
+				}, `${activeUrl}:${iframeKey}`), loading && activeUrl && /* @__PURE__ */ jsx("div", {
+					role: "status",
+					className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-surface-container-lowest",
+					children: /* @__PURE__ */ jsx("p", {
+						className: "px-4 text-center text-sm text-muted-foreground",
+						children: slow ? "The preview frame is still loading. This does not establish whether the application is ready." : "Loading preview frame…"
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/workbench/embedded-app-view.tsx
+/**
+* An app-sized preview surface for a product workspace.
+* The host owns app discovery, persistence, access policy, and readiness checks.
+*/
+function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarActions, onRetry, className }) {
+	let previewUrl = null;
+	let urlError = null;
+	if (app.status === "ready") try {
+		previewUrl = safePreviewUrl(app.previewUrl ?? "", void 0, allowedOrigins);
+	} catch (failure) {
+		urlError = failure instanceof Error ? failure.message : "Preview URL is invalid.";
+	}
+	if (previewUrl) return /* @__PURE__ */ jsx("section", {
+		"aria-label": `${app.name} app`,
+		className: cn$1("h-full min-h-0 min-w-0", className),
+		children: /* @__PURE__ */ jsx(PreviewView, {
+			url: previewUrl,
+			allowedOrigins,
+			readiness,
+			access,
+			title: app.name,
+			toolbarActions,
+			variant: "embedded"
+		}, app.id)
+	});
+	const starting = app.status === "starting";
+	const message = starting ? app.statusMessage ?? "The app preview is starting." : urlError ?? app.statusMessage ?? "The app preview is unavailable.";
+	return /* @__PURE__ */ jsx("section", {
+		"aria-label": `${app.name} app`,
+		className: cn$1("flex h-full min-h-0 min-w-0 flex-col bg-surface-container", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex min-h-0 flex-1 items-center justify-center p-6",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "max-w-md text-center",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-base font-medium text-foreground",
+						children: app.name
+					}),
+					/* @__PURE__ */ jsx("p", {
+						role: starting ? "status" : "alert",
+						className: "mt-2 text-sm text-muted-foreground",
+						children: message
+					}),
+					(readiness || access) && /* @__PURE__ */ jsxs("p", {
+						className: "mt-2 text-xs text-muted-foreground",
+						children: [
+							previewReadinessLabel(readiness),
+							" · ",
+							previewAccessLabel(access)
+						]
+					}),
+					!starting && onRetry && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						className: "mt-4",
+						onClick: onRetry,
+						children: "Retry preview"
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { PreviewView as n, EmbeddedAppView as t };

package/dist/globals.css

@@ -6124,6 +6124,9 @@
     outline-offset: -1px;
     box-shadow: none;
   }
+  .focus-field-within :is(input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea,select,[contenteditable]:not([contenteditable=false])):focus-visible {
+    outline: none;
+  }
   body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;

package/dist/{index-CesPlOyx.d.ts → index-Jw7UYYcH.d.ts}

@@ -1,5 +1,6 @@
 import { v as ExposedPort } from "./index-DPePq7c8.js";
 import { _ as RichFileTreeGitStatus, g as RichFileTreeGitEntry } from "./index-CXX5IpH2.js";
+import { a as PreviewReadiness, i as PreviewAccess } from "./embedded-app-view-B_vMTtJn.js";
 import * as React$1 from "react";
 import { CSSProperties } from "react";
 //#region src/workbench/types.d.ts
@@ -273,28 +274,6 @@ interface DiffViewProps {
  */
 declare function DiffView({ filename, baseline, current, showFileHeader, defaultWrap, className }: DiffViewProps): React$1.JSX.Element;
 //#endregion
-//#region src/workbench/preview-policy.d.ts
-type PreviewReadiness = {
-  state: "unknown";
-} | {
-  state: "checking";
-} | {
-  state: "ready";
-  checkedAt: string;
-  statusCode: number;
-} | {
-  state: "failed";
-  checkedAt: string;
-  message: string;
-};
-type PreviewAccess = {
-  state: "unknown";
-} | {
-  state: "public" | "authenticated";
-  source: "enforced-policy";
-  expiresAt?: string;
-};
-//#endregion
 //#region src/workbench/preview-view.d.ts
 interface PreviewViewProps {
   /** A product-authorized preview URL. Relative navigation stays on its origin. */
@@ -315,37 +294,6 @@ interface PreviewViewProps {
 }
 declare function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness, onNavigate, variant, title, toolbarActions, className }: PreviewViewProps): React$1.JSX.Element;
 //#endregion
-//#region src/workbench/embedded-app-view.d.ts
-interface EmbeddedApp {
-  /** Stable app identity. The host uses it to preserve selection across updates. */
-  id: string;
-  name: string;
-  /** Resolved, credential-free sandbox preview URL. */
-  previewUrl?: string;
-  /** The host supplies this state from its application or preview service. */
-  status: "starting" | "ready" | "unavailable";
-  statusMessage?: string;
-}
-interface EmbeddedAppViewProps {
-  app: EmbeddedApp;
-  /** Product-approved origins, obtained independently of the app URL. */
-  allowedOrigins?: readonly string[];
-  /** Service-observed HTTP result. Never derive it from iframe load. */
-  readiness?: PreviewReadiness;
-  /** Enforced access policy, supplied by the host service. */
-  access?: PreviewAccess;
-  /** Product actions beside the app name in the ready preview header. */
-  toolbarActions?: React$1.ReactNode;
-  /** Recheck or restart the preview through the host's own service. */
-  onRetry?: () => void;
-  className?: string;
-}
-/**
- * An app-sized preview surface for a product workspace.
- * The host owns app discovery, persistence, access policy, and readiness checks.
- */
-declare function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarActions, onRetry, className }: EmbeddedAppViewProps): React$1.JSX.Element;
-//#endregion
 //#region src/workbench/syntax.d.ts
 /** Resolve a Prism language id from an explicit hint or the filename. */
 declare function resolveLanguage(filename: string, explicit?: string): string;
@@ -364,4 +312,4 @@ interface CodeSurfaceProps {
  */
 declare function CodeSurface({ code, filename, language, showLineNumbers, className }: CodeSurfaceProps): React$1.JSX.Element;
 //#endregion
-export { ArtifactView as A, buildUnifiedPatch as C, PillTabsProps as D, PillTabs as E, SandboxArtifactTerminal as F, ChangesPaneProps as M, SandboxArtifact as N, ChangesPane as O, SandboxArtifactPaneProps as P, DiffStats as S, PillTabItem as T, FileBreadcrumbProps as _, EmbeddedApp as a, PanelHeader as b, PreviewView as c, PreviewReadiness as d, DiffView as f, FileBreadcrumb as g, CodeViewProps as h, resolveLanguage as i, ChangedFile as j, SandboxArtifactPane as k, PreviewViewProps as l, CodeView as m, CodeSurface as n, EmbeddedAppView as o, DiffViewProps as p, CodeSurfaceProps as r, EmbeddedAppViewProps as s, BRAND_PRISM_THEME as t, PreviewAccess as u, DiffStatsBadge as v, computeDiffStats as w, PanelHeaderProps as x, GitStatusBadge as y };
+export { SandboxArtifactTerminal as A, ChangesPane as C, ChangesPaneProps as D, ChangedFile as E, SandboxArtifact as O, PillTabsProps as S, ArtifactView as T, DiffStats as _, PreviewView as a, PillTabItem as b, DiffViewProps as c, FileBreadcrumb as d, FileBreadcrumbProps as f, PanelHeaderProps as g, PanelHeader as h, resolveLanguage as i, SandboxArtifactPaneProps as k, CodeView as l, GitStatusBadge as m, CodeSurface as n, PreviewViewProps as o, DiffStatsBadge as p, CodeSurfaceProps as r, DiffView as s, BRAND_PRISM_THEME as t, CodeViewProps as u, buildUnifiedPatch as v, SandboxArtifactPane as w, PillTabs as x, computeDiffStats as y };

package/dist/index.d.ts

@@ -9,7 +9,8 @@ import { d as useSessionStream, l as UseSessionStreamOptions, n as UseSidecarAut
 import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SandboxMetrics, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SidecarMetricsPayload, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, UsePtySessionOptions, UsePtySessionReturn, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSandboxMetricsOptions, UseSandboxMetricsResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useLiveTime, usePtySession, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessions, useToolCallStream } from "./hooks.js";
 import { $ as InputProps, $t as ToastProvider, A as DropZoneProps, At as Table, B as DropdownMenuSeparator, Bt as TabsList, C as DialogFooter, Ct as SkeletonTable, D as DialogTitle, Dt as StatusPillProps, E as DialogPortal, Et as StatusPill, F as DropdownMenuItem, Ft as TableHead, G as DropdownMenuTrigger, H as DropdownMenuSub, I as DropdownMenuLabel, It as TableHeader, J as FilterField, Jt as Textarea, K as EmptyState, Kt as TextShimmer, L as DropdownMenuPortal, Lt as TableRow, M as DropdownMenuCheckboxItem, Mt as TableCaption, N as DropdownMenuContent, Nt as TableCell, O as DialogTrigger, Ot as StatusTone, P as DropdownMenuGroup, Pt as TableFooter, Q as Input, Qt as ToastContainer, R as DropdownMenuRadioGroup, Rt as Tabs, S as DialogDescription, St as SkeletonCard, T as DialogOverlay, Tt as StatCardProps, U as DropdownMenuSubContent, Ut as TerminalDisplay, V as DropdownMenuShortcut, Vt as TabsTrigger, W as DropdownMenuSubTrigger, X as InlineCode, Xt as ThemeToggle, Y as FilterFieldProps, Yt as TextareaProps, Z as InlineCodeProps, Zt as Toast, _ as CodeBlockProps, _t as SelectTrigger, a as AvatarImage, an as badgeVariants, at as Progress, b as DialogClose, bn as TangleKnot, bt as SidebarDropZoneProps, c as Button, cn as useToast, ct as SegmentedControlProps, d as CardContent, dt as SelectGroup, en as Toolbar, et as Label, f as CardDescription, ft as SelectItem, g as CodeBlock, gt as SelectSeparator, h as CardTitle, ht as SelectScrollUpButton, i as AvatarFallback, in as UploadProgressProps, it as MetricStripProps, j as DropdownMenu, jt as TableBody, k as DropZone, kt as Switch, l as ButtonProps, lt as Select, m as CardHeader, mt as SelectScrollDownButton, nn as UploadFile, nt as MetricProps, o as Badge, on as buttonVariants, ot as SegmentedControl, p as CardFooter, pt as SelectLabel, q as EmptyStateProps, qt as TextShimmerProps, r as Avatar, rn as UploadProgress, rt as MetricStrip, s as BadgeProps, sn as useTheme, st as SegmentedControlOption, tn as ToolbarProps, tt as Metric, u as Card, ut as SelectContent, v as CopyButton, vn as Logo, vt as SelectValue, w as DialogHeader, wt as StatCard, x as DialogContent, xt as Skeleton, y as Dialog, yn as LogoProps, yt as SidebarDropZone, z as DropdownMenuRadioItem, zt as TabsContent } from "./index-PRM636Ex.js";
 import { $ as TerminalProps, A as ShellShouldRevalidateArgs, B as SessionSidebarLink, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebar, G as SessionOptimisticController, H as SessionSidebarVariant, I as SessionSidebarBadge, J as useOptimisticSessionItems, K as UseOptimisticSessionItemsOptions, L as SessionSidebarFilter, M as createShellShouldRevalidate, N as shellShouldRevalidate, O as SessionActivityMonitor, P as formatRelativeAge, Q as TerminalPanel, R as SessionSidebarGroupBy, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SESSION_CREATED_EVENT, V as SessionSidebarProps, W as SessionCreatedDetail, X as RuntimePaneProps, Y as RuntimePane, Z as TerminalLine, _ as FormAudit, a as ApprovalQueue, at as StatusBannerProps, b as SandboxWorkbenchArtifact, c as CalendarView, ct as WorkspacePaneHeader, d as TaskBoardColumn, dt as WorkspaceLayoutProps, et as ContextBadge, f as TaskBoardItem, g as AuditResultsProps, h as AuditResults, i as ApprovalItem, it as StatusBanner, j as ShellShouldRevalidateOptions, k as SessionActivityMonitorProps, l as CalendarViewProps, lt as WorkspacePaneHeaderProps, m as AuditCheck, n as ArtifactPaneProps, nt as StatusBarProps, o as ApprovalQueueProps, ot as DirectoryPane, p as TaskBoardProps, q as dispatchSessionCreated, r as ApprovalConfidenceStat, rt as BannerType, s as CalendarEvent, st as DirectoryPaneProps, t as ArtifactPane, tt as StatusBar, u as TaskBoard, ut as WorkspaceLayout, v as AgentWorkbench, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, z as SessionSidebarItem } from "./index-CKRaj1pM.js";
-import { A as ArtifactView, C as buildUnifiedPatch, D as PillTabsProps, E as PillTabs, F as SandboxArtifactTerminal, M as ChangesPaneProps, N as SandboxArtifact, O as ChangesPane, P as SandboxArtifactPaneProps, S as DiffStats, T as PillTabItem, _ as FileBreadcrumbProps, a as EmbeddedApp, b as PanelHeader, c as PreviewView, d as PreviewReadiness, f as DiffView, g as FileBreadcrumb, h as CodeViewProps, i as resolveLanguage, j as ChangedFile, k as SandboxArtifactPane, l as PreviewViewProps, m as CodeView, n as CodeSurface, o as EmbeddedAppView, p as DiffViewProps, r as CodeSurfaceProps, s as EmbeddedAppViewProps, t as BRAND_PRISM_THEME, u as PreviewAccess, v as DiffStatsBadge, w as computeDiffStats, x as PanelHeaderProps, y as GitStatusBadge } from "./index-CesPlOyx.js";
+import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-Jw7UYYcH.js";
+import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
 import { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from "./openui.js";
 import { ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent } from "./run.js";
 import { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, ChatSession, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, connectSession, disconnectSession, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "./stores.js";

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as DiffView, c as CodeView, d as CodeSurface, f as resolveLanguage, g as PillTabs, h as PanelHeader, i as PreviewView, l as FileBreadcrumb, m as GitStatusBadge, n as ChangesPane, o as buildUnifiedPatch, p as DiffStatsBadge, r as SandboxArtifactPane, s as computeDiffStats, t as EmbeddedAppView, u as BRAND_PRISM_THEME } from "./workbench-ztU44Jt2.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DmDMQxZ_.js";
 import { $ as SelectItem, A as DropdownMenuItem, At as Textarea, B as DropdownMenuTrigger, C as DialogTitle, Ct as TabsList, D as DropdownMenuCheckboxItem, E as DropdownMenu, Et as TerminalDisplay, F as DropdownMenuSeparator, Ft as UploadProgress, G as Label, Gt as TangleKnot, H as FilterField, I as DropdownMenuShortcut, It as badgeVariants, J as Progress, K as Metric, L as DropdownMenuSub, Lt as buttonVariants, M as DropdownMenuPortal, Mt as ToastContainer, N as DropdownMenuRadioGroup, Nt as ToastProvider, O as DropdownMenuContent, P as DropdownMenuRadioItem, Pt as Toolbar, Q as SelectGroup, R as DropdownMenuSubContent, Rt as useTheme, S as DialogPortal, St as TabsContent, T as DropZone, U as InlineCode, V as EmptyState, W as Input, Wt as Logo, X as Select, Y as SegmentedControl, Z as SelectContent, _ as DialogContent, _t as TableFooter, a as Badge, at as SelectValue, b as DialogHeader, bt as TableRow, c as CardContent, ct as SkeletonCard, d as CardHeader, dt as StatusPill, et as SelectLabel, f as CardTitle, ft as Switch, g as DialogClose, gt as TableCell, h as Dialog, ht as TableCaption, i as AvatarImage, it as SelectTrigger, j as DropdownMenuLabel, jt as ThemeToggle, k as DropdownMenuGroup, kt as TextShimmer, l as CardDescription, lt as SkeletonTable, m as CopyButton, mt as TableBody, n as Avatar, nt as SelectScrollUpButton, o as Button, ot as SidebarDropZone, p as CodeBlock, pt as Table, q as MetricStrip, r as AvatarFallback, rt as SelectSeparator, s as Card, st as Skeleton, tt as SelectScrollDownButton, u as CardFooter, ut as StatCard, v as DialogDescription, vt as TableHead, w as DialogTrigger, wt as TabsTrigger, x as DialogOverlay, xt as Tabs, y as DialogFooter, yt as TableHeader, z as DropdownMenuSubTrigger, zt as useToast } from "./primitives-Dh1vG6J3.js";
 import { S as WorkspacePaneHeader, _ as TerminalPanel, a as AuditResults, b as DirectoryPane, c as SessionActivityMonitor, d as SessionSidebar, f as SESSION_CREATED_EVENT, g as RuntimePane, h as formatRelativeAge, i as TaskBoard, l as createShellShouldRevalidate, m as useOptimisticSessionItems, n as ApprovalQueue, o as AgentWorkbench, p as dispatchSessionCreated, r as CalendarView, s as SandboxWorkbench, t as ArtifactPane, u as shellShouldRevalidate, v as StatusBar, x as WorkspaceLayout, y as StatusBanner } from "./workspace-B6AtI6ld.js";
 import { $ as SidebarRailNav, A as ResourceMeter, B as RailFlyout, C as InvoiceTable, D as canAdminSandbox, E as SandboxCard, F as CreditBalance, G as Sidebar, H as RailModeButton, I as ProfileAvatar, J as SidebarPanelContent, K as SidebarContent, L as RailButton, M as INSUFFICIENT_BALANCE_CODE, N as OutOfCreditsModal, O as ActivityFeed, P as parseInsufficientBalance, Q as SidebarRailHeader, R as RailCollapseToggle, S as PlanCards, T as NewSandboxCard, U as RailSeparator, V as RailHeader, W as RailThemeToggle, X as SidebarRail, Y as SidebarPanelHeader, Z as SidebarRailFooter, _ as HarnessPicker, a as ProcessList, at as SIDEBAR_TOTAL_WIDTH, b as HarnessLogo, c as UsageSummary, d as MetricAreaChart, et as RailTooltip, f as ProfileComparison, g as HARNESS_OPTIONS, h as DashboardLayout, i as NetworkConfig, it as SIDEBAR_RAIL_WIDTH, j as ClusterStatusBar, k as ResourceSnapshot, l as SystemLogsViewer, m as SidebarLayout, n as SnapshotList, nt as SIDEBAR_PANEL_WIDTH, o as PortsList, ot as SidebarProvider, p as ProfileSelector, q as SidebarPanel, r as BackendConfig, rt as SIDEBAR_RAIL_LABELED_WIDTH, s as GitPanel, st as useSidebar, t as PromoBanner, tt as SIDEBAR_MOBILE_WIDTH, u as VariantList, v as chatCapableHarnesses, w as SandboxTable, x as BackendSelector, y as HARNESS_BRAND, z as RailExpandable } from "./dashboard-CZ3VgNPR.js";
@@ -6,6 +6,7 @@ import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from
 import { a as formatPrice, i as PricingPage, n as TemplateCard, o as BillingDashboard, r as UsageChart, t as InfoPanel } from "./info-panel-C9cqDzOL.js";
 import { t as usePtySession } from "./use-pty-session-C8cE0adT.js";
 import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FilePreview, FileTabs, FileTree, RichFileTree, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "./files.js";
+import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-c6-nUY7O.js";
 import { OpenUIArtifactRenderer } from "./openui.js";
 import { a as ThinkingIndicator, c as createFetchTransport, d as AgentProfilePicker, f as DEFAULT_REASONING_LEVEL_OPTIONS, i as MessageList, l as modelProvider, m as ReasoningLevelPicker, n as ChatContainer, o as UserMessage, p as HARNESS_REASONING_OPTIONS, r as ChatMessage, s as ArtifactAgentDock, t as AgentTimeline, u as snapHarnessToModel } from "./chat-BOvFAe6p.js";
 import { ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunRowShell, RunRowStatusDot, ToolCallFeed, parseToolEvent } from "./run.js";

package/dist/styles.css

@@ -6124,6 +6124,9 @@
     outline-offset: -1px;
     box-shadow: none;
   }
+  .focus-field-within :is(input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file]),textarea,select,[contenteditable]:not([contenteditable=false])):focus-visible {
+    outline: none;
+  }
   body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;

package/dist/workbench/embedded-app.d.ts

@@ -0,0 +1,2 @@
+import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "../embedded-app-view-B_vMTtJn.js";
+export { type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, type PreviewAccess, type PreviewReadiness };

package/dist/workbench/embedded-app.js

@@ -0,0 +1,2 @@
+import { t as EmbeddedAppView } from "../embedded-app-view-c6-nUY7O.js";
+export { EmbeddedAppView };

package/dist/{workbench-ztU44Jt2.js → workbench-DmDMQxZ_.js}

@@ -2,12 +2,13 @@ import { t as cn$1 } from "./utils-DzWbktWG.js";
 import { o as PortsList } from "./dashboard-CZ3VgNPR.js";
 import { n as TerminalView } from "./terminal-CN9ZgHRt.js";
 import { RichFileTree } from "./files.js";
+import { n as PreviewView } from "./embedded-app-view-c6-nUY7O.js";
 import { Button, Skeleton, Textarea } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import React from "react";
-import { focusField, focusRing, focusRingInset } from "@tangle-network/ui/utils";
-import { Check, ChevronRight, Code2, Copy, ExternalLink, FileCode2, GitBranch, GitCompare, Globe, Network, RefreshCw, RotateCw, SquareTerminal } from "lucide-react";
+import { focusRing, focusRingInset } from "@tangle-network/ui/utils";
+import { Check, ChevronRight, Code2, Copy, FileCode2, GitBranch, GitCompare, Globe, Network, RefreshCw, SquareTerminal } from "lucide-react";
 import { FileDiff, getSingularPatch } from "@pierre/diffs";
 import { createTwoFilesPatch, diffLines } from "diff";
 //#region \0rolldown/runtime.js
@@ -7612,274 +7613,6 @@ function DiffView({ filename, baseline, current, showFileHeader = true, defaultW
 	});
 }
 //#endregion
-//#region src/workbench/preview-policy.ts
-/** Only an actual verified HTTP outcome can establish application readiness. */
-function previewReadinessLabel(readiness) {
-	if (readiness?.state === "checking") return "Checking application readiness";
-	if (readiness?.state === "failed") return "Application check failed";
-	if (readiness?.state === "ready" && Number.isFinite(Date.parse(readiness.checkedAt)) && Number.isInteger(readiness.statusCode) && readiness.statusCode >= 200 && readiness.statusCode < 400) return `Application responded: HTTP ${readiness.statusCode}`;
-	return "Application readiness not verified";
-}
-function previewAccessLabel(access) {
-	if (!access || access.state === "unknown" || access.source !== "enforced-policy") return "Access not verified";
-	return access.state === "public" ? "Public URL" : "Authentication required";
-}
-/** The product supplies the initial URL and any additional approved origins. */
-function safePreviewUrl(value, base, allowedOrigins) {
-	let url;
-	try {
-		url = base ? new URL(value, base) : new URL(value);
-	} catch {
-		throw new Error("Enter a valid preview URL.");
-	}
-	const loopback = [
-		"localhost",
-		"127.0.0.1",
-		"[::1]"
-	].includes(url.hostname);
-	if (url.protocol !== "https:" && !(url.protocol === "http:" && loopback)) throw new Error("Use an HTTPS preview URL, or HTTP on localhost for local development.");
-	if (url.username || url.password) throw new Error("Preview URLs must not contain credentials.");
-	if (allowedOrigins && !allowedOrigins.includes(url.origin)) throw new Error("That origin is not approved for this sandbox preview.");
-	return url.href;
-}
-//#endregion
-//#region src/workbench/preview-view.tsx
-function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness, onNavigate, variant = "browser", title = "Sandbox preview", toolbarActions, className }) {
-	const initial = React$1.useMemo(() => {
-		try {
-			return {
-				url: safePreviewUrl(url),
-				error: null
-			};
-		} catch (failure) {
-			return {
-				url: null,
-				error: failure instanceof Error ? failure.message : "Preview URL is invalid."
-			};
-		}
-	}, [url]);
-	const [address, setAddress] = React$1.useState(url);
-	const [location, setLocation] = React$1.useState({
-		source: url,
-		active: initial.url
-	});
-	const [iframeKey, setIframeKey] = React$1.useState(0);
-	const [loading, setLoading] = React$1.useState(true);
-	const [slow, setSlow] = React$1.useState(false);
-	const [addressError, setAddressError] = React$1.useState(null);
-	const errorId = React$1.useId();
-	const stateId = React$1.useId();
-	const activeUrl = location.source === url ? location.active : initial.url;
-	React$1.useEffect(() => {
-		setAddress(url);
-		setLocation({
-			source: url,
-			active: initial.url
-		});
-		setIframeKey((key) => key + 1);
-		setLoading(true);
-		setSlow(false);
-		setAddressError(null);
-	}, [url, initial.url]);
-	React$1.useEffect(() => {
-		if (!loading || !activeUrl) return;
-		const timer = setTimeout(() => setSlow(true), 8e3);
-		return () => clearTimeout(timer);
-	}, [
-		iframeKey,
-		loading,
-		activeUrl
-	]);
-	const reload = () => {
-		setIframeKey((key) => key + 1);
-		setLoading(true);
-		setSlow(false);
-	};
-	const navigate = () => {
-		try {
-			if (!initial.url) throw new Error(initial.error ?? "Preview URL is invalid.");
-			const origins = [new URL(initial.url).origin, ...allowedOrigins ?? []];
-			const next = safePreviewUrl(address, activeUrl ?? initial.url, origins);
-			setAddress(next);
-			setLocation({
-				source: url,
-				active: next
-			});
-			setAddressError(null);
-			reload();
-			onNavigate?.(next);
-		} catch (failure) {
-			setAddressError(failure instanceof Error ? failure.message : "Preview address is invalid.");
-		}
-	};
-	const error = initial.error ?? addressError;
-	const currentReadiness = activeUrl === initial.url ? readiness : void 0;
-	const currentAccess = activeUrl === initial.url ? access : void 0;
-	const sameApplicationOrigin = activeUrl && typeof window !== "undefined" && new URL(activeUrl).origin === window.location.origin;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("flex h-full min-h-0 min-w-0 flex-col bg-surface-container", className),
-		children: [
-			variant === "browser" ? /* @__PURE__ */ jsxs("form", {
-				"aria-label": "Preview navigation",
-				onSubmit: (event) => {
-					event.preventDefault();
-					navigate();
-				},
-				className: "flex flex-wrap items-center gap-2 border-b border-border bg-surface-container-low px-2 py-2",
-				children: [
-					/* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "ghost",
-						size: "sm",
-						onClick: reload,
-						disabled: !activeUrl,
-						"aria-label": "Reload preview",
-						children: /* @__PURE__ */ jsx(RotateCw, {
-							"aria-hidden": "true",
-							className: "size-4"
-						})
-					}),
-					/* @__PURE__ */ jsx("input", {
-						value: address,
-						onChange: (event) => {
-							setAddress(event.target.value);
-							setAddressError(null);
-						},
-						"aria-label": "Preview address",
-						"aria-invalid": !!error,
-						"aria-describedby": error ? errorId : stateId,
-						spellCheck: false,
-						autoComplete: "off",
-						className: `h-9 min-w-0 flex-1 rounded-md border bg-surface-container px-2.5 font-mono text-sm text-foreground ${focusField}`
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						type: "submit",
-						variant: "outline",
-						size: "sm",
-						disabled: !initial.url,
-						children: "Go"
-					}),
-					activeUrl && /* @__PURE__ */ jsx(Button, {
-						asChild: true,
-						type: "button",
-						variant: "ghost",
-						size: "sm",
-						children: /* @__PURE__ */ jsx("a", {
-							href: activeUrl,
-							target: "_blank",
-							rel: "noopener noreferrer",
-							"aria-label": "Open preview in new tab",
-							children: /* @__PURE__ */ jsx(ExternalLink, {
-								"aria-hidden": "true",
-								className: "size-4"
-							})
-						})
-					})
-				]
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: "flex min-w-0 flex-wrap items-center gap-2 border-b border-border bg-surface-container-low px-3 py-2",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: cn$1("min-w-0 truncate text-sm font-medium text-foreground", toolbarActions ? "basis-full sm:basis-auto sm:flex-1" : "flex-1"),
-						children: title
-					}),
-					toolbarActions && /* @__PURE__ */ jsx("div", {
-						className: "flex shrink-0 items-center gap-1",
-						children: toolbarActions
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "ghost",
-						size: "sm",
-						onClick: reload,
-						disabled: !activeUrl,
-						"aria-label": `Reload ${title}`,
-						className: toolbarActions ? "ml-auto sm:ml-0" : void 0,
-						children: /* @__PURE__ */ jsx(RotateCw, {
-							"aria-hidden": "true",
-							className: "size-4"
-						})
-					}),
-					activeUrl && /* @__PURE__ */ jsx(Button, {
-						asChild: true,
-						type: "button",
-						variant: "ghost",
-						size: "sm",
-						children: /* @__PURE__ */ jsx("a", {
-							href: activeUrl,
-							target: "_blank",
-							rel: "noopener noreferrer",
-							"aria-label": `Open ${title} in new tab`,
-							children: /* @__PURE__ */ jsx(ExternalLink, {
-								"aria-hidden": "true",
-								className: "size-4"
-							})
-						})
-					})
-				]
-			}),
-			error && /* @__PURE__ */ jsx("p", {
-				id: errorId,
-				role: "alert",
-				className: "px-3 py-2 text-sm text-destructive",
-				children: error
-			}),
-			(variant === "browser" || readiness || access || onCheckReadiness) && /* @__PURE__ */ jsxs("div", {
-				id: stateId,
-				className: "flex flex-wrap items-center gap-x-4 gap-y-1 border-b border-border px-3 py-2 text-xs text-muted-foreground",
-				children: [
-					/* @__PURE__ */ jsx("span", { children: previewAccessLabel(currentAccess) }),
-					/* @__PURE__ */ jsx("span", {
-						role: "status",
-						children: previewReadinessLabel(currentReadiness)
-					}),
-					currentReadiness && "checkedAt" in currentReadiness && /* @__PURE__ */ jsxs("time", {
-						dateTime: currentReadiness.checkedAt,
-						children: ["Checked ", currentReadiness.checkedAt]
-					}),
-					currentAccess && "expiresAt" in currentAccess && currentAccess.expiresAt && /* @__PURE__ */ jsxs("time", {
-						dateTime: currentAccess.expiresAt,
-						children: ["Expires ", currentAccess.expiresAt]
-					}),
-					onCheckReadiness && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						onClick: onCheckReadiness,
-						disabled: currentReadiness?.state === "checking",
-						children: "Check application"
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "relative min-h-0 min-w-0 flex-1 bg-surface-container-lowest",
-				children: [activeUrl && /* @__PURE__ */ jsx("iframe", {
-					src: activeUrl,
-					title,
-					className: "h-full w-full border-0 bg-white",
-					referrerPolicy: "no-referrer",
-					sandbox: sameApplicationOrigin ? "allow-scripts allow-forms" : "allow-scripts allow-same-origin allow-forms",
-					onLoad: () => {
-						setLoading(false);
-						setSlow(false);
-					},
-					onError: () => {
-						setLoading(false);
-						setAddressError("The preview frame could not be loaded. Check the application or open the URL separately.");
-					}
-				}, `${activeUrl}:${iframeKey}`), loading && activeUrl && /* @__PURE__ */ jsx("div", {
-					role: "status",
-					className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-surface-container-lowest",
-					children: /* @__PURE__ */ jsx("p", {
-						className: "px-4 text-center text-sm text-muted-foreground",
-						children: slow ? "The preview frame is still loading. This does not establish whether the application is ready." : "Loading preview frame…"
-					})
-				})]
-			})
-		]
-	});
-}
-//#endregion
 //#region src/workbench/sandbox-artifact-pane.tsx
 const VIEW_ORDER = [
 	"code",
@@ -8385,71 +8118,4 @@ function ChangesPane({ branch, ahead = 0, behind = 0, files, selectedPath, onSel
 	});
 }
 //#endregion
-//#region src/workbench/embedded-app-view.tsx
-/**
-* An app-sized preview surface for a product workspace.
-* The host owns app discovery, persistence, access policy, and readiness checks.
-*/
-function EmbeddedAppView({ app, allowedOrigins, readiness, access, toolbarActions, onRetry, className }) {
-	let previewUrl = null;
-	let urlError = null;
-	if (app.status === "ready") try {
-		previewUrl = safePreviewUrl(app.previewUrl ?? "", void 0, allowedOrigins);
-	} catch (failure) {
-		urlError = failure instanceof Error ? failure.message : "Preview URL is invalid.";
-	}
-	if (previewUrl) return /* @__PURE__ */ jsx("section", {
-		"aria-label": `${app.name} app`,
-		className: cn$1("h-full min-h-0 min-w-0", className),
-		children: /* @__PURE__ */ jsx(PreviewView, {
-			url: previewUrl,
-			allowedOrigins,
-			readiness,
-			access,
-			title: app.name,
-			toolbarActions,
-			variant: "embedded"
-		}, app.id)
-	});
-	const starting = app.status === "starting";
-	const message = starting ? app.statusMessage ?? "The app preview is starting." : urlError ?? app.statusMessage ?? "The app preview is unavailable.";
-	return /* @__PURE__ */ jsx("section", {
-		"aria-label": `${app.name} app`,
-		className: cn$1("flex h-full min-h-0 min-w-0 flex-col bg-surface-container", className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex min-h-0 flex-1 items-center justify-center p-6",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "max-w-md text-center",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-base font-medium text-foreground",
-						children: app.name
-					}),
-					/* @__PURE__ */ jsx("p", {
-						role: starting ? "status" : "alert",
-						className: "mt-2 text-sm text-muted-foreground",
-						children: message
-					}),
-					(readiness || access) && /* @__PURE__ */ jsxs("p", {
-						className: "mt-2 text-xs text-muted-foreground",
-						children: [
-							previewReadinessLabel(readiness),
-							" · ",
-							previewAccessLabel(access)
-						]
-					}),
-					!starting && onRetry && /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						className: "mt-4",
-						onClick: onRetry,
-						children: "Retry preview"
-					})
-				]
-			})
-		})
-	});
-}
-//#endregion
-export { DiffView as a, CodeView as c, CodeSurface as d, resolveLanguage as f, PillTabs as g, PanelHeader as h, PreviewView as i, FileBreadcrumb as l, GitStatusBadge as m, ChangesPane as n, buildUnifiedPatch as o, DiffStatsBadge as p, SandboxArtifactPane as r, computeDiffStats as s, EmbeddedAppView as t, BRAND_PRISM_THEME as u };
+export { computeDiffStats as a, BRAND_PRISM_THEME as c, DiffStatsBadge as d, GitStatusBadge as f, buildUnifiedPatch as i, CodeSurface as l, PillTabs as m, SandboxArtifactPane as n, CodeView as o, PanelHeader as p, DiffView as r, FileBreadcrumb as s, ChangesPane as t, resolveLanguage as u };

package/dist/workbench.d.ts

@@ -1,2 +1,3 @@
-import { A as ArtifactView, C as buildUnifiedPatch, D as PillTabsProps, E as PillTabs, F as SandboxArtifactTerminal, M as ChangesPaneProps, N as SandboxArtifact, O as ChangesPane, P as SandboxArtifactPaneProps, S as DiffStats, T as PillTabItem, _ as FileBreadcrumbProps, a as EmbeddedApp, b as PanelHeader, c as PreviewView, d as PreviewReadiness, f as DiffView, g as FileBreadcrumb, h as CodeViewProps, i as resolveLanguage, j as ChangedFile, k as SandboxArtifactPane, l as PreviewViewProps, m as CodeView, n as CodeSurface, o as EmbeddedAppView, p as DiffViewProps, r as CodeSurfaceProps, s as EmbeddedAppViewProps, t as BRAND_PRISM_THEME, u as PreviewAccess, v as DiffStatsBadge, w as computeDiffStats, x as PanelHeaderProps, y as GitStatusBadge } from "./index-CesPlOyx.js";
+import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-Jw7UYYcH.js";
+import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
 export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workbench.js

@@ -1,2 +1,3 @@
-import { a as DiffView, c as CodeView, d as CodeSurface, f as resolveLanguage, g as PillTabs, h as PanelHeader, i as PreviewView, l as FileBreadcrumb, m as GitStatusBadge, n as ChangesPane, o as buildUnifiedPatch, p as DiffStatsBadge, r as SandboxArtifactPane, s as computeDiffStats, t as EmbeddedAppView, u as BRAND_PRISM_THEME } from "./workbench-ztU44Jt2.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DmDMQxZ_.js";
+import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-c6-nUY7O.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.115.0",
+  "version": "0.115.2",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -42,6 +42,10 @@
       "import": "./dist/workbench.js",
       "types": "./dist/workbench.d.ts"
     },
+    "./workbench/embedded-app": {
+      "import": "./dist/workbench/embedded-app.js",
+      "types": "./dist/workbench/embedded-app.d.ts"
+    },
     "./openui": {
       "import": "./dist/openui.js",
       "types": "./dist/openui.d.ts"
@@ -119,8 +123,8 @@
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
-    "@tangle-network/brand": "^1.6.0",
-    "@tangle-network/ui": "^11.10.0",
+    "@tangle-network/brand": "^1.8.2",
+    "@tangle-network/ui": "^11.11.1",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -203,8 +207,8 @@
     "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "2.13.1",
-    "@tangle-network/brand": "^1.8.0",
-    "@tangle-network/ui": "^11.10.0",
+    "@tangle-network/brand": "^1.8.2",
+    "@tangle-network/ui": "^11.11.1",
     "@tanstack/react-query": "^5.104.0",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
@@ -249,6 +253,7 @@
     "test": "vitest run",
     "test:package": "node scripts/package-smoke.mjs && PACKAGE_OMIT_OPTIONAL_PEERS='[\"@hocuspocus/provider\",\"@tiptap/core\",\"@tiptap/extension-collaboration\",\"@tiptap/extension-collaboration-caret\",\"@tiptap/react\",\"@tiptap/starter-kit\",\"yjs\"]' node scripts/package-smoke.mjs",
     "test:watch": "vitest",
+    "test:embedded-app-package": "node scripts/embedded-app-package-smoke.mjs",
     "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
   }
 }