@tangle-network/sandbox-ui 0.137.1 → 0.138.0

package/dist/{dashboard-SFakZEtu.js → dashboard-ClKA3opr.js}

@@ -1,9 +1,9 @@
-import { r as Logo, t as primitives_exports } from "./primitives-CLOVnjWz.js";
-import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { r as ShellHeader } from "./shell-header-CTh3oV_e.js";
-import { n as MOTION_SURFACE, t as MOTION_CONTROL } from "./motion-D4njYpys.js";
-import { a as moonshot_default } from "./model-brand-BSr9on8C.js";
-import "./page-layout-2IRtfx51.js";
+import { r as Logo, t as primitives_exports } from "./primitives-CiwDp4-0.js";
+import { t as cn$1 } from "./utils-BER_bdgE.js";
+import { r as ShellHeader } from "./shell-header-CwqDzC4I.js";
+import { n as MOTION_SURFACE, t as MOTION_CONTROL } from "./motion-Bn7ESHrj.js";
+import { a as moonshot_default } from "./model-brand-bTcMjQtB.js";
+import "./page-layout-CuOpvZys.js";
 import { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Sheet, SheetClose, SheetContent, SheetTitle, SheetTrigger, Skeleton, StatCard, StatusPill } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
@@ -12,7 +12,7 @@ import { createPortal } from "react-dom";
 import { Activity, ArrowRight, BarChart2, Bell, Bot, Box, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, Clock, Code2, Copy, Cpu, DollarSign, ExternalLink, File, FileEdit, FilePlus, GitBranch, GitCommit, Globe, HardDrive, Key, Layers, MemoryStick, MessageSquare, Monitor, MoreHorizontal, MoreVertical, Network, PanelLeft, Play, Plug, Plus, Power, PowerOff, RotateCcw, Skull, Terminal, Trash2, User, Users } from "lucide-react";
 import { focusField, focusRing, focusRingInset, timeAgo } from "@tangle-network/ui/utils";
 import * as Select$1 from "@radix-ui/react-select";
-//#region src/dashboard/sidebar-context.tsx
+// src/dashboard/sidebar-context.tsx
 const PANEL_OPEN_KEY = "sandbox-sidebar-panel-open";
 const RAIL_COLLAPSED_KEY = "sandbox-sidebar-rail-collapsed";
 const SIDEBAR_MODE_KEY = "sandbox-sidebar-mode";
@@ -228,8 +228,7 @@ function RailTooltip({ label, description, children, disabled, className }) {
 		}), document.body)]
 	});
 }
-//#endregion
-//#region src/dashboard/app-sidebar.tsx
+// src/dashboard/app-sidebar.tsx
 function DefaultLink$2({ href, to, className, children, ...rest }) {
 	return /* @__PURE__ */ jsx("a", {
 		href: href ?? to,
@@ -1109,8 +1108,7 @@ function ProfileAvatar({ user, isLoading = false, onLogout, onSettingsClick, set
 		]
 	})] });
 }
