@tangle-network/sandbox-ui 0.139.1 → 1.0.0

package/dist/{tree-data-Dmiu8aMf.js → tree-data-D57M2idS.js}

@@ -334,7 +334,7 @@ function VaultTree({ root, selectedPath, activeFolder, onSelect, onFolderToggle,
 				className: [
 					"group flex min-h-8 w-full cursor-pointer select-none items-center gap-1.5 rounded-md pr-2 text-sm transition-colors [@media(pointer:coarse)]:min-h-10",
 					"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
-					selected ? "bg-[var(--accent-surface-soft)] font-medium text-[var(--accent-text)]" : active ? "bg-muted font-medium text-foreground" : "text-foreground hover:bg-muted"
+					selected ? "bg-[var(--ix-sel-bg)] font-medium text-[var(--accent-text)]" : active ? "bg-muted font-medium text-foreground" : "text-foreground hover:bg-[var(--ix-hover-bg)]"
 				].join(" "),
 				children: [
 					/* @__PURE__ */ jsx("span", {

package/dist/vault-tree.js

@@ -1 +1 @@
-export { r as VAULT_TREE_CHILD_PAGE, i as VaultTree, t as fileTreeFromPaths, n as filterFileNodes } from "./tree-data-Dmiu8aMf.js";
+export { r as VAULT_TREE_CHILD_PAGE, i as VaultTree, t as fileTreeFromPaths, n as filterFileNodes } from "./tree-data-D57M2idS.js";

package/dist/workbench.d.ts

@@ -1,4 +1,4 @@
-import { C as ChangedFile, D as SandboxArtifactTerminal, E as SandboxArtifactPaneProps, S as ArtifactView, T as SandboxArtifact, _ as PillTabItem, a as PreviewViewProps, b as ChangesPane, c as FileBreadcrumb, d as GitStatusBadge, f as PanelHeader, g as computeDiffStats, h as buildUnifiedPatch, i as PreviewView, l as FileBreadcrumbProps, m as DiffStats, n as CodeSurface, o as CodeView, p as PanelHeaderProps, r as CodeSurfaceProps, s as CodeViewProps, t as CODE_THEME, u as DiffStatsBadge, v as PillTabs, w as ChangesPaneProps, x as SandboxArtifactPane, y as PillTabsProps } from "./index-CvtEhIpk.js";
+import { C as ChangedFile, D as SandboxArtifactTerminal, E as SandboxArtifactPaneProps, S as ArtifactView, T as SandboxArtifact, _ as PillTabItem, a as PreviewViewProps, b as ChangesPane, c as FileBreadcrumb, d as GitStatusBadge, f as PanelHeader, g as computeDiffStats, h as buildUnifiedPatch, i as PreviewView, l as FileBreadcrumbProps, m as DiffStats, n as CodeSurface, o as CodeView, p as PanelHeaderProps, r as CodeSurfaceProps, s as CodeViewProps, t as CODE_THEME, u as DiffStatsBadge, v as PillTabs, w as ChangesPaneProps, x as SandboxArtifactPane, y as PillTabsProps } from "./index-BLCi13uK.js";
 import { n as DiffViewProps, t as DiffView } from "./diff-view-DDHWtR6X.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-Ta5GI4hx.js";
 export { type ArtifactView, CODE_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats };

package/dist/{workspace-C9TH6A2O.js → workspace-Cis6jAGl.js}

@@ -1,8 +1,8 @@
 import { t as cn$1 } from "./utils-BER_bdgE.js";
 import { r as ShellHeader } from "./shell-header-CwqDzC4I.js";
 import { t as MOTION_CONTROL } from "./motion-Bn7ESHrj.js";
-import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-Dmiu8aMf.js";
-import { ArtifactPane, ArtifactPane as ArtifactPane$1, Button, EmptyState, Input, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@tangle-network/ui/primitives";
+import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-D57M2idS.js";
+import { ArtifactPane, ArtifactPane as ArtifactPane$1, Button, EmptyState, Input, SegmentedControl, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Markdown } from "@tangle-network/ui/markdown";
 import { useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
@@ -10,7 +10,7 @@ import { createPortal } from "react-dom";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { AlertCircle, AlertTriangle, ArrowLeft, Binary, Bot, Boxes, CheckCircle, ChevronDown, ChevronUp, FileCode2, FileText, FolderOpen, FolderTree, LayoutPanelTop, Loader2, Maximize2, MessageSquareText, Minimize2, PanelBottomClose, PanelBottomOpen, PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen, Plus, RefreshCw, Search, Settings, ShieldCheck, Sparkles, Terminal, TerminalSquare, Upload, Wifi, X, Zap } from "lucide-react";
 import { focusField, focusRing, focusRingInset } from "@tangle-network/ui/utils";
-import { FileArtifactPane, FileTree, filterFileTree } from "@tangle-network/ui/files";
+import { FileArtifactPane, FileTabs, FileTree, filterFileTree } from "@tangle-network/ui/files";
 import { useNavbarSessions } from "@tangle-network/ui/stores";
 import { ChatContainer } from "@tangle-network/ui/chat";
 import { OpenUIArtifactRenderer } from "@tangle-network/ui/openui";
@@ -1620,11 +1620,12 @@ function createShellShouldRevalidate(options = {}) {
 */
 const shellShouldRevalidate = createShellShouldRevalidate();
 // src/workspace/workspace-artifact-view.tsx
-/** The shared technical renderer for workspace files and generated artifacts. */
+/** The shared technical renderer for workspace files and generated artifacts. It paints no plane, so it sits on the pane that holds it. */
 function WorkspaceArtifactView({ artifact, hideTitleBlock }) {
 	switch (artifact.kind) {
 		case "file": return /* @__PURE__ */ jsx(FileArtifactPane, {
 			path: artifact.path === artifact.filename ? void 0 : artifact.path,
+			className: "bg-transparent",
 			filename: artifact.filename,
 			content: artifact.content,
 			blobUrl: artifact.blobUrl,
@@ -1642,6 +1643,7 @@ function WorkspaceArtifactView({ artifact, hideTitleBlock }) {
 		});
 		case "markdown": return /* @__PURE__ */ jsx(ArtifactPane, {
 			hideTitleBlock,
+			className: "bg-transparent",
 			eyebrow: artifact.eyebrow ?? "Document",
 			title: artifact.title,
 			subtitle: artifact.subtitle,
@@ -1659,6 +1661,7 @@ function WorkspaceArtifactView({ artifact, hideTitleBlock }) {
 		});
 		case "openui": return /* @__PURE__ */ jsx(ArtifactPane, {
 			hideTitleBlock,
+			className: "bg-transparent",
 			eyebrow: artifact.eyebrow ?? "Structured Artifact",
 			title: artifact.title,
 			subtitle: artifact.subtitle,
@@ -1673,6 +1676,7 @@ function WorkspaceArtifactView({ artifact, hideTitleBlock }) {
 		});
 		case "custom": return /* @__PURE__ */ jsx(ArtifactPane, {
 			hideTitleBlock,
+			className: "bg-transparent",
 			eyebrow: artifact.eyebrow ?? "Artifact",
 			title: artifact.title,
 			subtitle: artifact.subtitle,
@@ -2532,9 +2536,17 @@ function useSidebarWidth(key, containerWidth) {
 		reset: () => save(SIDEBAR_DEFAULT_PX)
 	};
 }
-/** Drag, arrow keys (Shift for larger steps), Home/End, or double-click to reset the sidebar width. */
+/**
+* The tree's and the open file's header rows: one height and one chrome plane (the page, a step under the card), so
+* they read as one strip with one baseline. Fields in it take the card plane, as the active tab does.
+*/
+const HEADER_ROW = "flex h-11 shrink-0 pointer-coarse:h-14 items-center bg-background shadow-[inset_0_-1px_0_hsl(var(--border))] [--field-surface:hsl(var(--card))]";
+/**
+* A 1px line below the header row with a 9px invisible hit area. Its negative margin cancels its width, so the header row stays one strip.
+* Drag, arrow keys (Shift for larger steps), Home/End, or double-click to reset the sidebar width.
+*/
 function SidebarResizer({ sidebar, label }) {
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		role: "separator",
 		"aria-orientation": "vertical",
 		"aria-label": `Resize ${label.toLowerCase()} sidebar`,
@@ -2565,11 +2577,14 @@ function SidebarResizer({ sidebar, label }) {
 			handle.addEventListener("pointermove", move);
 			handle.addEventListener("pointerup", up);
 		},
-		className: "group relative w-1.5 shrink-0 cursor-col-resize touch-none outline-none",
-		children: /* @__PURE__ */ jsx("span", {
+		className: "group relative z-10 -mr-px w-px shrink-0 cursor-col-resize touch-none outline-none",
+		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: "absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-border transition-colors group-hover:bg-primary group-focus-visible:bg-primary"
-		})
+			className: "absolute bottom-0 left-0 top-11 w-px pointer-coarse:top-14 bg-border transition-colors group-hover:bg-ring group-focus-visible:bg-ring"
+		}), /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "absolute bottom-0 -left-1 top-11 w-[9px] pointer-coarse:top-14"
+		})]
 	});
 }
 function indexNodes(nodes) {
@@ -2589,8 +2604,11 @@ function activeElementWithin(element) {
 }
 /**
 * Compact file navigation shared by workspace companions and standalone panes.
-* The tree sits in its own surface: folders start collapsed, expansion is
-* remembered under `expansionKey`, and a preview replaces the tree until Back.
+* One card holds the tree and the open file. Both columns start with a header
+* row of one height on the chrome plane, so the search field and the open-file
+* tabs share one baseline; every inset reads `--files-inset`. Folders start
+* collapsed, expansion is remembered under `expansionKey`, and in the stacked
+* layout a preview replaces the tree until Back.
 */
 function WorkspaceFilesPane({ root, paths, selectedPath, onSelect, preview, onBack, emptyState, expansionKey, search = true, label = "Files", headerActions, surface = "card", layout = "split", tabs = true, expandable = true, className, style }) {
 	const plain = surface === "plain";
@@ -2633,6 +2651,7 @@ function WorkspaceFilesPane({ root, paths, selectedPath, onSelect, preview, onBa
 	const wasPreviewRef = useRef(false);
 	const hasPreview = preview !== void 0;
 	const isEmpty = nodes.length === 0;
+	const searchable = search && !isEmpty;
 	const normalizedSelection = selectedPath?.replace(/^(\.\/|\/)+/, "").replace(/\/+$/, "");
 	const mountedRef = useRef(false);
 	const openedByReaderRef = useRef(false);
@@ -2659,7 +2678,7 @@ function WorkspaceFilesPane({ root, paths, selectedPath, onSelect, preview, onBa
 		ref: rootRef,
 		"data-workspace-files-layout": split ? "split" : "stack",
 		"data-expanded": expanded ? "" : void 0,
-		className: cn$1("flex h-full min-h-0 min-w-0", split ? "flex-row" : "flex-col", expanded && "fixed inset-0 z-50 h-auto bg-background p-2", className),
+		className: cn$1("flex h-full min-h-0 min-w-0 overflow-hidden bg-card text-card-foreground [--files-inset:0.75rem]", split ? "flex-row" : "flex-col", !plain && "rounded-[var(--radius-lg)] border border-border shadow-[var(--edge-highlight),var(--shadow-card)]", className, expanded && "fixed inset-0 z-50 h-auto max-h-none w-auto max-w-none rounded-none border-0"),
 		style: expanded ? void 0 : style,
 		children: [
 			/* @__PURE__ */ jsx("div", {
@@ -2669,77 +2688,68 @@ function WorkspaceFilesPane({ root, paths, selectedPath, onSelect, preview, onBa
 				role: "region",
 				"aria-label": "Workspace files",
 				style: split ? { width: sidebar.width } : void 0,
-				className: cn$1("flex min-h-0 flex-col", split ? "shrink-0" : "flex-1", !plain && "p-2", !split && hasPreview && "hidden"),
+				className: cn$1("flex min-h-0 flex-col outline-none", split ? "shrink-0" : "flex-1", !split && hasPreview && "hidden"),
 				children: /* @__PURE__ */ jsxs("section", {
 					"aria-labelledby": headingId,
 					"data-workspace-files-surface": surface,
-					className: cn$1("flex min-h-0 flex-1 flex-col overflow-hidden", !plain && "rounded-xl border border-border bg-card text-card-foreground shadow-sm"),
-					children: [
-						plain ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("h2", {
-							id: headingId,
-							className: "sr-only",
-							children: label
-						}), headerActions && /* @__PURE__ */ jsx("div", {
-							className: "flex shrink-0 items-center justify-end gap-1 px-3 pt-3",
-							children: headerActions
-						})] }) : /* @__PURE__ */ jsxs("div", {
-							className: "flex shrink-0 items-center gap-2 px-3 pb-2 pt-3",
-							children: [/* @__PURE__ */ jsx("h2", {
+					className: "flex min-h-0 flex-1 flex-col",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: cn$1(HEADER_ROW, "gap-2 px-[var(--files-inset)]"),
+						children: [
+							/* @__PURE__ */ jsx("h2", {
 								id: headingId,
-								className: "min-w-0 flex-1 truncate text-sm font-semibold text-foreground",
+								className: cn$1("min-w-0 flex-1 truncate text-sm font-medium text-foreground", (plain || searchable) && "sr-only"),
 								children: label
-							}), headerActions && /* @__PURE__ */ jsx("div", {
-								className: "flex shrink-0 items-center gap-1",
-								children: headerActions
-							})]
-						}),
-						search && !isEmpty && /* @__PURE__ */ jsx("div", {
-							className: cn$1("shrink-0 px-3 pb-2", plain && "pt-3"),
-							children: /* @__PURE__ */ jsx(Input, {
+							}),
+							searchable && /* @__PURE__ */ jsx(Input, {
 								type: "search",
 								size: "sm",
 								value: query,
 								onChange: (event) => setQuery(event.target.value),
 								placeholder: `Search ${label.toLowerCase()}…`,
-								"aria-label": `Search ${label.toLowerCase()}`
-							})
-						}),
-						/* @__PURE__ */ jsx("div", {
-							className: cn$1("min-h-0 flex-1 overflow-y-auto px-1.5 py-1.5", (!plain || search && !isEmpty) && "border-t border-border"),
-							children: isEmpty ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(EmptyState, {
-								icon: /* @__PURE__ */ jsx(FolderOpen, { className: "h-6 w-6" }),
-								title: "No files yet"
-							}) : visible.length === 0 ? /* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col items-center gap-3 p-6 text-center",
-								children: [/* @__PURE__ */ jsxs("p", {
-									className: "max-w-xs break-words text-xs text-muted-foreground",
-									children: [
-										"No files match “",
-										query.trim(),
-										"”."
-									]
-								}), /* @__PURE__ */ jsx(Button, {
-									type: "button",
-									variant: "outline",
-									size: "sm",
-									onClick: () => setQuery(""),
-									children: "Clear search"
-								})]
-							}) : /* @__PURE__ */ jsx(VaultTree, {
-								root: treeRoot,
-								selectedPath: normalizedSelection,
-								onSelect: (path) => {
-									if (treeRef.current) returnFocusRef.current = activeElementWithin(treeRef.current);
-									openedByReaderRef.current = true;
-									onSelect?.(path, index.get(path));
-								},
-								onFolderSelect: (path) => onSelect?.(`${path}/`, index.get(path)),
-								storageKey: expansionKey,
-								expandAll: query.trim().length > 0,
-								label
+								"aria-label": `Search ${label.toLowerCase()}`,
+								className: "min-w-0 flex-1"
+							}),
+							headerActions && /* @__PURE__ */ jsx("div", {
+								className: "ml-auto flex shrink-0 items-center gap-1",
+								children: headerActions
 							})
+						]
+					}), /* @__PURE__ */ jsx("div", {
+						className: "min-h-0 flex-1 overflow-y-auto px-[calc(var(--files-inset)_-_0.25rem)] py-2",
+						children: isEmpty ? emptyState !== void 0 ? emptyState : /* @__PURE__ */ jsx(EmptyState, {
+							icon: /* @__PURE__ */ jsx(FolderOpen, { className: "h-6 w-6" }),
+							title: "No files yet"
+						}) : visible.length === 0 ? /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col items-center gap-3 p-6 text-center",
+							children: [/* @__PURE__ */ jsxs("p", {
+								className: "max-w-xs break-words text-xs text-muted-foreground",
+								children: [
+									"No files match “",
+									query.trim(),
+									"”."
+								]
+							}), /* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								onClick: () => setQuery(""),
+								children: "Clear search"
+							})]
+						}) : /* @__PURE__ */ jsx(VaultTree, {
+							root: treeRoot,
+							selectedPath: normalizedSelection,
+							onSelect: (path) => {
+								if (treeRef.current) returnFocusRef.current = activeElementWithin(treeRef.current);
+								openedByReaderRef.current = true;
+								onSelect?.(path, index.get(path));
+							},
+							onFolderSelect: (path) => onSelect?.(`${path}/`, index.get(path)),
+							storageKey: expansionKey,
+							expandAll: query.trim().length > 0,
+							label
 						})
-					]
+					})]
 				})
 			}),
 			split && /* @__PURE__ */ jsx(SidebarResizer, {
@@ -2786,63 +2796,44 @@ function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, exp
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-h-0 min-w-0 flex-1 flex-col",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: "sticky top-0 z-10 flex min-h-10 shrink-0 items-center gap-2 border-b border-border bg-background px-2",
+			className: cn$1(HEADER_ROW, "sticky top-0 z-10 gap-2 pr-[var(--files-inset)]", !(tabs && open.length > 0) && "pl-[var(--files-inset)]", !split && "h-auto min-h-11 flex-wrap py-1.5 pointer-coarse:h-auto"),
 			children: [
 				onBack && !split && preview && /* @__PURE__ */ jsxs(Button, {
 					ref: backRef,
 					type: "button",
-					variant: "bare",
+					variant: "ghost",
+					size: "sm",
 					onClick: onBack,
-					className: "inline-flex shrink-0 items-center gap-1 rounded-md px-1 py-1 text-sm text-muted-foreground hover:text-foreground",
-					children: [/* @__PURE__ */ jsx(ArrowLeft, {
-						"aria-hidden": "true",
-						className: "h-3.5 w-3.5"
-					}), "Back to files"]
+					className: "-ml-2 shrink-0 gap-1 px-2 text-muted-foreground",
+					children: [/* @__PURE__ */ jsx(ArrowLeft, { "aria-hidden": "true" }), "Back to files"]
 				}),
-				tabs && open.length > 0 ? /* @__PURE__ */ jsx("div", {
-					role: "tablist",
-					"aria-label": "Open files",
-					className: "flex min-w-0 flex-1 items-end self-stretch overflow-x-auto",
-					children: open.map((entry) => {
-						const selected = entry === path;
-						return /* @__PURE__ */ jsxs("div", {
-							title: entry,
-							className: cn$1("group flex h-full shrink-0 items-center border-b-2 text-sm", selected ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"),
-							children: [/* @__PURE__ */ jsx("button", {
-								type: "button",
-								role: "tab",
-								"aria-selected": selected,
-								onClick: () => onOpen(entry),
-								className: "max-w-48 truncate py-2 pl-3 pr-1 outline-none focus-visible:underline",
-								children: baseName(entry)
-							}), /* @__PURE__ */ jsx("button", {
-								type: "button",
-								"aria-label": `Close ${baseName(entry)}`,
-								onClick: () => close(entry),
-								className: cn$1("mr-1 rounded p-1 hover:bg-muted", !selected && "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"),
-								children: /* @__PURE__ */ jsx(X, {
-									"aria-hidden": true,
-									className: "h-3 w-3"
-								})
-							})]
-						}, entry);
-					})
+				tabs && open.length > 0 ? /* @__PURE__ */ jsx(FileTabs, {
+					tabs: open.map((entry) => ({
+						id: entry,
+						name: baseName(entry),
+						path: entry
+					})),
+					activeId: path,
+					onSelect: onOpen,
+					onClose: close,
+					className: "h-full flex-1 px-[var(--files-inset)]"
 				}) : /* @__PURE__ */ jsx("span", {
-					className: "min-w-0 flex-1 truncate px-1 text-sm text-muted-foreground",
+					className: "min-w-0 flex-1 truncate text-sm text-foreground",
 					title: path,
-					children: path
+					children: path && baseName(path)
 				}),
-				compare && /* @__PURE__ */ jsx("div", {
-					role: "group",
+				compare && /* @__PURE__ */ jsx(SegmentedControl, {
 					"aria-label": "View",
-					className: "flex shrink-0 rounded-md border border-border p-0.5 text-xs",
-					children: ["file", "diff"].map((value) => /* @__PURE__ */ jsx("button", {
-						type: "button",
-						"aria-pressed": mode === value,
-						onClick: () => setMode(value),
-						className: cn$1("rounded px-2 py-1", mode === value ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"),
-						children: value === "file" ? "File" : `Diff vs ${compare.label}`
-					}, value))
+					value: mode,
+					onValueChange: setMode,
+					options: [{
+						value: "file",
+						label: "File"
+					}, {
+						value: "diff",
+						label: `Diff vs ${compare.label}`
+					}],
+					className: cn$1("shrink-0 p-0.5 [&>button]:py-1", !split && "order-last")
 				}),
 				preview?.actions && /* @__PURE__ */ jsx("div", {
 					className: "flex shrink-0 items-center gap-2",
@@ -2850,16 +2841,14 @@ function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, exp
 				}),
 				expand && /* @__PURE__ */ jsx(Button, {
 					type: "button",
-					variant: "bare",
+					variant: "ghost",
+					size: "icon-sm",
 					onClick: expand.toggle,
 					"aria-pressed": expand.expanded,
 					"aria-label": expand.expanded ? "Exit full screen" : "Full screen",
 					title: expand.expanded ? "Exit full screen (Esc)" : "Full screen",
-					className: "shrink-0 rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground",
-					children: /* @__PURE__ */ jsx(ExpandIcon, {
-						"aria-hidden": true,
-						className: "h-4 w-4"
-					})
+					className: "shrink-0 text-muted-foreground",
+					children: /* @__PURE__ */ jsx(ExpandIcon, { "aria-hidden": true })
 				})
 			]
 		}), preview ? /* @__PURE__ */ jsx("div", {

package/dist/workspace.d.ts

@@ -1,2 +1,2 @@
-import { $ as StatusBar, A as createShellShouldRevalidate, B as SessionSidebarVariant, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebarFilter, G as dispatchSessionCreated, H as SessionCreatedDetail, I as SessionSidebarGroupBy, J as RuntimePaneProps, K as useOptimisticSessionItems, L as SessionSidebarItem, M as formatRelativeAge, N as SessionSidebar, O as ShellShouldRevalidateArgs, P as SessionSidebarBadge, Q as ContextBadge, R as SessionSidebarLink, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SessionOptimisticController, V as SESSION_CREATED_EVENT, W as UseOptimisticSessionItemsOptions, X as TerminalPanel, Y as TerminalLine, Z as TerminalProps, _ as TaskBoardItem, _t as WorkspaceSurfaceTitle, a as WorkspaceFilesPane, at as DirectoryPaneProps, b as SandboxWorkbenchArtifact, bt as WorkspaceLayoutProps, c as ApprovalConfidenceStat, ct as ShellHeader, d as ApprovalQueueProps, dt as WorkspacePaneHeaderProps, et as StatusBarProps, f as CalendarEvent, ft as WorkspaceSurface, g as TaskBoardColumn, gt as WorkspaceSurfaceProps, h as TaskBoard, ht as WorkspaceSurfaceHeadingLevel, i as WorkspaceArtifactViewProps, it as DirectoryPane, j as shellShouldRevalidate, k as ShellShouldRevalidateOptions, l as ApprovalItem, lt as ShellHeaderProps, m as CalendarViewProps, mt as WorkspaceSurfaceFrameProps, n as ArtifactPaneProps, nt as StatusBanner, o as WorkspaceFilesPaneProps, ot as SHELL_HEADER_HEIGHT, p as CalendarView, pt as WorkspaceSurfaceFrame, q as RuntimePane, r as WorkspaceArtifactView, rt as StatusBannerProps, s as WorkspaceFilesPreview, st as SHELL_INSET_GUTTER, t as ArtifactPane, tt as BannerType, u as ApprovalQueue, ut as WorkspacePaneHeader, v as TaskBoardProps, vt as WorkspaceSurfaceTitleProps, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, yt as WorkspaceLayout, z as SessionSidebarProps } from "./index-F42BOxUM.js";
+import { $ as StatusBar, A as createShellShouldRevalidate, B as SessionSidebarVariant, C as SandboxWorkbenchLayoutOptions, D as SandboxWorkbenchSessionProps, E as SandboxWorkbenchProps, F as SessionSidebarFilter, G as dispatchSessionCreated, H as SessionCreatedDetail, I as SessionSidebarGroupBy, J as RuntimePaneProps, K as useOptimisticSessionItems, L as SessionSidebarItem, M as formatRelativeAge, N as SessionSidebar, O as ShellShouldRevalidateArgs, P as SessionSidebarBadge, Q as ContextBadge, R as SessionSidebarLink, S as SandboxWorkbenchFileArtifact, T as SandboxWorkbenchOpenUIArtifact, U as SessionOptimisticController, V as SESSION_CREATED_EVENT, W as UseOptimisticSessionItemsOptions, X as TerminalPanel, Y as TerminalLine, Z as TerminalProps, _ as TaskBoardItem, _t as WorkspaceSurfaceTitle, a as WorkspaceFilesPane, at as DirectoryPaneProps, b as SandboxWorkbenchArtifact, bt as WorkspaceLayoutProps, c as ApprovalConfidenceStat, ct as ShellHeader, d as ApprovalQueueProps, dt as WorkspacePaneHeaderProps, et as StatusBarProps, f as CalendarEvent, ft as WorkspaceSurface, g as TaskBoardColumn, gt as WorkspaceSurfaceProps, h as TaskBoard, ht as WorkspaceSurfaceHeadingLevel, i as WorkspaceArtifactViewProps, it as DirectoryPane, j as shellShouldRevalidate, k as ShellShouldRevalidateOptions, l as ApprovalItem, lt as ShellHeaderProps, m as CalendarViewProps, mt as WorkspaceSurfaceFrameProps, n as ArtifactPaneProps, nt as StatusBanner, o as WorkspaceFilesPaneProps, ot as SHELL_HEADER_HEIGHT, p as CalendarView, pt as WorkspaceSurfaceFrame, q as RuntimePane, r as WorkspaceArtifactView, rt as StatusBannerProps, s as WorkspaceFilesPreview, st as SHELL_INSET_GUTTER, t as ArtifactPane, tt as BannerType, u as ApprovalQueue, ut as WorkspacePaneHeader, v as TaskBoardProps, vt as WorkspaceSurfaceTitleProps, w as SandboxWorkbenchMarkdownArtifact, x as SandboxWorkbenchCustomArtifact, y as SandboxWorkbench, yt as WorkspaceLayout, z as SessionSidebarProps } from "./index-e2GF6seB.js";
 export { type ApprovalConfidenceStat, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, ArtifactPane, type ArtifactPaneProps, type BannerType, type CalendarEvent, CalendarView, type CalendarViewProps, type ContextBadge, DirectoryPane, type DirectoryPaneProps, RuntimePane, type RuntimePaneProps, SESSION_CREATED_EVENT, SHELL_HEADER_HEIGHT, SHELL_INSET_GUTTER, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, type SessionCreatedDetail, type SessionOptimisticController, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarGroupBy, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, type SessionSidebarVariant, ShellHeader, type ShellHeaderProps, type ShellShouldRevalidateArgs, type ShellShouldRevalidateOptions, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, TaskBoard, type TaskBoardColumn, type TaskBoardItem, type TaskBoardProps, type TerminalLine, TerminalPanel, type TerminalProps, type UseOptimisticSessionItemsOptions, WorkspaceArtifactView, type WorkspaceArtifactViewProps, WorkspaceFilesPane, type WorkspaceFilesPaneProps, type WorkspaceFilesPreview, WorkspaceLayout, type WorkspaceLayoutProps, WorkspacePaneHeader, type WorkspacePaneHeaderProps, WorkspaceSurface, WorkspaceSurfaceFrame, type WorkspaceSurfaceFrameProps, type WorkspaceSurfaceHeadingLevel, type WorkspaceSurfaceProps, WorkspaceSurfaceTitle, type WorkspaceSurfaceTitleProps, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };

package/dist/workspace.js

@@ -1,3 +1,3 @@
 import { i as WorkspacePaneHeader, n as SHELL_INSET_GUTTER, r as ShellHeader, t as SHELL_HEADER_HEIGHT } from "./shell-header-CwqDzC4I.js";
-import { C as WorkspaceSurfaceTitle, S as WorkspaceSurfaceFrame, _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, x as WorkspaceSurface, y as DirectoryPane } from "./workspace-C9TH6A2O.js";
+import { C as WorkspaceSurfaceTitle, S as WorkspaceSurfaceFrame, _ as StatusBar, a as TaskBoard, b as WorkspaceLayout, c as createShellShouldRevalidate, d as SESSION_CREATED_EVENT, f as dispatchSessionCreated, g as TerminalPanel, h as RuntimePane, i as CalendarView, l as shellShouldRevalidate, m as formatRelativeAge, n as WorkspaceFilesPane, o as SandboxWorkbench, p as useOptimisticSessionItems, r as ApprovalQueue, s as WorkspaceArtifactView, t as ArtifactPane, u as SessionSidebar, v as StatusBanner, x as WorkspaceSurface, y as DirectoryPane } from "./workspace-Cis6jAGl.js";
 export { ApprovalQueue, ArtifactPane, CalendarView, DirectoryPane, RuntimePane, SESSION_CREATED_EVENT, SHELL_HEADER_HEIGHT, SHELL_INSET_GUTTER, SandboxWorkbench, SessionSidebar, ShellHeader, StatusBanner, StatusBar, TaskBoard, TerminalPanel, WorkspaceArtifactView, WorkspaceFilesPane, WorkspaceLayout, WorkspacePaneHeader, WorkspaceSurface, WorkspaceSurfaceFrame, WorkspaceSurfaceTitle, createShellShouldRevalidate, dispatchSessionCreated, formatRelativeAge, shellShouldRevalidate, useOptimisticSessionItems };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.139.1",
+  "version": "1.0.0",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -137,9 +137,9 @@
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0 || ^5.2.0",
-    "@tangle-network/brand": "^1.27.1",
+    "@tangle-network/brand": "^1.29.0",
     "@tangle-network/charts": "^0.21.4",
-    "@tangle-network/ui": "^11.44.1",
+    "@tangle-network/ui": "^11.45.0",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -216,7 +216,7 @@
     "@radix-ui/react-dialog": "^1.3.1",
     "@radix-ui/react-dropdown-menu": "^2.2.1",
     "@radix-ui/react-select": "^2.4.1",
-    "@tangle-network/ui": "^11.44.1",
+    "@tangle-network/ui": "^11.45.0",
     "diff": "^9.0.0",
     "eventsource-parser": "4.1.2",
     "lucide-react": "^1.61.0",
@@ -236,7 +236,7 @@
     "@storybook/react-vite": "^10.6.3",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "5.7.1",
-    "@tangle-network/brand": "1.27.1",
+    "@tangle-network/brand": "1.29.0",
     "@tangle-network/charts": "^0.21.4",
     "@tanstack/react-query": "^5.104.5",
     "@testing-library/dom": "^10.4.2",

package/dist/index-BoHOpP2_.d.ts

@@ -1,2 +0,0 @@
-import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane as FileArtifactPane$1, FileArtifactPaneProps, FileCard, FileCardProps, FileDetails, FileFormat, FileList, FileListItem, FileListProps, FileNode as FileNode$1, FilePreview, FilePreviewKind, FilePreviewProps, FileTabData as FileTabData$1, FileTabs, FileTabsProps, FileTree as FileTree$1, FileTreeProps, FileTreeVisibilityOptions as FileTreeVisibilityOptions$1, FileUploader, PdfViewer, PdfViewerConfig, PdfViewerProps, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, configurePdfViewer, detectFileFormat, fileExtension, filterFileTree as filterFileTree$1, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "@tangle-network/ui/files";
-export { configurePdfViewer as A, PdfViewerConfig as C, RichFileTreeGitStatus as D, RichFileTreeGitEntry as E, getFormatLabel as F, getSyntaxLanguage as I, parseCsv as L, fileExtension as M, filterFileTree$1 as N, RichFileTreeProps as O, getCodeLanguage as P, resolveFilePreviewKind as R, PdfViewer as S, RichFileTree as T, FileTabsProps as _, FileCardProps as a, FileTreeVisibilityOptions$1 as b, FileList as c, FileNode$1 as d, FilePreview as f, FileTabs as g, FileTabData$1 as h, FileCard as i, detectFileFormat as j, RichFileTreeThemeVars as k, FileListItem as l, FilePreviewProps as m, FileArtifactPane$1 as n, FileDetails as o, FilePreviewKind as p, FileArtifactPaneProps as r, FileFormat as s, CSV_PREVIEW_ROW_LIMIT as t, FileListProps as u, FileTree$1 as v, PdfViewerProps as w, FileUploader as x, FileTreeProps as y };