@tangle-network/sandbox-ui 0.115.4 → 0.115.5

package/README.md

@@ -72,7 +72,7 @@ Pass `allowedOrigins` from product policy or the enforcing service, independent
 The host must authorize access before it returns the URL.
 The component shows starting and unavailable states without mounting a frame.
 Its ready view uses the same URL validation and iframe isolation as `PreviewView`.
-The compact header provides Reload and Open in new tab.
+The compact header uses the shared 56px workspace pane row and provides Reload and Open in new tab.
 Place product actions in `toolbarActions` to share that header without a second toolbar.
 Pass service-observed `readiness` and enforced `access` to show their status inside the pane.
 Show process and port state beside the pane if your runtime exposes those separately.

package/dist/{embedded-app-view-BhYPICbH.js → embedded-app-view-CKcmKyum.js}

@@ -1,4 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
+import { t as WorkspacePaneHeader } from "./workspace-pane-header-C5e7sPaS.js";
 import { Button } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
@@ -168,11 +169,11 @@ function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness,
 						})
 					})
 				]
-			}) : /* @__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",
+			}) : /* @__PURE__ */ jsxs(WorkspacePaneHeader, {
+				className: "min-w-0 gap-2 overflow-x-auto",
 				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"),
+						className: "min-w-16 flex-1 truncate text-sm font-medium text-foreground",
 						children: title
 					}),
 					toolbarActions && /* @__PURE__ */ jsx("div", {
@@ -186,7 +187,7 @@ function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness,
 						onClick: reload,
 						disabled: !activeUrl,
 						"aria-label": `Reload ${title}`,
-						className: toolbarActions ? "ml-auto sm:ml-0" : void 0,
+						className: "shrink-0",
 						children: /* @__PURE__ */ jsx(RotateCw, {
 							"aria-hidden": "true",
 							className: "size-4"
@@ -197,6 +198,7 @@ function PreviewView({ url, allowedOrigins, access, readiness, onCheckReadiness,
 						type: "button",
 						variant: "ghost",
 						size: "sm",
+						className: "shrink-0",
 						children: /* @__PURE__ */ jsx("a", {
 							href: activeUrl,
 							target: "_blank",

package/dist/globals.css

@@ -1472,6 +1472,9 @@
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
+  .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
@@ -1538,9 +1541,6 @@
   .basis-1\/3 {
     flex-basis: calc(1 / 3 * 100%);
   }
-  .basis-full {
-    flex-basis: 100%;
-  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -4816,9 +4816,6 @@
     .sm\:row-start-1 {
       grid-row-start: 1;
     }
-    .sm\:ml-0 {
-      margin-left: 0px;
-    }
     .sm\:grid {
       display: grid;
     }
@@ -4834,12 +4831,6 @@
     .sm\:w-auto {
       width: auto;
     }
-    .sm\:flex-1 {
-      flex: 1;
-    }
-    .sm\:basis-auto {
-      flex-basis: auto;
-    }
     .sm\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }

package/dist/index.js

@@ -1,12 +1,13 @@
-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-BijiFIC4.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-BJrUDVzc.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 { t as WorkspacePaneHeader } from "./workspace-pane-header-C5e7sPaS.js";
+import { _ 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-DoEZpkfF.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";
 import { n as canonicalModelId, r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
 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-BhYPICbH.js";
+import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CKcmKyum.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

@@ -1472,6 +1472,9 @@
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
+  .min-w-16 {
+    min-width: calc(var(--spacing) * 16);
+  }
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
@@ -1538,9 +1541,6 @@
   .basis-1\/3 {
     flex-basis: calc(1 / 3 * 100%);
   }
-  .basis-full {
-    flex-basis: 100%;
-  }
   .caption-bottom {
     caption-side: bottom;
   }
@@ -4816,9 +4816,6 @@
     .sm\:row-start-1 {
       grid-row-start: 1;
     }
-    .sm\:ml-0 {
-      margin-left: 0px;
-    }
     .sm\:grid {
       display: grid;
     }
@@ -4834,12 +4831,6 @@
     .sm\:w-auto {
       width: auto;
     }
-    .sm\:flex-1 {
-      flex: 1;
-    }
-    .sm\:basis-auto {
-      flex-basis: auto;
-    }
     .sm\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }

package/dist/workbench/embedded-app.js

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

package/dist/{workbench-BijiFIC4.js → workbench-BJrUDVzc.js}

@@ -2,7 +2,7 @@ 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-BhYPICbH.js";
+import { n as PreviewView } from "./embedded-app-view-CKcmKyum.js";
 import { Button, Skeleton, Textarea } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";

package/dist/workbench.js

@@ -1,3 +1,3 @@
-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-BijiFIC4.js";
-import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-BhYPICbH.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-BJrUDVzc.js";
+import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CKcmKyum.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/{workspace-B6AtI6ld.js → workspace-DoEZpkfF.js}

@@ -1,4 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
+import { t as WorkspacePaneHeader } from "./workspace-pane-header-C5e7sPaS.js";
 import { t as MOTION_CONTROL } from "./motion-DkyBRJb9.js";
 import { ArtifactPane, ArtifactPane as ArtifactPane$1, Badge, EmptyState, Input } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -10,18 +11,6 @@ import { FileArtifactPane, FileTree, filterFileTree } from "@tangle-network/ui/f
 import { useActiveSessions, useNavbarSessions, useProjectActivity, useTotalRunningSessions } from "@tangle-network/ui/stores";
 import { ChatContainer } from "@tangle-network/ui/chat";
 import { OpenUIArtifactRenderer } from "@tangle-network/ui/openui";
-//#region src/workspace/workspace-pane-header.tsx
-/**
-* The shared 56px header row for top-level workspace panes and drawers.
-* Bottom runtime panels intentionally use their own compact header.
-*/
-function WorkspacePaneHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn$1("flex h-14 shrink-0 items-center border-b border-[var(--md3-outline-variant)] bg-surface-container-high px-3", className),
-		...props
-	});
-}
-//#endregion
 //#region src/workspace/workspace-layout.tsx
 /**
 * WorkspaceLayout — reusable sandbox shell with desktop resizable panels and
@@ -2507,4 +2496,4 @@ function ApprovalQueue({ items, className, onApprove, onReject, renderItemDetail
 	});
 }
 //#endregion
-export { WorkspacePaneHeader as S, TerminalPanel as _, AuditResults as a, DirectoryPane as b, SessionActivityMonitor as c, SessionSidebar as d, SESSION_CREATED_EVENT as f, RuntimePane as g, formatRelativeAge as h, TaskBoard as i, createShellShouldRevalidate as l, useOptimisticSessionItems as m, ApprovalQueue as n, AgentWorkbench as o, dispatchSessionCreated as p, CalendarView as r, SandboxWorkbench as s, ArtifactPane$1 as t, shellShouldRevalidate as u, StatusBar as v, WorkspaceLayout as x, StatusBanner as y };
+export { TerminalPanel as _, AuditResults as a, DirectoryPane as b, SessionActivityMonitor as c, SessionSidebar as d, SESSION_CREATED_EVENT as f, RuntimePane as g, formatRelativeAge as h, TaskBoard as i, createShellShouldRevalidate as l, useOptimisticSessionItems as m, ApprovalQueue as n, AgentWorkbench as o, dispatchSessionCreated as p, CalendarView as r, SandboxWorkbench as s, ArtifactPane$1 as t, shellShouldRevalidate as u, StatusBar as v, WorkspaceLayout as x, StatusBanner as y };

package/dist/workspace-pane-header-C5e7sPaS.js

@@ -0,0 +1,15 @@
+import { t as cn } from "./utils-DzWbktWG.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/workspace/workspace-pane-header.tsx
+/**
+* The shared 56px header row for top-level workspace panes and drawers.
+* Bottom runtime panels intentionally use their own compact header.
+*/
+function WorkspacePaneHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-14 shrink-0 items-center border-b border-[var(--md3-outline-variant)] bg-surface-container-high px-3", className),
+		...props
+	});
+}
+//#endregion
+export { WorkspacePaneHeader as t };

package/dist/workspace.js

@@ -1,2 +1,3 @@
-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 { t as WorkspacePaneHeader } from "./workspace-pane-header-C5e7sPaS.js";
+import { _ 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-DoEZpkfF.js";
 export { AgentWorkbench, ApprovalQueue, ArtifactPane, AuditResults, CalendarView, DirectoryPane, RuntimePane, SESSION_CREATED_EVENT, SandboxWorkbench, SessionActivityMonitor, SessionSidebar, StatusBanner, StatusBar, TaskBoard, TerminalPanel, WorkspaceLayout, WorkspacePaneHeader, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.115.4",
+  "version": "0.115.5",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",