-//#endregion
-//#region src/dashboard/out-of-credits.tsx
+// src/dashboard/out-of-credits.tsx
 /**
 * Canonical "out of credits" UX, shared across every Tangle product.
 *
@@ -1195,8 +1193,7 @@ function OutOfCreditsModal({ balance, onClose, ctaLabel = "Add credits", classNa
 		})
 	});
 }
-//#endregion
-//#region src/dashboard/resource-meter.tsx
+// src/dashboard/resource-meter.tsx
 function getBarColor(percent) {
 	if (percent >= 90) return "bg-[var(--code-error)]";
 	if (percent >= 70) return "bg-[var(--surface-warning-text)]";
@@ -1230,8 +1227,7 @@ function ResourceMeter({ label, value, max = 100, unit, valueLabel, icon, classN
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/resource-snapshot.tsx
+// src/dashboard/resource-snapshot.tsx
 /**
 * Compact at-a-glance resource panel: a stack of {@link ResourceMeter}
 * rows for an instantaneous CPU / memory / disk read. Time-series detail
@@ -1266,8 +1262,7 @@ function ResourceSnapshot({ title = "Resources", action, items, loading = false,
 		})]
 	});
 }
-//#endregion
-//#region src/dashboard/activity-feed.tsx
+// src/dashboard/activity-feed.tsx
 /**
 * Newest-first list of recent sandbox activity (commits, snapshots,
 * lifecycle events). Items are sorted by `timestamp` descending here so
@@ -1317,8 +1312,7 @@ function ActivityFeed({ title = "Recent activity", action, items, loading = fals
 		})]
 	});
 }
-//#endregion
-//#region src/dashboard/sandbox-status.tsx
+// src/dashboard/sandbox-status.tsx
 /**
 * The one mapping from a sandbox's lifecycle state to a status tone and label.
 * Cards, tables and products read it here, so a state cannot be green in one
@@ -1381,8 +1375,7 @@ function SandboxStatusPill({ status, ...props }) {
 		children: label
 	});
 }
-//#endregion
-//#region src/dashboard/sandbox-card.tsx
+// src/dashboard/sandbox-card.tsx
 function canAdminSandbox(sandbox) {
 	if (!sandbox.team) return true;
 	return sandbox.team.role === "owner" || sandbox.team.role === "admin";
@@ -1654,8 +1647,7 @@ function NewSandboxCard({ onClick, className }) {
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/sandbox-table.tsx
+// src/dashboard/sandbox-table.tsx
 function isResumable(status) {
 	return status !== "running" && status !== "provisioning" && status !== "creating" && status !== "expired";
 }
@@ -2035,8 +2027,7 @@ function SandboxTable({ sandboxes, page = 1, pageSize = 10, total, onPageChange,
 		})]
 	});
 }
-//#endregion
-//#region src/dashboard/backend-selector.tsx
+// src/dashboard/backend-selector.tsx
 function BackendSelector({ backends, selected, onChange, variant = "pill", label = "Model", placeholder = "Select a model", className, triggerClassName }) {
 	const current = backends.find((b) => b.type === selected);
 	const triggerText = current?.label ?? placeholder;
@@ -2119,8 +2110,7 @@ function BackendSelector({ backends, selected, onChange, variant = "pill", label
 		})]
 	});
 }
-//#endregion
-//#region src/dashboard/harness-logo.tsx
+// src/dashboard/harness-logo.tsx
 const HARNESS_BRAND = {
 	opencode: {
 		label: "OpenCode",
@@ -2144,7 +2134,7 @@ const HARNESS_BRAND = {
 	},
 	openclaw: {
 		label: "OpenClaw",
-		logoUrl: "data:image/svg+xml,<svg fill=\"currentColor\" fill-rule=\"evenodd\" height=\"1em\" style=\"flex:none;line-height:1\" viewBox=\"0 0 24 24\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><title>OpenClaw</title><g clip-path=\"url(%23a)\"><path d=\"M9.046 7.104a.527.527 0 110 1.055.527.527 0 010-1.055z\"></path><path d=\"M15.376 7.104a.528.528 0 110 1.056.528.528 0 010-1.056z\"></path><path clip-rule=\"evenodd\" d=\"M16.877 1.912c.58-.27 1.14-.323 1.616-.037a.317.317 0 01-.326.542c-.227-.136-.547-.153-1.022.068-.352.165-.765.45-1.234.866 2.683 1.17 4.4 3.5 5.148 5.921a6.421 6.421 0 00-.704.184c-.578.016-1.174.204-1.502.735-.338.55-.268 1.276.072 2.069l.005.012.007.014c.523 1.045 1.318 1.91 2.2 2.284-.912 3.274-3.44 6.144-5.972 6.988v2.109h-2.11v-2.11c-1.043.417-2.086.01-2.11 0v2.11h-2.11v-2.11c-2.531-.843-5.061-3.713-5.973-6.987.882-.373 1.678-1.238 2.2-2.284l.007-.014.006-.012c.34-.793.41-1.518.071-2.069-.327-.531-.923-.719-1.503-.735a6.409 6.409 0 00-.704-.183c.749-2.421 2.466-4.751 5.149-5.922-.47-.416-.88-.701-1.234-.866-.474-.221-.794-.204-1.021-.068a.318.318 0 01-.435-.109.317.317 0 01.109-.433c.476-.286 1.036-.233 1.615.037.49.229 1.031.628 1.621 1.182A9.924 9.924 0 0112 2.568c1.199 0 2.284.19 3.256.526.59-.554 1.13-.953 1.62-1.182zM8.835 6.577a1.266 1.266 0 100 2.532 1.266 1.266 0 000-2.532zm6.33 0a1.267 1.267 0 100 2.533 1.267 1.267 0 000-2.533z\"></path><path d=\"M.395 13.118c-.966-1.932-.163-3.863 2.41-3.365v-.001l.05.01c.084.018.17.038.26.06.033.009.067.017.1.027.084.022.168.048.255.076l.09.027c.528 0 .95.158 1.16.501.212.343.212.87-.105 1.61-.085.17-.178.333-.276.489l-.01.017a4.967 4.967 0 01-.62.791l-.019.02c-1.092 1.117-2.496 1.336-3.295-.262z\"></path><path d=\"M21.193 9.753c2.574-.5 3.378 1.433 2.411 3.365-.58 1.159-1.476 1.361-2.342.96l-.011-.005a2.419 2.419 0 01-.114-.056l-.019-.01a2.751 2.751 0 01-.115-.067l-.023-.014c-.035-.022-.071-.044-.106-.068l-.05-.035c-.55-.388-1.062-1.007-1.44-1.76-.276-.647-.311-1.132-.174-1.472.176-.439.636-.639 1.23-.639.032-.011.066-.02.099-.03.08-.026.16-.05.238-.072l.117-.03a5.502 5.502 0 01.3-.067z\"></path></g><defs><linearGradient gradientUnits=\"userSpaceOnUse\" id=\"b\" x1=\"-.659\" x2=\"27.023\" y1=\".458\" y2=\"22.855\"><stop stop-color=\"%23FF4D4D\"></stop><stop offset=\"1\" stop-color=\"%23991B1B\"></stop></linearGradient><linearGradient gradientUnits=\"userSpaceOnUse\" id=\"c\" x1=\"-.659\" x2=\"27.023\" y1=\".458\" y2=\"22.855\"><stop stop-color=\"%23FF4D4D\"></stop><stop offset=\"1\" stop-color=\"%23991B1B\"></stop></linearGradient><linearGradient gradientUnits=\"userSpaceOnUse\" id=\"d\" x1=\"-.659\" x2=\"27.023\" y1=\".458\" y2=\"22.855\"><stop stop-color=\"%23FF4D4D\"></stop><stop offset=\"1\" stop-color=\"%23991B1B\"></stop></linearGradient><linearGradient gradientUnits=\"userSpaceOnUse\" id=\"e\" x1=\"-.659\" x2=\"27.023\" y1=\".458\" y2=\"22.855\"><stop stop-color=\"%23FF4D4D\"></stop><stop offset=\"1\" stop-color=\"%23991B1B\"></stop></linearGradient><linearGradient gradientUnits=\"userSpaceOnUse\" id=\"f\" x1=\"-.659\" x2=\"27.023\" y1=\".458\" y2=\"22.855\"><stop stop-color=\"%23FF4D4D\"></stop><stop offset=\"1\" stop-color=\"%23991B1B\"></stop></linearGradient><clipPath id=\"a\"><path d=\"M0 0h24v24H0z\"></path></clipPath></defs></svg>"
+		logoUrl: "data:image/svg+xml,<svg fill=\"currentColor\" fill-rule=\"evenodd\" height=\"1em\" style=\"flex:none;line-height:1\" viewBox=\"0 0 24 24\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><title>OpenClaw</title><g clip-path=\"url(%23lobe-icons-open-claw-_R_0_)\"><path d=\"M9.046 7.104a.527.527 0 110 1.055.527.527 0 010-1.055z\"></path><path d=\"M15.376 7.104a.528.528 0 110 1.056.528.528 0 010-1.056z\"></path><path clip-rule=\"evenodd\" d=\"M16.877 1.912c.58-.27 1.14-.323 1.616-.037a.317.317 0 01-.326.542c-.227-.136-.547-.153-1.022.068-.352.165-.765.45-1.234.866 2.683 1.17 4.4 3.5 5.148 5.921a6.421 6.421 0 00-.704.184c-.578.016-1.174.204-1.502.735-.338.55-.268 1.276.072 2.069l.005.012.007.014c.523 1.045 1.318 1.91 2.2 2.284-.912 3.274-3.44 6.144-5.972 6.988v2.109h-2.11v-2.11c-1.043.417-2.086.01-2.11 0v2.11h-2.11v-2.11c-2.531-.843-5.061-3.713-5.973-6.987.882-.373 1.678-1.238 2.2-2.284l.007-.014.006-.012c.34-.793.41-1.518.071-2.069-.327-.531-.923-.719-1.503-.735a6.409 6.409 0 00-.704-.183c.749-2.421 2.466-4.751 5.149-5.922-.47-.416-.88-.701-1.234-.866-.474-.221-.794-.204-1.021-.068a.318.318 0 01-.435-.109.317.317 0 01.109-.433c.476-.286 1.036-.233 1.615.037.49.229 1.031.628 1.621 1.182A9.924 9.924 0 0112 2.568c1.199 0 2.284.19 3.256.526.59-.554 1.13-.953 1.62-1.182zM8.835 6.577a1.266 1.266 0 100 2.532 1.266 1.266 0 000-2.532zm6.33 0a1.267 1.267 0 100 2.533 1.267 1.267 0 000-2.533z\"></path><path d=\"M.395 13.118c-.966-1.932-.163-3.863 2.41-3.365v-.001l.05.01c.084.018.17.038.26.06.033.009.067.017.1.027.084.022.168.048.255.076l.09.027c.528 0 .95.158 1.16.501.212.343.212.87-.105 1.61-.085.17-.178.333-.276.489l-.01.017a4.967 4.967 0 01-.62.791l-.019.02c-1.092 1.117-2.496 1.336-3.295-.262z\"></path><path d=\"M21.193 9.753c2.574-.5 3.378 1.433 2.411 3.365-.58 1.159-1.476 1.361-2.342.96l-.011-.005a2.419 2.419 0 01-.114-.056l-.019-.01a2.751 2.751 0 01-.115-.067l-.023-.014c-.035-.022-.071-.044-.106-.068l-.05-.035c-.55-.388-1.062-1.007-1.44-1.76-.276-.647-.311-1.132-.174-1.472.176-.439.636-.639 1.23-.639.032-.011.066-.02.099-.03.08-.026.16-.05.238-.072l.117-.03a5.502 5.502 0 01.3-.067z\"></path></g><defs><clipPath id=\"lobe-icons-open-claw-_R_0_\"><path d=\"M0 0h24v24H0z\"></path></clipPath></defs></svg>"
 	},
 	hermes: {
 		label: "Hermes",
@@ -2208,8 +2198,7 @@ function HarnessLogo({ type, size = 16, className }) {
 function cssUrl(url) {
 	return `url("${url.replace(/[\\"'#\n]/g, (char) => encodeURIComponent(char))}")`;
 }
-//#endregion
-//#region src/dashboard/harness-picker.tsx
+// src/dashboard/harness-picker.tsx
 /**
 * Default option list with human-readable copy. Order is curated so the
 * recommended choice (`opencode`) appears first; `cli-base` (no agent) last.
@@ -2314,8 +2303,7 @@ function HarnessPicker({ value, onChange, available, optionsOverride, label = "A
 		...rest
 	});
 }
-//#endregion
-//#region src/dashboard/use-brand-theme-sync.ts
+// src/dashboard/use-brand-theme-sync.ts
 /**
 * Keep `<html>`'s `data-theme` attribute and `.light` class in lockstep with the
 * `.dark` class.
@@ -2364,8 +2352,7 @@ function useBrandThemeSync() {
 function isPlainTheme(value) {
 	return value === null || value === "" || value === "dark" || value === "light";
 }
-//#endregion
-//#region src/dashboard/dashboard-layout.tsx
+// src/dashboard/dashboard-layout.tsx
 function MenuIcon$1({ className }) {
 	return /* @__PURE__ */ jsxs("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
@@ -2814,8 +2801,7 @@ function DashboardLayout({ defaultPanelOpen, defaultMode, labeledRail, defaultRa
 		})
 	});
 }
