@tangle-network/sandbox-ui 0.116.0 → 0.116.1

package/README.md

@@ -212,7 +212,12 @@ const partMap: Record<string, SessionPart[]> = {};
 
 ### The three-pane shell
 
-For a chats rail · transcript + composer · artifacts layout, hand `SandboxWorkbench` a `SessionSidebar` as its `rail`, your composer as `composer`, and `centerHeader={null}` for the quiet center. `WorkspaceLayout` owns the pane sizes and, when you pass `layout.leftOpen` / `layout.onLeftOpenChange`, the open state too.
+For a chats rail · transcript + composer · artifacts layout, hand `SandboxWorkbench` a `SessionSidebar` as its `rail` and your composer as `composer`.
+The default places the session title and status in the transcript pane header without a second shell row.
+Use `centerHeader={null}` when the transcript should have no pane frame either.
+`WorkspaceLayout` leaves its center row out until a caller supplies `centerHeader`.
+Closed panes get compact edge controls with reserved space beside the transcript.
+It owns pane sizes and, when you pass `layout.leftOpen` / `layout.onLeftOpenChange`, the open state too.
 
 ```tsx
 const [chatsOpen, setChatsOpen] = useState(true);

package/dist/globals.css

@@ -1319,6 +1319,9 @@
   .max-w-\[14rem\] {
     max-width: 14rem;
   }
+  .max-w-\[35\%\] {
+    max-width: 35%;
+  }
   .max-w-\[45\%\] {
     max-width: 45%;
   }
@@ -2912,9 +2915,6 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
-  .py-3\.5 {
-    padding-block: calc(var(--spacing) * 3.5);
-  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -3146,9 +3146,6 @@
   .text-\[15px\] {
     font-size: 15px;
   }
-  .text-\[17px\] {
-    font-size: 17px;
-  }
   .text-\[calc\(var\(--font-size-xs\)-1px\)\] {
     font-size: calc(var(--font-size-xs) - 1px);
   }
@@ -3265,10 +3262,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-\[0\.01em\] {
-    --tw-tracking: 0.01em;
-    letter-spacing: 0.01em;
-  }
   .tracking-\[0\.1em\] {
     --tw-tracking: 0.1em;
     letter-spacing: 0.1em;
@@ -3297,10 +3290,6 @@
     --tw-tracking: 0.16em;
     letter-spacing: 0.16em;
   }
-  .tracking-\[0\.18em\] {
-    --tw-tracking: 0.18em;
-    letter-spacing: 0.18em;
-  }
   .tracking-\[var\(--tracking-snug\,-0\.01em\)\] {
     --tw-tracking: var(--tracking-snug,-0.01em);
     letter-spacing: var(--tracking-snug,-0.01em);

package/dist/{index-D8XVXO94.d.ts → index-iDiLnSoo.d.ts}

@@ -96,10 +96,9 @@ interface WorkspaceLayoutProps {
   /** Extra classes for the right pane's scrolling content wrapper. */
   rightContentClassName?: string;
   /**
-   * `always` (default) keeps the center header row whenever a side or bottom
-   * pane exists, so pane headers line up across the shell even while the row
-   * is empty. `auto` renders the row only while it has content: a
-   * `centerHeader`, or an open-pane toggle for a closed pane.
+   * `auto` (default) reserves the center row only for `centerHeader`.
+   * Closed panes get narrow edge controls beside the content instead of a
+   * full-width row. `always` aligns every pane to the 56px header row.
    */
   centerHeaderVisibility?: "always" | "auto";
   className?: string;
@@ -562,11 +561,10 @@ interface SandboxWorkbenchProps {
   subtitle?: ReactNode;
   status?: ReactNode;
   /**
-   * Header above the transcript. `undefined` keeps the branded session card
-   * (`Tangle Sandbox` / `title` / `status`), a node replaces it, and `null`
-   * removes it: the transcript then renders directly on `bg-background` with no
-   * eyebrow/title frame around it, and the shell's center header row appears
-   * only while it holds an open-pane toggle.
+   * Optional header above the transcript. By default, `title`, `subtitle`,
+   * and `status` live in the transcript pane's own header, with no separate
+   * shell row. A node adds a distinct shell header. `null` removes the pane
+   * frame too and renders the transcript directly on `bg-background`.
    */
   centerHeader?: ReactNode | null;
   /**

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { t as Session } from "./sidecar-DgH_vQ6m.js";
 import { d as useSessionStream, l as UseSessionStreamOptions, n as UseSidecarAuthOptions, o as SessionDegradation, r as useSidecarAuth, s as SessionInfo, t as SidecarAuth, u as UseSessionStreamResult } from "./use-sidecar-auth-CCTJcrq7.js";
 import { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AuthUser, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SandboxMetrics, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SidecarMetricsPayload, TaskStreamEvent, TerminalStreamEvent, UseAuthOptions, UseAuthResult, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSandboxMetricsOptions, UseSandboxMetricsResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useLiveTime, 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-D8XVXO94.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-iDiLnSoo.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-D_G-wF6u.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";

package/dist/index.js

@@ -1,7 +1,7 @@
 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-DJlOqodW.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 { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.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-CT4aDUE5.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-Pq-koOTW.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-CqyJQc7V.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";

package/dist/styles.css

@@ -1319,6 +1319,9 @@
   .max-w-\[14rem\] {
     max-width: 14rem;
   }
+  .max-w-\[35\%\] {
+    max-width: 35%;
+  }
   .max-w-\[45\%\] {
     max-width: 45%;
   }
@@ -2912,9 +2915,6 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
-  .py-3\.5 {
-    padding-block: calc(var(--spacing) * 3.5);
-  }
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -3146,9 +3146,6 @@
   .text-\[15px\] {
     font-size: 15px;
   }
-  .text-\[17px\] {
-    font-size: 17px;
-  }
   .text-\[calc\(var\(--font-size-xs\)-1px\)\] {
     font-size: calc(var(--font-size-xs) - 1px);
   }
@@ -3265,10 +3262,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-\[0\.01em\] {
-    --tw-tracking: 0.01em;
-    letter-spacing: 0.01em;
-  }
   .tracking-\[0\.1em\] {
     --tw-tracking: 0.1em;
     letter-spacing: 0.1em;
@@ -3297,10 +3290,6 @@
     --tw-tracking: 0.16em;
     letter-spacing: 0.16em;
   }
-  .tracking-\[0\.18em\] {
-    --tw-tracking: 0.18em;
-    letter-spacing: 0.18em;
-  }
   .tracking-\[var\(--tracking-snug\,-0\.01em\)\] {
     --tw-tracking: var(--tracking-snug,-0.01em);
     letter-spacing: var(--tracking-snug,-0.01em);

package/dist/{workspace-CT4aDUE5.js → workspace-Pq-koOTW.js}

@@ -1,11 +1,12 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
 import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.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 { ArtifactPane, ArtifactPane as ArtifactPane$1, EmptyState, Input } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { focusField, focusRing, focusRingInset } from "@tangle-network/ui/utils";
 import { Markdown } from "@tangle-network/ui/markdown";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Activity, AlertCircle, AlertTriangle, ArrowLeft, Binary, Bot, Boxes, CheckCircle, ChevronDown, ChevronRight, ChevronUp, FileCode2, FileText, FolderTree, LayoutPanelTop, Loader2, LoaderCircle, MessageSquareText, PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, Plus, RefreshCw, Search, Settings, Shield, ShieldCheck, Sparkles, Terminal, TerminalSquare, Upload, Wifi, X, XCircle, Zap } from "lucide-react";
 import { FileArtifactPane, FileTree, filterFileTree } from "@tangle-network/ui/files";
 import { useActiveSessions, useNavbarSessions, useProjectActivity, useTotalRunningSessions } from "@tangle-network/ui/stores";
@@ -130,42 +131,55 @@ function HorizontalResizeHandle({ label, onDragStart, onStep, className }) {
 		})]
 	});
 }
-function MobileDrawer({ side, title, header, onClose, children }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "fixed inset-0 z-50 flex lg:hidden",
-		"aria-modal": "true",
-		role: "dialog",
-		"aria-label": title,
-		children: [/* @__PURE__ */ jsx("button", {
-			type: "button",
-			"aria-label": `Close ${title}`,
-			onClick: onClose,
-			className: "absolute inset-0 bg-black/80 backdrop-blur-sm"
-		}), /* @__PURE__ */ jsxs("aside", {
-			className: cn$1("relative flex h-full w-[min(88vw,24rem)] flex-col border-border bg-card shadow-[0_8px_30px_rgba(0,0,0,0.18)]", side === "left" ? "border-r" : "ml-auto border-l"),
-			children: [/* @__PURE__ */ jsxs(WorkspacePaneHeader, {
-				className: "justify-between gap-3",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "min-w-0 flex-1",
-					children: header ?? /* @__PURE__ */ jsx("span", {
-						className: "text-[13px] font-medium text-foreground",
-						children: title
-					})
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-label": `Close ${title}`,
-					onClick: onClose,
-					className: `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
-					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-				})]
-			}), /* @__PURE__ */ jsx("div", {
-				className: "flex-1 overflow-auto",
-				children
-			})]
-		})]
+function MobileDrawer({ side, title, header, onClose, onReturnFocus, theme, density, children }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) onClose();
+		},
+		children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/80 backdrop-blur-sm lg:hidden" }), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			...theme ? {
+				"data-sandbox-ui": "true",
+				"data-sandbox-theme": theme
+			} : {},
+			"data-density": density,
+			onCloseAutoFocus: (event) => {
+				event.preventDefault();
+				requestAnimationFrame(onReturnFocus);
+			},
+			className: cn$1("fixed inset-y-0 z-50 flex h-full w-[min(88vw,24rem)] flex-col border-border bg-card shadow-[0_8px_30px_rgba(0,0,0,0.18)] lg:hidden", side === "left" ? "left-0 border-r" : "right-0 border-l"),
+			children: [
+				/* @__PURE__ */ jsx(DialogPrimitive.Title, {
+					className: "sr-only",
+					children: title
+				}),
+				/* @__PURE__ */ jsxs(WorkspacePaneHeader, {
+					className: "justify-between gap-3",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "min-w-0 flex-1",
+						children: header ?? /* @__PURE__ */ jsx("span", {
+							className: "text-[13px] font-medium text-foreground",
+							children: title
+						})
+					}), /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": `Close ${title}`,
+							className: `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
+							children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "min-h-0 flex-1 overflow-auto",
+					children
+				})
+			]
+		})] })
 	});
 }
-function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter, right, rightHeader, bottom, bottomHeader, defaultLeftOpen = true, defaultRightOpen = false, defaultBottomOpen = false, defaultLeftWidth = 280, defaultRightWidth = 480, defaultBottomHeight = 224, minLeftWidth = 220, maxLeftWidth = 420, minRightWidth = 320, maxRightWidth = 720, minCenterWidth = 400, minBottomHeight = 100, maxBottomHeight = 500, persistenceKey, resizable = true, theme, density = "comfortable", leftLabel = "Left workspace panel", rightLabel = "Right workspace panel", bottomLabel = "Bottom runtime panel", leftOpen: leftOpenProp, onLeftOpenChange, rightOpen: rightOpenProp, onRightOpenChange, keyboardShortcuts = false, leftCollapsedControl, leftContentClassName, rightContentClassName, centerHeaderVisibility = "always", className }) {
+function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter, right, rightHeader, bottom, bottomHeader, defaultLeftOpen = true, defaultRightOpen = false, defaultBottomOpen = false, defaultLeftWidth = 280, defaultRightWidth = 480, defaultBottomHeight = 224, minLeftWidth = 220, maxLeftWidth = 420, minRightWidth = 320, maxRightWidth = 720, minCenterWidth = 400, minBottomHeight = 100, maxBottomHeight = 500, persistenceKey, resizable = true, theme, density = "comfortable", leftLabel = "Left workspace panel", rightLabel = "Right workspace panel", bottomLabel = "Bottom runtime panel", leftOpen: leftOpenProp, onLeftOpenChange, rightOpen: rightOpenProp, onRightOpenChange, keyboardShortcuts = false, leftCollapsedControl, leftContentClassName, rightContentClassName, centerHeaderVisibility = "auto", className }) {
 	const desktop = useDesktopMediaQuery(DESKTOP_BREAKPOINT);
 	const dragStateRef = useRef(null);
 	const storedLayout = useMemo(() => persistenceKey ? readStoredLayout(persistenceKey) : null, [persistenceKey]);
@@ -189,7 +203,31 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
 	const [leftWidth, setLeftWidth] = useState(clamp(storedLayout?.leftWidth ?? defaultLeftWidth, minLeftWidth, maxLeftWidth));
 	const [rightWidth, setRightWidth] = useState(clamp(storedLayout?.rightWidth ?? defaultRightWidth, minRightWidth, maxRightWidth));
 	const [bottomHeight, setBottomHeight] = useState(clamp(storedLayout?.bottomHeight ?? defaultBottomHeight, minBottomHeight, maxBottomHeight));
-	const showCenterHeader = centerHeaderVisibility === "auto" ? Boolean(centerHeader) || hasLeft && !leftOpen || hasRight && !rightOpen || Boolean(bottom) && !bottomOpen : Boolean(centerHeader || left || right || bottom);
+	const showCenterHeader = centerHeaderVisibility === "auto" ? Boolean(centerHeader) : Boolean(centerHeader || left || right || bottom);
+	const reopenClassName = showCenterHeader ? `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}` : `flex h-10 w-8 items-center justify-center rounded-md border border-border bg-card text-muted-foreground shadow-sm transition-colors hover:bg-accent hover:text-foreground ${focusRing}`;
+	const leftReopenControl = left && !leftOpen ? leftCollapsedControl ?? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Open left panel",
+		onClick: () => setLeftOpen(true),
+		className: reopenClassName,
+		children: /* @__PURE__ */ jsx(PanelLeftOpen, { className: "h-4 w-4" })
+	}) : null;
+	const bottomReopenControl = bottom && !bottomOpen ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Open bottom panel",
+		onClick: () => setBottomOpen(true),
+		className: reopenClassName,
+		children: /* @__PURE__ */ jsx(PanelBottomOpen, { className: "h-4 w-4" })
+	}) : null;
+	const rightReopenControl = right && !rightOpen ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Open right panel",
+		onClick: () => setRightOpen(true),
+		className: reopenClassName,
+		children: /* @__PURE__ */ jsx(PanelRightOpen, { className: "h-4 w-4" })
+	}) : null;
+	const leftReopenRef = useRef(null);
+	const rightReopenRef = useRef(null);
 	useEffect(() => {
 		if (!persistenceKey || typeof window === "undefined") return;
 		const payload = {
@@ -272,6 +310,14 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
 		minRightWidth
 	]);
 	const shellRef = useRef(null);
+	const focusSideControl = (side) => {
+		const target = (side === "left" ? leftReopenRef : rightReopenRef).current?.querySelector("button, a[href], [tabindex]:not([tabindex=\"-1\"])");
+		if (target) {
+			target.focus();
+			return;
+		}
+		shellRef.current?.querySelector(`[aria-label="Collapse ${side} panel"]`)?.focus();
+	};
 	const [shellWidth, setShellWidth] = useState(null);
 	useEffect(() => {
 		const shell = shellRef.current;
@@ -365,7 +411,10 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
 							}), /* @__PURE__ */ jsx("button", {
 								type: "button",
 								"aria-label": "Collapse left panel",
-								onClick: () => setLeftOpen(false),
+								onClick: () => {
+									setLeftOpen(false);
+									requestAnimationFrame(() => focusSideControl("left"));
+								},
 								className: `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
 								children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
 							})]