-//#endregion
-//#region src/dashboard/sidebar-layout.tsx
+// src/dashboard/sidebar-layout.tsx
 const HIDE_BELOW_CLASS = {
 	md: "max-md:hidden",
 	lg: "max-lg:hidden"
@@ -3180,8 +3166,7 @@ function SidebarLayout({ panelOpen, onPanelOpenChange, defaultPanelOpen, railCol
 		children: /* @__PURE__ */ jsx(SidebarLayoutInner, { ...props })
 	});
 }
-//#endregion
-//#region src/dashboard/metric-area-chart.tsx
+// src/dashboard/metric-area-chart.tsx
 const TONE_VARS = {
 	primary: "var(--brand-primary, hsl(var(--primary)))",
 	success: "var(--status-running, #22c55e)",
@@ -3327,8 +3312,7 @@ function MetricAreaChart({ points, label, formatValue, maxValue, detail, tone =
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/system-logs.tsx
+// src/dashboard/system-logs.tsx
 function SystemLogsViewer({ apiUrl, token, className }) {
 	const [logs, setLogs] = useState([]);
 	const [error, setError] = useState(null);
@@ -3442,8 +3426,7 @@ function SystemLogsViewer({ apiUrl, token, className }) {
 		})]
 	});
 }
-//#endregion
-//#region src/dashboard/usage-summary.tsx
+// src/dashboard/usage-summary.tsx
 function UsageSummary({ data, loading = false, className }) {
 	if (loading || !data) return /* @__PURE__ */ jsx("div", {
 		className: cn$1("grid grid-cols-2 gap-4 lg:grid-cols-4", className),
@@ -3483,8 +3466,7 @@ function UsageSummary({ data, loading = false, className }) {
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/git-panel.tsx
+// src/dashboard/git-panel.tsx
 function GitPanel({ status, log, loading = false, onRefresh, className }) {
 	if (loading) return /* @__PURE__ */ jsxs("div", {
 		className: cn$1("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", className),
@@ -3627,8 +3609,7 @@ function GitPanel({ status, log, loading = false, onRefresh, className }) {
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/ports-list.tsx
+// src/dashboard/ports-list.tsx
 function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, className }) {
 	const [newPort, setNewPort] = React$1.useState("");
 	const [copiedPort, setCopiedPort] = React$1.useState(null);
@@ -3795,8 +3776,7 @@ function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, clas
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/template-card.tsx
+// src/dashboard/template-card.tsx
 function TemplateCard({ template, onUseTemplate, className }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn$1("group relative flex flex-col justify-between rounded-xl border border-[var(--md3-outline-variant)] bg-surface-container p-6 transition-colors hover:border-[var(--border-accent)]", className),
@@ -3831,8 +3811,7 @@ function TemplateCard({ template, onUseTemplate, className }) {
 		})]
 	});
 }
-//#endregion
-//#region src/dashboard/process-list.tsx
+// src/dashboard/process-list.tsx
 function formatUptime(startedAt) {
 	if (!startedAt) return "-";
 	const ms = Date.now() - new Date(startedAt).getTime();
@@ -3971,8 +3950,7 @@ function ProcessList({ processes, onSpawn, onKill, loading = false, className })
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/snapshot-list.tsx
+// src/dashboard/snapshot-list.tsx
 function formatBytes(bytes) {
 	if (bytes == null || bytes < 0) return "-";
 	if (bytes === 0) return "0 B";
@@ -4158,8 +4136,7 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
 		]
 	});
 }
-//#endregion
-//#region src/dashboard/promo-banner.tsx
+// src/dashboard/promo-banner.tsx
 function PromoBanner({ title, description, buttonLabel, href, onClick, icon, disabled = false, className }) {
 	const buttonClasses = cn$1("mt-6 inline-flex items-center gap-2 rounded-md border border-white/20 bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-medium text-[var(--btn-primary-text)] transition-colors", disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-[var(--btn-primary-hover)]");
 	const buttonContent = /* @__PURE__ */ jsxs(Fragment, { children: [buttonLabel, /* @__PURE__ */ jsxs("svg", {
@@ -4215,5 +4192,4 @@ function PromoBanner({ title, description, buttonLabel, href, onClick, icon, dis
 		]
 	});
 }
-//#endregion
 export { useSidebar as $, parseInsufficientBalance as A, SidebarPanel as B, SandboxStatusPill as C, ResourceMeter as D, ResourceSnapshot as E, RailHeader as F, SidebarRailNav as G, SidebarPanelHeader as H, RailModeButton as I, SIDEBAR_PANEL_WIDTH as J, RailTooltip as K, RailSeparator as L, RailButton as M, RailExpandable as N, INSUFFICIENT_BALANCE_CODE as O, RailFlyout as P, SidebarProvider as Q, Sidebar as R, SANDBOX_STATUS as S, ActivityFeed as T, SidebarRail as U, SidebarPanelContent as V, SidebarRailFooter as W, SIDEBAR_RAIL_WIDTH as X, SIDEBAR_RAIL_LABELED_WIDTH as Y, SIDEBAR_TOTAL_WIDTH as Z, BackendSelector as _, PortsList as a, SandboxCard as b, SystemLogsViewer as c, DashboardLayout as d, HARNESS_OPTIONS as f, HarnessLogo as g, HARNESS_BRAND as h, TemplateCard as i, ProfileAvatar as j, OutOfCreditsModal as k, MetricAreaChart as l, chatCapableHarnesses as m, SnapshotList as n, GitPanel as o, HarnessPicker as p, SIDEBAR_MOBILE_WIDTH as q, ProcessList as r, UsageSummary as s, PromoBanner as t, SidebarLayout as u, SandboxTable as v, sandboxStatus as w, canAdminSandbox as x, NewSandboxCard as y, SidebarContent as z };

package/dist/dashboard.d.ts

@@ -1,4 +1,4 @@
-import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-AVDzT8Jw.js";
-import { a as canonicalModelId, i as ProviderMark, n as ModelBrandStack, o as modelBrandFor, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-B57CV8Lg.js";
-import { a as PricingPageProps, c as BillingBalance, d as BillingSubscription, f as BillingUsage, i as PricingPage, l as BillingDashboard, n as UsageChartProps, o as PricingTier, r as UsageDataPoint, s as formatPrice, t as UsageChart, u as BillingDashboardProps } from "./usage-chart-BjM8ShvX.js";
+import { $ as SandboxTable, $t as Sidebar, A as MetricChartPoint, At as SIDEBAR_TOTAL_WIDTH, B as ProductVariant, Bt as RailButton, C as UsageSummary, Ct as OutOfCreditsModal, D as SystemLogsViewerProps, Dt as SIDEBAR_PANEL_WIDTH, E as SystemLogsViewer, Et as SIDEBAR_MOBILE_WIDTH, F as SidebarLayoutProps, Ft as RailTooltipProps, G as HARNESS_OPTIONS, Gt as RailFlyout, H as HarnessBrand, Ht as RailExpandable, I as DashboardLayout, It as McpServer, J as HarnessType, Jt as RailHeaderProps, K as HarnessPicker, Kt as RailFlyoutProps, L as DashboardLayoutProps, Lt as AppearanceController, M as SidebarLayout, Mt as SidebarProviderProps, N as SidebarLayoutFlyoutItem, Nt as useSidebar, O as MetricAreaChart, Ot as SIDEBAR_RAIL_LABELED_WIDTH, P as SidebarLayoutNavItem, Pt as RailTooltip, Q as BackendSelectorProps, Qt as RailSeparatorProps, R as DashboardUser, Rt as ProfileAvatar, S as GitStatusData, St as InsufficientBalance, T as UsageSummaryProps, Tt as parseInsufficientBalance, U as HarnessLogo, Ut as RailExpandableProps, V as HARNESS_BRAND, Vt as RailButtonProps, W as HarnessLogoProps, Wt as RailExpandableSubItem, X as Backend, Xt as RailModeButtonProps, Y as chatCapableHarnesses, Yt as RailModeButton, Z as BackendSelector, Zt as RailSeparator, _ as PortsList, _t as ResourceSnapshotItem, a as PromoBanner, an as SidebarPanelHeader, at as NewSandboxCard, b as GitPanel, bt as ResourceMeterProps, c as SnapshotList, cn as SidebarProps, ct as SandboxCardData, d as ProcessList, dn as SidebarRailFooterProps, dt as TeamRole, en as SidebarContent, et as SandboxTableProps, f as ProcessListProps, fn as SidebarRailNav, ft as canAdminSandbox, g as ExposedPort, gn as ThemeMode, gt as ResourceSnapshot, h as TemplateCardProps, hn as SidebarUser, ht as ActivityItem, i as SandboxPageShellProps, in as SidebarPanelContentProps, it as sandboxStatus, j as MetricChartTone, jt as SidebarProvider, k as MetricAreaChartProps, kt as SIDEBAR_RAIL_WIDTH, l as SnapshotListProps, ln as SidebarRail, lt as SandboxCardProps, m as TemplateCardData, mn as SidebarRailProps, mt as ActivityFeedProps, n as DashboardPageHeaderProps, nn as SidebarPanel, nt as SandboxStatusPill, o as PromoBannerProps, on as SidebarPanelHeaderProps, ot as NewSandboxCardProps, p as TemplateCard, pn as SidebarRailNavProps, pt as ActivityFeed, q as HarnessPickerProps, qt as RailHeader, r as SandboxPageShell, rn as SidebarPanelContent, rt as SandboxStatusPillProps, s as SnapshotInfo, sn as SidebarPanelProps, st as SandboxCard, t as DashboardPageHeader, tn as SidebarContentProps, tt as SANDBOX_STATUS, u as ProcessInfo, un as SidebarRailFooter, ut as SandboxStatus, v as PortsListProps, vt as ResourceSnapshotProps, w as UsageSummaryData, wt as OutOfCreditsModalProps, x as GitPanelProps, xt as INSUFFICIENT_BALANCE_CODE, y as GitCommitData, yt as ResourceMeter, z as NavItem, zt as ProfileAvatarProps } from "./index-DRDtTgb0.js";
+import { a as canonicalModelId, i as ProviderMark, n as ModelBrandStack, o as modelBrandFor, r as ModelInfo, t as ModelBrandIdentity } from "./model-brand-ZwVS49Fq.js";
+import { a as PricingPageProps, c as BillingBalance, d as BillingSubscription, f as BillingUsage, i as PricingPage, l as BillingDashboard, n as UsageChartProps, o as PricingTier, r as UsageDataPoint, s as formatPrice, t as UsageChart, u as BillingDashboardProps } from "./usage-chart-BFpdkqNq.js";
 export { ActivityFeed, type ActivityFeedProps, type ActivityItem, type AppearanceController, type Backend, BackendSelector, type BackendSelectorProps, type BillingBalance, BillingDashboard, type BillingDashboardProps, type BillingSubscription, type BillingUsage, DashboardLayout, type DashboardLayoutProps, DashboardPageHeader, type DashboardPageHeaderProps, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, type HarnessBrand, HarnessLogo, type HarnessLogoProps, HarnessPicker, type HarnessPickerProps, type HarnessType, INSUFFICIENT_BALANCE_CODE, type InsufficientBalance, type McpServer, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type ModelBrandIdentity, ModelBrandStack, type ModelInfo, type NavItem, NewSandboxCard, type NewSandboxCardProps, OutOfCreditsModal, type OutOfCreditsModalProps, PortsList, type PortsListProps, PricingPage, type PricingPageProps, type PricingTier, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, PromoBanner, type PromoBannerProps, ProviderMark, RailButton, type RailButtonProps, RailExpandable, type RailExpandableProps, type RailExpandableSubItem, RailFlyout, type RailFlyoutProps, RailHeader, type RailHeaderProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, RailTooltip, type RailTooltipProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SANDBOX_STATUS, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, SandboxPageShell, type SandboxPageShellProps, type SandboxStatus, SandboxStatusPill, type SandboxStatusPillProps, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarLayout, type SidebarLayoutFlyoutItem, type SidebarLayoutNavItem, type SidebarLayoutProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, type TeamRole, TemplateCard, type TemplateCardData, type TemplateCardProps, type ThemeMode, UsageChart, type UsageChartProps, type UsageDataPoint, UsageSummary, type UsageSummaryData, type UsageSummaryProps, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };

package/dist/dashboard.js

@@ -1,4 +1,4 @@
-import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-SFakZEtu.js";
-import { i as modelBrandFor, n as ProviderMark, r as canonicalModelId, t as ModelBrandStack } from "./model-brand-BSr9on8C.js";
-import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-2IRtfx51.js";
+import { $ as useSidebar, A as parseInsufficientBalance, B as SidebarPanel, C as SandboxStatusPill, D as ResourceMeter, E as ResourceSnapshot, F as RailHeader, G as SidebarRailNav, H as SidebarPanelHeader, I as RailModeButton, J as SIDEBAR_PANEL_WIDTH, K as RailTooltip, L as RailSeparator, M as RailButton, N as RailExpandable, O as INSUFFICIENT_BALANCE_CODE, P as RailFlyout, Q as SidebarProvider, R as Sidebar, S as SANDBOX_STATUS, T as ActivityFeed, U as SidebarRail, V as SidebarPanelContent, W as SidebarRailFooter, X as SIDEBAR_RAIL_WIDTH, Y as SIDEBAR_RAIL_LABELED_WIDTH, Z as SIDEBAR_TOTAL_WIDTH, _ as BackendSelector, a as PortsList, b as SandboxCard, c as SystemLogsViewer, d as DashboardLayout, f as HARNESS_OPTIONS, g as HarnessLogo, h as HARNESS_BRAND, i as TemplateCard, j as ProfileAvatar, k as OutOfCreditsModal, l as MetricAreaChart, m as chatCapableHarnesses, n as SnapshotList, o as GitPanel, p as HarnessPicker, q as SIDEBAR_MOBILE_WIDTH, r as ProcessList, s as UsageSummary, t as PromoBanner, u as SidebarLayout, v as SandboxTable, w as sandboxStatus, x as canAdminSandbox, y as NewSandboxCard, z as SidebarContent } from "./dashboard-ClKA3opr.js";
+import { i as modelBrandFor, n as ProviderMark, r as canonicalModelId, t as ModelBrandStack } from "./model-brand-bTcMjQtB.js";
+import { a as formatPrice, i as PricingPage, n as SandboxPageShell, o as BillingDashboard, r as UsageChart, t as DashboardPageHeader } from "./page-layout-CuOpvZys.js";
 export { ActivityFeed, BackendSelector, BillingDashboard, DashboardLayout, DashboardPageHeader, GitPanel, HARNESS_BRAND, HARNESS_OPTIONS, HarnessLogo, HarnessPicker, INSUFFICIENT_BALANCE_CODE, MetricAreaChart, ModelBrandStack, NewSandboxCard, OutOfCreditsModal, PortsList, PricingPage, ProcessList, ProfileAvatar, PromoBanner, ProviderMark, RailButton, RailExpandable, RailFlyout, RailHeader, RailModeButton, RailSeparator, RailTooltip, ResourceMeter, ResourceSnapshot, SANDBOX_STATUS, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxPageShell, SandboxStatusPill, SandboxTable, Sidebar, SidebarContent, SidebarLayout, SidebarPanel, SidebarPanelContent, SidebarPanelHeader, SidebarProvider, SidebarRail, SidebarRailFooter, SidebarRailNav, SnapshotList, SystemLogsViewer, TemplateCard, UsageChart, UsageSummary, canAdminSandbox, canonicalModelId, chatCapableHarnesses, formatPrice, modelBrandFor, parseInsufficientBalance, sandboxStatus, useSidebar };

package/dist/diff-view-A0O0Z_SR.js

@@ -0,0 +1,287 @@
+import { t as cn } from "./utils-BER_bdgE.js";
+import { Button } from "@tangle-network/ui/primitives";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { File, FileDiff, getSingularPatch } from "@pierre/diffs";
+import { createTwoFilesPatch, diffLines } from "diff";
+// src/workbench/syntax.tsx
+/** The one code theme: CodeSurface and DiffView share @pierre/diffs' Shiki highlighter and these themes. */
+const CODE_THEME = {
+	dark: "github-dark",
+	light: "github-light"
+};
+const CODE_FONT_FAMILY = "var(--font-mono, \"Geist Mono\", \"JetBrains Mono\", ui-monospace, monospace)";
+const CONTAINER_TAG = "diffs-container";
+/** Follow the host's Brand theme (`data-theme` or the `light` class on <html>) unless the caller fixes one. */
+function useHostThemeType(explicit) {
+	const read = () => {
+		if (typeof document === "undefined") return "dark";
+		const root = document.documentElement;
+		return root.getAttribute("data-theme") === "light" || root.classList.contains("light") ? "light" : "dark";
+	};
+	const [host, setHost] = React$1.useState(read);
+	React$1.useEffect(() => {
+		if (explicit) return;
+		setHost(read());
+		const observer = new MutationObserver(() => setHost(read()));
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class", "data-theme"]
+		});
+		return () => observer.disconnect();
+	}, [explicit]);
+	return explicit ?? host;
+}
+/**
+* Read-only code renderer on @pierre/diffs' `File`, the same Shiki highlighter and theme as DiffView. A new
+* custom element per render survives StrictMode remounts; the surrounding element owns scrolling.
+*/
+function CodeSurface({ code, filename, language, showLineNumbers = true, wrap = false, line, themeType, className }) {
+	const theme = useHostThemeType(themeType);
+	const hostRef = React$1.useRef(null);
+	const instanceRef = React$1.useRef(null);
+	const containerRef = React$1.useRef(null);
+	const latestTheme = React$1.useRef(theme);
+	const appliedTheme = React$1.useRef(theme);
+	const pendingLine = React$1.useRef(line);
+	React$1.useLayoutEffect(() => {
+		latestTheme.current = theme;
+	}, [theme]);
+	const reveal = React$1.useCallback(() => {
+		const target = pendingLine.current;
+		const element = target ? containerRef.current?.shadowRoot?.querySelector(`[data-line="${target}"]`) : null;
+		if (!target || !element) return;
+		pendingLine.current = void 0;
+		instanceRef.current?.setSelectedLines({
+			start: target,
+			end: target
+		});
+		element.scrollIntoView({ block: "center" });
+	}, []);
+	React$1.useLayoutEffect(() => {
+		const host = hostRef.current;
+		if (host == null) return;
+		const container = document.createElement(CONTAINER_TAG);
+		container.style.setProperty("--diffs-font-family", CODE_FONT_FAMILY);
+		container.style.display = "block";
+		container.style.minWidth = "0";
+		container.style.maxWidth = "100%";
+		host.appendChild(container);
+		containerRef.current = container;
+		const instance = new File({
+			theme: CODE_THEME,
+			themeType: latestTheme.current,
+			overflow: wrap ? "wrap" : "scroll",
+			disableFileHeader: true,
+			disableLineNumbers: !showLineNumbers,
+			onPostRender: () => reveal()
+		});
+		instanceRef.current = instance;
+		appliedTheme.current = latestTheme.current;
+		instance.render({
+			file: {
+				name: filename,
+				contents: code,
+				...language ? { lang: language } : {}
+			},
+			fileContainer: container
+		});
+		return () => {
+			if (instanceRef.current === instance) instanceRef.current = null;
+			instance.cleanUp();
+			container.remove();
+		};
+	}, [
+		code,
+		filename,
+		language,
+		showLineNumbers,
+		wrap,
+		reveal
+	]);
+	React$1.useLayoutEffect(() => {
+		if (appliedTheme.current === theme) return;
+		instanceRef.current?.setThemeType(theme);
+		appliedTheme.current = theme;
+	}, [theme]);
+	React$1.useLayoutEffect(() => {
+		pendingLine.current = line;
+		reveal();
+	}, [line, reveal]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: hostRef,
+		"data-code-surface": "",
+		role: "region",
+		"aria-label": filename,
+		tabIndex: 0,
+		className,
+		style: {
+			height: "100%",
+			minWidth: 0,
+			overflow: "auto",
+			fontSize: "var(--code-font-size, 0.8125rem)"
+		}
+	});
+}
+// src/workbench/diff-utils.ts
+/**
+* Count added / removed lines between two file revisions.
+*
+* Ported from blueprint-agent's `computeDiffStats`: normalize CRLF, short-
+* circuit on equality, then `diffLines` with `ignoreWhitespace` so pure
+* reindentation does not inflate the counts. `newlineIsToken:false` keeps a
+* line (not its trailing newline) as the unit, matching the +/- a reader
+* counts by eye.
+*/
+function computeDiffStats(original, current) {
+	if (original === current) return {
+		added: 0,
+		removed: 0
+	};
+	const a = original.replace(/\r\n/g, "\n");
+	const b = current.replace(/\r\n/g, "\n");
+	if (a === b) return {
+		added: 0,
+		removed: 0
+	};
+	const changes = diffLines(a, b, {
+		newlineIsToken: false,
+		ignoreWhitespace: true
+	});
+	let added = 0;
+	let removed = 0;
+	for (const part of changes) {
+		if (!part.added && !part.removed) continue;
+		const count = part.count ?? part.value.split("\n").length;
+		if (part.added) added += count;
+		else if (part.removed) removed += count;
+	}
+	return {
+		added,
+		removed
+	};
+}
+/**
+* Build a single-file unified patch (baseline → current) for `@pierre/diffs`'
+* `PatchDiff`. `context: Infinity` would print the whole file; the default
+* 4-line context keeps hunks compact while preserving locality. Equal inputs
+* yield an empty string so callers can treat "" as "no diff".
+*/
+function buildUnifiedPatch(filename, baseline, current) {
+	if (baseline === current) return "";
+	return createTwoFilesPatch(filename, filename, baseline, current, "", "");
+}
+// src/workbench/diff-view.tsx
+const DIFF_OPTIONS = {
+	diffStyle: "unified",
+	diffIndicators: "classic",
+	lineDiffType: "word",
+	hunkSeparators: "simple",
+	expandUnchanged: false,
+	theme: CODE_THEME,
+	stickyHeader: true
+};
+const DIFF_CONTAINER_TAG = "diffs-container";
+/**
+* Keep the maintained renderer for hunking, word diffs and highlighting. A new
+* custom element per effect survives StrictMode remounts without hydrating stale
+* shadow content. Wrapping is a renderer option, not a CSS patch into its shadow
+* root; the plain patch disclosure is the accessible, engine-independent view.
+*/
+function DiffView({ filename, baseline, current, showFileHeader = true, defaultWrap = true, themeType = "dark", className }) {
+	const patch = React$1.useMemo(() => buildUnifiedPatch(filename, baseline, current), [
+		filename,
+		baseline,
+		current
+	]);
+	const [wrap, setWrap] = React$1.useState(defaultWrap);
+	const hostRef = React$1.useRef(null);
+	const instanceRef = React$1.useRef(null);
+	const latestThemeType = React$1.useRef(themeType);
+	const appliedThemeType = React$1.useRef(themeType);
+	React$1.useLayoutEffect(() => {
+		latestThemeType.current = themeType;
+	}, [themeType]);
+	React$1.useLayoutEffect(() => {
+		const host = hostRef.current;
+		if (host == null || !patch) return;
+		const container = document.createElement(DIFF_CONTAINER_TAG);
+		container.style.setProperty("--diffs-font-family", CODE_FONT_FAMILY);
+		container.style.display = "block";
+		container.style.minWidth = "0";
+		container.style.maxWidth = "100%";
+		host.appendChild(container);
+		const instance = new FileDiff({
+			...DIFF_OPTIONS,
+			themeType: latestThemeType.current,
+			overflow: wrap ? "wrap" : "scroll",
+			disableFileHeader: !showFileHeader
+		}, void 0);
+		instanceRef.current = instance;
+		appliedThemeType.current = latestThemeType.current;
+		instance.hydrate({
+			fileDiff: getSingularPatch(patch),
+			fileContainer: container
+		});
+		return () => {
+			if (instanceRef.current === instance) instanceRef.current = null;
+			instance.cleanUp();
+			container.remove();
+		};
+	}, [
+		patch,
+		showFileHeader,
+		wrap
+	]);
+	React$1.useLayoutEffect(() => {
+		if (appliedThemeType.current === themeType) return;
+		instanceRef.current?.setThemeType(themeType);
+		appliedThemeType.current = themeType;
+	}, [themeType]);
+	if (!patch) return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-full min-w-0 items-center justify-center bg-surface-container", className),
+		children: /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-muted-foreground",
+			children: "No changes — baseline and working copy are identical."
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex h-full min-h-0 min-w-0 max-w-full flex-col overflow-hidden bg-surface-container", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex shrink-0 flex-wrap items-center gap-2 border-b border-border px-3 py-2",
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					"aria-pressed": wrap,
+					onClick: () => setWrap((value) => !value),
+					children: "Wrap lines"
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				ref: hostRef,
+				"data-testid": "diff-view",
+				role: "region",
+				"aria-label": `Diff for ${filename}`,
+				tabIndex: 0,
+				className: "min-h-0 min-w-0 max-w-full flex-1 overflow-auto text-[13px]"
+			}),
+			/* @__PURE__ */ jsxs("details", {
+				className: "max-h-[40%] shrink-0 overflow-auto border-t border-border",
+				children: [/* @__PURE__ */ jsx("summary", {
+					className: "cursor-pointer px-3 py-2 text-sm",
+					children: "Read plain-text diff"
+				}), /* @__PURE__ */ jsx("pre", {
+					role: "region",
+					tabIndex: 0,
+					"aria-label": `Plain-text diff for ${filename}`,
+					className: "m-0 whitespace-pre-wrap p-3 font-mono text-xs leading-relaxed",
+					style: { overflowWrap: "anywhere" },
+					children: patch
+				})]
+			})
+		]
+	});
+}
+export { CodeSurface as a, CODE_THEME as i, buildUnifiedPatch as n, computeDiffStats as r, DiffView as t };