@@ -384,36 +433,43 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
 							showCenterHeader && /* @__PURE__ */ jsxs(WorkspacePaneHeader, {
 								className: "gap-2",
 								children: [
-									left && !leftOpen && (leftCollapsedControl ?? /* @__PURE__ */ jsx("button", {
-										type: "button",
-										"aria-label": "Open left panel",
-										onClick: () => setLeftOpen(true),
-										className: `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
-										children: /* @__PURE__ */ jsx(PanelLeftOpen, { className: "h-4 w-4" })
-									})),
+									leftReopenControl && /* @__PURE__ */ jsx("div", {
+										ref: leftReopenRef,
+										className: "shrink-0",
+										children: leftReopenControl
+									}),
 									/* @__PURE__ */ jsx("div", {
 										className: "min-w-0 flex-1",
 										children: centerHeader
 									}),
-									bottom && !bottomOpen && /* @__PURE__ */ jsx("button", {
-										type: "button",
-										"aria-label": "Open bottom panel",
-										onClick: () => setBottomOpen(true),
-										className: `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
-										children: /* @__PURE__ */ jsx(PanelBottomOpen, { className: "h-4 w-4" })
-									}),
-									right && !rightOpen && /* @__PURE__ */ jsx("button", {
-										type: "button",
-										"aria-label": "Open right panel",
-										onClick: () => setRightOpen(true),
-										className: `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
-										children: /* @__PURE__ */ jsx(PanelRightOpen, { className: "h-4 w-4" })
+									bottomReopenControl,
+									rightReopenControl && /* @__PURE__ */ jsx("div", {
+										ref: rightReopenRef,
+										className: "shrink-0",
+										children: rightReopenControl
 									})
 								]
 							}),
-							/* @__PURE__ */ jsx("div", {
-								className: "min-h-0 flex-1 overflow-auto",
-								children: center
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex min-h-0 flex-1",
+								children: [
+									!showCenterHeader && leftReopenControl && /* @__PURE__ */ jsx("div", {
+										ref: leftReopenRef,
+										className: "shrink-0 pt-2",
+										children: leftReopenControl
+									}),
+									/* @__PURE__ */ jsx("div", {
+										className: "min-w-0 flex-1 overflow-auto",
+										children: center
+									}),
+									!showCenterHeader && (bottomReopenControl || rightReopenControl) && /* @__PURE__ */ jsxs("div", {
+										className: "flex shrink-0 flex-col gap-1 pt-2",
+										children: [bottomReopenControl, rightReopenControl && /* @__PURE__ */ jsx("div", {
+											ref: rightReopenRef,
+											children: rightReopenControl
+										})]
+									})
+								]
 							}),
 							bottom && bottomOpen && /* @__PURE__ */ jsxs(Fragment, { children: [resizable && /* @__PURE__ */ jsx(HorizontalResizeHandle, {
 								label: "Resize bottom panel",
@@ -471,7 +527,10 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
 							}), /* @__PURE__ */ jsx("button", {
 								type: "button",
 								"aria-label": "Collapse right panel",
-								onClick: () => setRightOpen(false),
+								onClick: () => {
+									setRightOpen(false);
+									requestAnimationFrame(() => focusSideControl("right"));
+								},
 								className: `rounded-[2px] p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
 								children: /* @__PURE__ */ jsx(PanelRightClose, { className: "h-4 w-4" })
 							})]
@@ -482,11 +541,14 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
 					})] })
 				]
 			}),