package/dist/diff-view-DDHWtR6X.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+interface DiffViewProps {
+  filename: string;
+  baseline: string;
+  current: string;
+  /** Hide when the surrounding PanelHeader already identifies the file. */
+  showFileHeader?: boolean;
+  /** Start wrapped so narrow review panes never conceal the end of a line. */
+  defaultWrap?: boolean;
+  /** Match the host app's selected theme. Defaults to dark for existing consumers. */
+  themeType?: "light" | "dark";
+  className?: string;
+}
+/**
+ * Keep the maintained renderer for hunking, word diffs and highlighting. A new
+ * custom element per effect survives StrictMode remounts without hydrating stale
+ * shadow content. Wrapping is a renderer option, not a CSS patch into its shadow
+ * root; the plain patch disclosure is the accessible, engine-independent view.
+ */
+declare function DiffView({ filename, baseline, current, showFileHeader, defaultWrap, themeType, className }: DiffViewProps): React$1.JSX.Element;
+export { DiffViewProps as n, DiffView as t };

package/dist/editor.js

@@ -1,2 +1 @@
-import { CollaboratorsList, DocumentEditorPane, EditorProvider, EditorToolbar, TiptapEditor, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useEditorContext, useYjsState } from "@tangle-network/ui/editor";
-export { CollaboratorsList, DocumentEditorPane, EditorProvider, EditorToolbar, TiptapEditor, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useEditorContext, useYjsState };
+export { CollaboratorsList, DocumentEditorPane, EditorProvider, EditorToolbar, TiptapEditor, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useEditorContext, useYjsState } from "@tangle-network/ui/editor";