-			!desktop && left && leftOpen && /* @__PURE__ */ jsx(MobileDrawer, {
+			!desktop && left && leftOpen && !(right && rightOpen) && /* @__PURE__ */ jsx(MobileDrawer, {
 				side: "left",
 				title: leftLabel,
 				header: leftHeader,
 				onClose: () => setLeftOpen(false),
+				onReturnFocus: () => focusSideControl("left"),
+				theme,
+				density,
 				children: left
 			}),
 			!desktop && right && rightOpen && /* @__PURE__ */ jsx(MobileDrawer, {
@@ -494,6 +556,9 @@ function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter,
 				title: rightLabel,
 				header: rightHeader,
 				onClose: () => setRightOpen(false),
+				onReturnFocus: () => focusSideControl("right"),
+				theme,
+				density,
 				children: right
 			})
 		]
@@ -1706,7 +1771,7 @@ function renderRegion(sections, region) {
 * into a complete session surface: directory, agent timeline, artifacts, and
 * runtime in one reusable shell.
 */
-function SandboxWorkbench({ title = "Sandbox session", subtitle, status, centerHeader: centerHeaderProp, composer, rail, directory, session, artifacts: artifactsProp = [], activeArtifactId, onArtifactChange, onArtifactClose, runtime, layout, emptyArtifactState, className }) {
+function SandboxWorkbench({ title, subtitle, status, centerHeader: centerHeaderProp, composer, rail, directory, session, artifacts: artifactsProp = [], activeArtifactId, onArtifactChange, onArtifactClose, runtime, layout, emptyArtifactState, className }) {
 	const artifacts = useMemo(() => sortPinnedFirst(artifactsProp), [artifactsProp]);
 	const artifactTabsId = useId();
 	const artifactPanelId = `${artifactTabsId}-panel`;
@@ -1725,34 +1790,8 @@ function SandboxWorkbench({ title = "Sandbox session", subtitle, status, centerH
 		if (activeArtifactId === void 0) setUncontrolledArtifactId(artifactId);
 		onArtifactChange?.(artifactId);
 	};
-	const brandedHeader = /* @__PURE__ */ jsxs("div", {
-		className: "flex min-w-0 items-start justify-between gap-4 rounded-[var(--radius-xl)] border border-border bg-card px-4 py-3.5",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "min-w-0",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "text-[10px] font-semibold uppercase tracking-[0.18em] text-primary",
-					children: "Tangle Sandbox"
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "truncate text-[17px] font-semibold tracking-[0.01em] text-foreground",
-					children: title
-				}),
-				subtitle && /* @__PURE__ */ jsx("div", {
-					className: "truncate text-sm text-muted-foreground",
-					children: subtitle
-				})
-			]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex shrink-0 flex-wrap items-center justify-end gap-2",
-			children: [status, artifacts.length > 0 && /* @__PURE__ */ jsxs(Badge, {
-				variant: "outline",
-				children: [artifacts.length, " artifacts"]
-			})]
-		})]
-	});
 	const quiet = centerHeaderProp === null;
-	const centerHeader = centerHeaderProp === void 0 ? brandedHeader : centerHeaderProp ?? void 0;
+	const centerHeader = centerHeaderProp ?? void 0;
 	const { composerControls, ...chatSession } = session;
 	const transcript = /* @__PURE__ */ jsxs("div", {
 		className: cn$1("flex h-full min-h-0 flex-col", quiet && "bg-background"),
@@ -1765,15 +1804,47 @@ function SandboxWorkbench({ title = "Sandbox session", subtitle, status, centerH
 			children: [composerControls, composer]
 		})]
 	});
-	const center = quiet ? transcript : /* @__PURE__ */ jsx(ArtifactPane, {
-		eyebrow: session.eyebrow ?? "Agent Session",
-		title: session.title ?? "Execution timeline",
-		subtitle: session.subtitle,
-		meta: session.meta,
-		headerActions: session.headerActions,
-		className: "h-full",
-		contentClassName: "bg-background",
-		children: transcript
+	const paneSubtitle = subtitle ?? session.subtitle;
+	const center = quiet ? transcript : /* @__PURE__ */ jsxs("section", {
+		className: "flex h-full min-h-0 flex-col overflow-hidden bg-background text-foreground",
+		children: [/* @__PURE__ */ jsxs(WorkspacePaneHeader, {
+			className: "gap-3",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 items-center gap-2",
+					children: [session.eyebrow && /* @__PURE__ */ jsx("span", {
+						className: "max-w-[35%] shrink-0 truncate text-[10px] font-semibold uppercase tracking-wider text-muted-foreground",
+						children: session.eyebrow
+					}), /* @__PURE__ */ jsx("div", {
+						className: "min-w-0 flex-1 truncate text-[13px] font-medium text-foreground",
+						children: title ?? session.title ?? "Execution timeline"
+					})]
+				}), (paneSubtitle || session.meta || status) && /* @__PURE__ */ jsxs("div", {
+					className: "mt-0.5 flex min-w-0 items-center gap-2 overflow-hidden text-xs text-muted-foreground",
+					children: [
+						paneSubtitle && /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 truncate",
+							children: paneSubtitle
+						}),
+						session.meta && /* @__PURE__ */ jsx("span", {
+							className: "min-w-0 truncate",
+							children: session.meta
+						}),
+						status && /* @__PURE__ */ jsx("span", {
+							className: "shrink-0",
+							children: status
+						})
+					]
+				})]
+			}), session.headerActions && /* @__PURE__ */ jsx("div", {
+				className: "flex shrink-0 items-center gap-1.5",
+				children: session.headerActions
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1 overflow-auto bg-background",
+			children: transcript
+		})]
 	});
 	const artifactPanel = artifacts.length > 0 || emptyArtifactState ? /* @__PURE__ */ jsxs("section", {
 		className: "flex h-full min-h-0 flex-col bg-background",
@@ -1868,7 +1939,7 @@ function SandboxWorkbench({ title = "Sandbox session", subtitle, status, centerH
 		keyboardShortcuts: layout?.keyboardShortcuts,
 		leftCollapsedControl: layout?.leftCollapsedControl,
 		leftContentClassName: railOnly ? "py-0" : void 0,
-		centerHeaderVisibility: quiet ? "auto" : "always",
+		centerHeaderVisibility: "auto",
 		className: cn$1("p-2", className)
 	});
 }

package/dist/workspace.d.ts

@@ -1,2 +1,2 @@
-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-D8XVXO94.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-iDiLnSoo.js";
 export { AgentWorkbench, type ApprovalConfidenceStat, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArtifactPane, type ArtifactPaneProps, type AuditCheck, AuditResults, type AuditResultsProps, type BannerType, type CalendarEvent, CalendarView, type CalendarViewProps, type ContextBadge, DirectoryPane, type DirectoryPaneProps, type FormAudit, RuntimePane, type RuntimePaneProps, SESSION_CREATED_EVENT, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, SessionActivityMonitor, type SessionActivityMonitorProps, type SessionCreatedDetail, type SessionOptimisticController, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarGroupBy, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, type SessionSidebarVariant, type ShellShouldRevalidateArgs, type ShellShouldRevalidateOptions, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, TaskBoard, type TaskBoardColumn, type TaskBoardItem, type TaskBoardProps, type TerminalLine, TerminalPanel, type TerminalProps, type UseOptimisticSessionItemsOptions, WorkspaceLayout, type WorkspaceLayoutProps, WorkspacePaneHeader, type WorkspacePaneHeaderProps, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };

package/dist/workspace.js

@@ -1,3 +1,3 @@
 import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.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-CT4aDUE5.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-Pq-koOTW.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.116.0",
+  "version": "0.116.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -187,6 +187,7 @@
   "dependencies": {
     "@lobehub/icons-static-svg": "^1.95.1",
     "@pierre/diffs": "^1.5.1",
+    "@radix-ui/react-dialog": "^1.1.23",
     "@radix-ui/react-dropdown-menu": "^2.1.24",
     "@radix-ui/react-select": "^2.3.7",
     "diff": "^9.0.0",