@tangle-network/sandbox-ui 0.121.1 → 0.122.0

package/dist/pages.d.ts

@@ -314,16 +314,9 @@ interface SecretsPageProps {
    * edge-to-edge list that scrolls inside the available height.
    */
   variant?: "page" | "pane";
-  /**
-   * Optional hint pointing users at team-level secrets. When provided,
-   * renders a persistent informational banner below the header clarifying
-   * that personal secrets are NOT shared with teams and linking the
-   * user to their team-management page to configure shared secrets
-   * there. Omit entirely to hide the banner (e.g. in deployments
-   * without teams).
-   */
+  /** Optional navigation to team-scoped credentials, shown beside the page actions. */
   teamSecretsHint?: {
-    /** Callback fired when the user clicks the banner's CTA. */
+    /** Navigate to team-scoped credentials. */
     onNavigate: () => void;
     /** CTA label. Defaults to "Manage team secrets". */
     label?: string;

package/dist/pages.js

@@ -1,12 +1,12 @@
-import { $ as Select$1, C as DialogTitle$1, G as Input$1, Nt as Textarea$1, Y as PageHeader$1, _ as DialogContent$1, a as Badge$1, b as DialogHeader$1, ct as SelectValue$1, et as SelectContent$1, h as Dialog$1, ht as Switch, nt as SelectItem$1, o as Button$1, st as SelectTrigger$1, v as DialogDescription$1, y as DialogFooter$1 } from "./primitives-BQGtwZX3.js";
+import { $ as Select$1, C as DialogTitle$1, G as Input$1, Nt as Textarea$1, _ as DialogContent$1, a as Badge$1, b as DialogHeader$1, ct as SelectValue$1, et as SelectContent$1, h as Dialog$1, ht as Switch, nt as SelectItem$1, o as Button$1, st as SelectTrigger$1, v as DialogDescription$1, y as DialogFooter$1 } from "./primitives-C4qn9fZ8.js";
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { i as PricingPage, n as TemplateCard, o as BillingDashboard, r as UsageChart, t as InfoPanel } from "./info-panel-C9cqDzOL.js";
+import { a as PricingPage, i as UsageChart, r as TemplateCard, s as BillingDashboard, t as DashboardPageHeader } from "./page-layout-Cf90DTWr.js";
 import { Badge, Button, Card, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, EmptyState, Input, Skeleton, SkeletonCard, Tabs, TabsContent, TabsList, TabsTrigger } from "@tangle-network/ui/primitives";
 import { Logo, TangleKnot } from "@tangle-network/brand";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { useState } from "react";
-import { AlertCircle, ArrowLeft, ArrowRight, Check, CheckCircle, ChevronDown, ChevronRight, ChevronUp, Clock, Copy, Cpu, Edit2, Eye, EyeOff, GripVertical, Info, Key, Layers, Loader2, Lock, MemoryStick, Pencil, Play, Plus, Power, PowerOff, Search, Settings, Settings2, Shield, Terminal, Trash2, Upload, Users } from "lucide-react";
+import { AlertCircle, ArrowLeft, Check, CheckCircle, ChevronDown, ChevronRight, ChevronUp, Clock, Copy, Cpu, Edit2, Eye, EyeOff, GripVertical, Info, Key, Layers, Loader2, Lock, MemoryStick, Pencil, Plus, Power, PowerOff, Search, Settings, Settings2, Terminal, Trash2, Upload } from "lucide-react";
 import { focusField, focusRing } from "@tangle-network/ui/utils";
 //#region src/pages/auth-page.tsx
 const C = {
@@ -339,7 +339,7 @@ async function fetchBillingDataFromApi(apiBasePath) {
 }
 function BillingPageSkeleton({ variant: _variant = "sandbox" }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-8",
+		className: "w-full min-w-0 space-y-5",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "grid gap-6 lg:grid-cols-3",
 			children: [
@@ -500,13 +500,13 @@ function BillingPage({ variant = "sandbox", initialData, apiBasePath = "", onMan
 	});
 	const data = state.data || defaultBillingData;
 	return /* @__PURE__ */ jsx("div", {
-		className: "space-y-8",
+		className: "w-full min-w-0 space-y-5",
 		children: /* @__PURE__ */ jsxs(Tabs, {
 			defaultValue: "overview",
 			className: "w-full",
 			children: [
 				/* @__PURE__ */ jsxs(TabsList, {
-					className: "mb-6",
+					className: "mb-5 h-auto gap-1 rounded-xl border border-border bg-surface-container p-1.5 [&_[role=tab]]:min-h-11 [&_[role=tab]]:px-4 [&_[role=tab]]:text-sm [&_[role=tab][data-state=active]]:bg-[var(--accent-surface-strong)] [&_[role=tab][data-state=active]]:text-[var(--accent-text)] [&_[role=tab][data-state=active]]:shadow-sm",
 					children: [
 						/* @__PURE__ */ jsx(TabsTrigger, {
 							value: "overview",
@@ -553,32 +553,25 @@ function BillingPage({ variant = "sandbox", initialData, apiBasePath = "", onMan
 						title: "Credit Usage History",
 						unit: "credits"
 					}) : /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col items-center justify-center rounded-xl border border-[var(--md3-outline-variant)] bg-surface-container p-12 text-center",
-						children: [
-							/* @__PURE__ */ jsxs("svg", {
-								xmlns: "http://www.w3.org/2000/svg",
-								viewBox: "0 0 24 24",
-								fill: "none",
-								stroke: "currentColor",
-								strokeWidth: "2",
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								className: "mb-4 h-12 w-12 text-muted-foreground",
-								children: [
-									/* @__PURE__ */ jsx("title", { children: "No usage data icon" }),
-									/* @__PURE__ */ jsx("path", { d: "M3 3v18h18" }),
-									/* @__PURE__ */ jsx("path", { d: "m19 9-5 5-4-4-3 3" })
-								]
-							}),
-							/* @__PURE__ */ jsx("h3", {
-								className: "font-semibold text-lg",
-								children: "No usage data yet"
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground text-sm",
-								children: "Start using credits to see your usage history here."
-							})
-						]
+						className: "flex flex-col items-center justify-center rounded-xl border border-border bg-surface-container p-8 text-center",
+						children: [/* @__PURE__ */ jsxs("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							className: "mb-4 h-12 w-12 text-muted-foreground",
+							children: [
+								/* @__PURE__ */ jsx("title", { children: "No usage data icon" }),
+								/* @__PURE__ */ jsx("path", { d: "M3 3v18h18" }),
+								/* @__PURE__ */ jsx("path", { d: "m19 9-5 5-4-4-3 3" })
+							]
+						}), /* @__PURE__ */ jsx("h3", {
+							className: "font-semibold text-lg",
+							children: "No usage data yet"
+						})]
 					})
 				})
 			]
@@ -2698,7 +2691,7 @@ function parseEnvText(text) {
 //#region src/pages/secrets-page.tsx
 /** Cap pasted/uploaded import sources so a pathological file cannot blow up the parser/UI. */
 const MAX_IMPORT_FILE_BYTES = 262144;
-const DEFAULT_DESCRIPTION = "Secrets are securely stored and automatically exposed as environment variables across all your sandboxes.";
+const DEFAULT_DESCRIPTION = "Manage environment variables for your sandboxes.";
 const DEFAULT_CREATE_DESCRIPTION = "Secrets are automatically exposed as environment variables across all your new sandboxes.";
 const DEFAULT_EMPTY_DESCRIPTION = "Create a secret to inject into your sandboxes.";
 const DEFAULT_DELETE_CONSEQUENCE = "Sandboxes using this secret will lose access to it.";
@@ -2916,25 +2909,34 @@ function SecretsPage({ apiClient, className, teamSecretsHint, title = "Environme
 			return dateStr;
 		}
 	};
-	const actions = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
-		type: "button",
-		onClick: () => setIsImportOpen(true),
-		className: "inline-flex items-center gap-1.5 whitespace-nowrap rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2 text-sm font-semibold text-foreground transition-colors hover:bg-surface-container-high active:scale-[0.97] sm:gap-2",
-		children: [/* @__PURE__ */ jsx(Upload, {
-			className: "h-4 w-4",
-			"aria-hidden": "true"
-		}), "Import .env"]
-	}), /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		onClick: openCreate,
-		className: "inline-flex items-center gap-1.5 whitespace-nowrap rounded-lg border border-[var(--border-accent,transparent)] bg-[var(--btn-primary-bg)] px-3 py-2 text-sm font-semibold text-[var(--btn-primary-text)] transition-colors hover:bg-[var(--btn-primary-hover)] active:scale-[0.97] sm:gap-2 sm:px-4",
-		children: [/* @__PURE__ */ jsx(Plus, {
-			className: "h-4 w-4",
-			"aria-hidden": "true"
-		}), "New Secret"]
-	})] });
+	const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+		teamSecretsHint && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: teamSecretsHint.onNavigate,
+			className: "inline-flex min-h-11 items-center justify-center rounded-lg border border-border bg-surface-container-high px-3 text-sm font-medium text-foreground shadow-sm hover:bg-surface-container-highest",
+			children: teamSecretsHint.label ?? "Team secrets"
+		}),
+		/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: () => setIsImportOpen(true),
+			className: "inline-flex items-center gap-1.5 whitespace-nowrap rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container-high px-3 py-2 text-sm font-semibold text-foreground transition-colors hover:bg-surface-container-high active:scale-[0.97] sm:gap-2",
+			children: [/* @__PURE__ */ jsx(Upload, {
+				className: "h-4 w-4",
+				"aria-hidden": "true"
+			}), "Import .env"]
+		}),
+		/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: openCreate,
+			className: "inline-flex items-center gap-1.5 whitespace-nowrap rounded-lg border border-[var(--border-accent,transparent)] bg-[var(--btn-primary-bg)] px-3 py-2 text-sm font-semibold text-[var(--btn-primary-text)] transition-colors hover:bg-[var(--btn-primary-hover)] active:scale-[0.97] sm:gap-2 sm:px-4",
+			children: [/* @__PURE__ */ jsx(Plus, {
+				className: "h-4 w-4",
+				"aria-hidden": "true"
+			}), "New Secret"]
+		})
+	] });
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1(pane ? "flex h-full min-h-0 w-full flex-col" : "mx-auto w-full max-w-6xl space-y-6", className),
+		className: cn$1(pane ? "flex h-full min-h-0 w-full flex-col" : "w-full min-w-0 space-y-5", className),
 		children: [
 			pane ? /* @__PURE__ */ jsxs("header", {
 				className: "flex shrink-0 flex-wrap items-center justify-between gap-x-6 gap-y-3 border-b border-border px-4 py-4 sm:px-6",
@@ -2951,41 +2953,10 @@ function SecretsPage({ apiClient, className, teamSecretsHint, title = "Environme
 					className: "flex shrink-0 items-center gap-2",
 					children: actions
 				})]
-			}) : /* @__PURE__ */ jsx(PageHeader$1, {
+			}) : /* @__PURE__ */ jsx(DashboardPageHeader, {
 				title,
 				description,
-				action: actions
-			}),
-			teamSecretsHint && /* @__PURE__ */ jsxs("div", {
-				className: cn$1("flex flex-wrap items-center gap-3 border-[var(--md3-outline-variant)] bg-[var(--accent-surface-soft)]/40 px-4 py-3", pane ? "shrink-0 border-b sm:px-6" : "rounded-lg border"),
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex min-w-[min(100%,18rem)] flex-1 items-start gap-3",
-					children: [/* @__PURE__ */ jsx(Users, {
-						className: "mt-0.5 h-5 w-5 shrink-0 text-[var(--accent-text)]",
-						"aria-hidden": "true"
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "min-w-0 text-sm",
-						children: [/* @__PURE__ */ jsx("p", {
-							className: "font-semibold text-foreground",
-							children: "Setting up secrets for a team?"
-						}), /* @__PURE__ */ jsxs("p", {
-							className: "mt-0.5 text-xs text-muted-foreground",
-							children: [
-								"Secrets here are ",
-								/* @__PURE__ */ jsx("strong", { children: "personal" }),
-								" and only available in sandboxes you create. Add shared credentials on the team page."
-							]
-						})]
-					})]
-				}), /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					onClick: teamSecretsHint.onNavigate,
-					className: "inline-flex w-full shrink-0 items-center justify-center gap-1 rounded-md border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-1.5 text-xs font-semibold text-foreground transition-colors hover:bg-surface-container-high sm:w-auto",
-					children: [teamSecretsHint.label ?? "Manage team secrets", /* @__PURE__ */ jsx(ArrowRight, {
-						className: "h-3 w-3",
-						"aria-hidden": "true"
-					})]
-				})]
+				actions
 			}),
 			error && (secrets.length > 0 || loading) && /* @__PURE__ */ jsxs("div", {
 				role: "alert",
@@ -3863,60 +3834,19 @@ function StartupScriptsPage({ apiClient, className }) {
 			environments: prev.environments.includes(env) ? prev.environments.filter((e) => e !== env) : [...prev.environments, env]
 		}));
 	};
-	const activeCount = scripts.filter((s) => s.enabled).length;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("mx-auto w-full max-w-6xl space-y-8", className),
+		className: cn$1("w-full min-w-0 space-y-5", className),
 		children: [
-			/* @__PURE__ */ jsx(PageHeader$1, {
+			/* @__PURE__ */ jsx(DashboardPageHeader, {
 				title: "Startup Scripts",
-				description: "Define scripts that run automatically when your sandboxes start. Scripts can access your encrypted secrets.",
-				action: /* @__PURE__ */ jsxs("button", {
+				description: "Run scripts when your sandboxes start.",
+				actions: /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: openCreate,
 					className: "inline-flex items-center gap-2 rounded-lg bg-[var(--btn-primary-bg)] px-4 py-2.5 text-sm font-bold text-[var(--btn-primary-text)] shadow-sm transition-colors hover:bg-[var(--btn-primary-hover)]",
 					children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), "New Script"]
 				})
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "grid grid-cols-1 gap-6 md:grid-cols-4",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-5 shadow-[var(--shadow-card)]",
-						children: [/* @__PURE__ */ jsx("p", {
-							className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground",
-							children: "Total Scripts"
-						}), /* @__PURE__ */ jsx("div", {
-							className: "mt-2 flex items-baseline gap-2",
-							children: /* @__PURE__ */ jsx("span", {
-								className: "font-display text-2xl font-extrabold text-foreground",
-								children: scripts.length
-							})
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-5 shadow-[var(--shadow-card)]",
-						children: [/* @__PURE__ */ jsx("p", {
-							className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground",
-							children: "Active"
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "mt-2 flex items-baseline gap-2",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "font-display text-2xl font-extrabold text-foreground",
-								children: activeCount
-							}), /* @__PURE__ */ jsxs("span", {
-								className: "text-xs text-muted-foreground",
-								children: ["of ", scripts.length]
-							})]
-						})]
-					}),
-					/* @__PURE__ */ jsx(InfoPanel, {
-						className: "md:col-span-2",
-						label: "Execution",
-						title: "Scripts run before your agent starts.",
-						description: "They execute in order, with full access to injected secrets as environment variables."
-					})
-				]
-			}),
 			error && /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-3 rounded-lg border border-destructive/30 bg-destructive/10 p-4",
 				children: [/* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 shrink-0 text-destructive" }), /* @__PURE__ */ jsx("p", {
@@ -4417,40 +4347,6 @@ function StartupScriptsPage({ apiClient, className }) {
 						]
 					}, script.id))
 				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "grid grid-cols-1 gap-6 md:grid-cols-2",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 shadow-[var(--shadow-card)]",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-3 mb-3",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]",
-							children: /* @__PURE__ */ jsx(Play, { className: "h-5 w-5" })
-						}), /* @__PURE__ */ jsx("h3", {
-							className: "text-sm font-bold text-foreground",
-							children: "How Scripts Run"
-						})]
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-muted-foreground",
-						children: "Scripts execute in order after the container starts but before the AI agent. They run as bash scripts with full access to mounted tools (Nix profile) and workspace. Failed scripts abort sandbox creation unless \"continue on failure\" is enabled."
-					})]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 shadow-[var(--shadow-card)]",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-3 mb-3",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]",
-							children: /* @__PURE__ */ jsx(Shield, { className: "h-5 w-5" })
-						}), /* @__PURE__ */ jsx("h3", {
-							className: "text-sm font-bold text-foreground",
-							children: "Security & Secrets"
-						})]
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-muted-foreground",
-						children: "Selected secrets are injected as environment variables at execution time. Secret values are never stored in the script itself — they are decrypted and injected only when the sandbox starts. Scripts can use conditions to restrict execution to specific environments or resource tiers."
-					})]
-				})]
 			})
 		]
 	});

package/dist/{primitives-BQGtwZX3.js → primitives-C4qn9fZ8.js}

@@ -1,4 +1,4 @@
-import { ArtifactPane as ArtifactPane$1, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, Button as Button$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CodeBlock, CopyButton, Dialog as Dialog$1, DialogClose, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger, DropZone, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, FilterField, Heading, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricStrip, PageHeader, PageHeader as PageHeader$1, PageShell, Progress as Progress$1, SegmentedControl, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, SidebarDropZone, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatusPill, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea as Textarea$1, ThemeToggle, ToastContainer, ToastProvider, Toolbar, UploadProgress, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
+import { ArtifactPane as ArtifactPane$1, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, Button as Button$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CodeBlock, CopyButton, Dialog as Dialog$1, DialogClose, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger, DropZone, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, FilterField, Heading, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricStrip, PageHeader, PageHeader as PageHeader$1, PageShell as PageShell$1, Progress as Progress$1, SegmentedControl, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, SidebarDropZone, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatusPill, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea as Textarea$1, ThemeToggle, ToastContainer, ToastProvider, Toolbar, UploadProgress, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
 import { Logo, TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/logo.tsx
@@ -22,4 +22,4 @@ function SectionTitle(props) {
 	});
 }
 //#endregion
-export { Select$1 as $, DropdownMenuItem$1 as A, TerminalInput as At, DropdownMenuTrigger$1 as B, buttonVariants as Bt, DialogTitle$1 as C, TableRow as Ct, DropdownMenuCheckboxItem as D, TabsTrigger$1 as Dt, DropdownMenu$1 as E, TabsList$1 as Et, DropdownMenuSeparator$1 as F, ToastContainer as Ft, Input$1 as G, TangleKnot$1 as Gt, FilterField as H, useToast as Ht, DropdownMenuShortcut as I, ToastProvider as It, MetricStrip as J, Label$1 as K, DropdownMenuSub$1 as L, Toolbar as Lt, DropdownMenuPortal as M, TextShimmer as Mt, DropdownMenuRadioGroup as N, Textarea$1 as Nt, DropdownMenuContent$1 as O, TerminalCursor as Ot, DropdownMenuRadioItem as P, ThemeToggle as Pt, SegmentedControl as Q, DropdownMenuSubContent$1 as R, UploadProgress as Rt, DialogPortal as S, TableHeader as St, DropZone as T, TabsContent$1 as Tt, Heading as U, SectionTitle as Ut, EmptyState$1 as V, useTheme$1 as Vt, InlineCode as W, Logo$1 as Wt, PageShell as X, PageHeader$1 as Y, Progress$1 as Z, DialogContent$1 as _, TableBody as _t, Badge$1 as a, SelectScrollUpButton as at, DialogHeader$1 as b, TableFooter as bt, CardContent$1 as c, SelectValue$1 as ct, CardHeader$1 as d, SkeletonCard$1 as dt, SelectContent$1 as et, CardTitle$1 as f, SkeletonTable as ft, DialogClose as g, Table as gt, Dialog$1 as h, Switch as ht, AvatarImage$1 as i, SelectScrollDownButton as it, DropdownMenuLabel$1 as j, TerminalLine as jt, DropdownMenuGroup as k, TerminalDisplay as kt, CardDescription$1 as l, SidebarDropZone as lt, CopyButton as m, StatusPill as mt, Avatar$1 as n, SelectItem$1 as nt, Button$1 as o, SelectSeparator as ot, CodeBlock as p, StatCard$1 as pt, Metric as q, AvatarFallback$1 as r, SelectLabel as rt, Card$1 as s, SelectTrigger$1 as st, ArtifactPane$1 as t, SelectGroup as tt, CardFooter as u, Skeleton$1 as ut, DialogDescription$1 as v, TableCaption as vt, DialogTrigger as w, Tabs$1 as wt, DialogOverlay as x, TableHead as xt, DialogFooter$1 as y, TableCell as yt, DropdownMenuSubTrigger$1 as z, badgeVariants as zt };
+export { Select$1 as $, DropdownMenuItem$1 as A, TerminalInput as At, DropdownMenuTrigger$1 as B, buttonVariants as Bt, DialogTitle$1 as C, TableRow as Ct, DropdownMenuCheckboxItem as D, TabsTrigger$1 as Dt, DropdownMenu$1 as E, TabsList$1 as Et, DropdownMenuSeparator$1 as F, ToastContainer as Ft, Input$1 as G, TangleKnot$1 as Gt, FilterField as H, useToast as Ht, DropdownMenuShortcut as I, ToastProvider as It, MetricStrip as J, Label$1 as K, DropdownMenuSub$1 as L, Toolbar as Lt, DropdownMenuPortal as M, TextShimmer as Mt, DropdownMenuRadioGroup as N, Textarea$1 as Nt, DropdownMenuContent$1 as O, TerminalCursor as Ot, DropdownMenuRadioItem as P, ThemeToggle as Pt, SegmentedControl as Q, DropdownMenuSubContent$1 as R, UploadProgress as Rt, DialogPortal as S, TableHeader as St, DropZone as T, TabsContent$1 as Tt, Heading as U, SectionTitle as Ut, EmptyState$1 as V, useTheme$1 as Vt, InlineCode as W, Logo$1 as Wt, PageShell$1 as X, PageHeader$1 as Y, Progress$1 as Z, DialogContent$1 as _, TableBody as _t, Badge$1 as a, SelectScrollUpButton as at, DialogHeader$1 as b, TableFooter as bt, CardContent$1 as c, SelectValue$1 as ct, CardHeader$1 as d, SkeletonCard$1 as dt, SelectContent$1 as et, CardTitle$1 as f, SkeletonTable as ft, DialogClose as g, Table as gt, Dialog$1 as h, Switch as ht, AvatarImage$1 as i, SelectScrollDownButton as it, DropdownMenuLabel$1 as j, TerminalLine as jt, DropdownMenuGroup as k, TerminalDisplay as kt, CardDescription$1 as l, SidebarDropZone as lt, CopyButton as m, StatusPill as mt, Avatar$1 as n, SelectItem$1 as nt, Button$1 as o, SelectSeparator as ot, CodeBlock as p, StatCard$1 as pt, Metric as q, AvatarFallback$1 as r, SelectLabel as rt, Card$1 as s, SelectTrigger$1 as st, ArtifactPane$1 as t, SelectGroup as tt, CardFooter as u, Skeleton$1 as ut, DialogDescription$1 as v, TableCaption as vt, DialogTrigger as w, Tabs$1 as wt, DialogOverlay as x, TableHead as xt, DialogFooter$1 as y, TableCell as yt, DropdownMenuSubTrigger$1 as z, badgeVariants as zt };

package/dist/primitives.d.ts

@@ -1,2 +1,2 @@
-import { $ as InlineCode, $t as TerminalLine, A as DropZone, At as SkeletonTable, B as DropdownMenuRadioItem, Bt as TableCell, C as DialogDescription, Ct as SelectSeparator, D as DialogPortal, Dt as SidebarDropZoneProps, E as DialogOverlay, Et as SidebarDropZone, F as DropdownMenuGroup, Ft as StatusTone, G as DropdownMenuSubTrigger, Gt as TableRow, H as DropdownMenuShortcut, Ht as TableHead, I as DropdownMenuItem, It as Switch, J as EmptyStateProps, Jt as TabsList, K as DropdownMenuTrigger, Kt as Tabs, L as DropdownMenuLabel, Lt as Table, M as DropdownMenu, Mt as StatCardProps, N as DropdownMenuCheckboxItem, Nt as StatusPill, O as DialogTitle, Ot as Skeleton, P as DropdownMenuContent, Pt as StatusPillProps, Q as HeadingVariant, Qt as TerminalInput, R as DropdownMenuPortal, Rt as TableBody, S as DialogContent, Sn as TangleKnot, St as SelectScrollUpButton, T as DialogHeader, Tt as SelectValue, U as DropdownMenuSub, Ut as TableHeader, V as DropdownMenuSeparator, Vt as TableFooter, W as DropdownMenuSubContent, Wt as TableProps, X as FilterFieldProps, Xt as TerminalCursor, Y as FilterField, Yt as TabsTrigger, Z as Heading, Zt as TerminalDisplay, _ as CodeBlock, _n as HeadingProps, _t as SelectContent, a as AvatarImage, an as Toast, at as MetricProps, b as Dialog, bn as Logo, bt as SelectLabel, c as Button, cn as Toolbar, ct as PageHeader, d as CardContent, dn as UploadProgress, dt as PageShellProps, en as TextShimmer, et as InlineCodeProps, f as CardDescription, fn as UploadProgressProps, ft as Progress, g as CardTitleProps, gn as useToast, gt as Select, h as CardTitle, hn as useTheme, ht as SegmentedControlProps, i as AvatarFallback, in as ThemeToggle, it as Metric, j as DropZoneProps, jt as StatCard, k as DialogTrigger, kt as SkeletonCard, l as ButtonProps, ln as ToolbarProps, lt as PageHeaderProps, m as CardHeader, mn as buttonVariants, mt as SegmentedControlOption, n as ArtifactPaneProps, nn as Textarea, nt as InputProps, o as Badge, on as ToastContainer, ot as MetricStrip, p as CardFooter, pn as badgeVariants, pt as SegmentedControl, q as EmptyState, qt as TabsContent, r as Avatar, rn as TextareaProps, rt as Label, s as BadgeProps, sn as ToastProvider, st as MetricStripProps, t as ArtifactPane, tn as TextShimmerProps, tt as Input, u as Card, un as UploadFile, ut as PageShell, v as CodeBlockProps, vn as SectionTitle, vt as SelectGroup, w as DialogFooter, wt as SelectTrigger, x as DialogClose, xn as LogoProps, xt as SelectScrollDownButton, y as CopyButton, yn as SectionTitleProps, yt as SelectItem, z as DropdownMenuRadioGroup, zt as TableCaption } from "./index-SJKueyy4.js";
+import { $ as InlineCode, $t as TerminalLine, A as DropZone, At as SkeletonTable, B as DropdownMenuRadioItem, Bt as TableCell, C as DialogDescription, Ct as SelectSeparator, D as DialogPortal, Dt as SidebarDropZoneProps, E as DialogOverlay, Et as SidebarDropZone, F as DropdownMenuGroup, Ft as StatusTone, G as DropdownMenuSubTrigger, Gt as TableRow, H as DropdownMenuShortcut, Ht as TableHead, I as DropdownMenuItem, It as Switch, J as EmptyStateProps, Jt as TabsList, K as DropdownMenuTrigger, Kt as Tabs, L as DropdownMenuLabel, Lt as Table, M as DropdownMenu, Mt as StatCardProps, N as DropdownMenuCheckboxItem, Nt as StatusPill, O as DialogTitle, Ot as Skeleton, P as DropdownMenuContent, Pt as StatusPillProps, Q as HeadingVariant, Qt as TerminalInput, R as DropdownMenuPortal, Rt as TableBody, S as DialogContent, Sn as TangleKnot, St as SelectScrollUpButton, T as DialogHeader, Tt as SelectValue, U as DropdownMenuSub, Ut as TableHeader, V as DropdownMenuSeparator, Vt as TableFooter, W as DropdownMenuSubContent, Wt as TableProps, X as FilterFieldProps, Xt as TerminalCursor, Y as FilterField, Yt as TabsTrigger, Z as Heading, Zt as TerminalDisplay, _ as CodeBlock, _n as HeadingProps, _t as SelectContent, a as AvatarImage, an as Toast, at as MetricProps, b as Dialog, bn as Logo, bt as SelectLabel, c as Button, cn as Toolbar, ct as PageHeader, d as CardContent, dn as UploadProgress, dt as PageShellProps, en as TextShimmer, et as InlineCodeProps, f as CardDescription, fn as UploadProgressProps, ft as Progress, g as CardTitleProps, gn as useToast, gt as Select, h as CardTitle, hn as useTheme, ht as SegmentedControlProps, i as AvatarFallback, in as ThemeToggle, it as Metric, j as DropZoneProps, jt as StatCard, k as DialogTrigger, kt as SkeletonCard, l as ButtonProps, ln as ToolbarProps, lt as PageHeaderProps, m as CardHeader, mn as buttonVariants, mt as SegmentedControlOption, n as ArtifactPaneProps, nn as Textarea, nt as InputProps, o as Badge, on as ToastContainer, ot as MetricStrip, p as CardFooter, pn as badgeVariants, pt as SegmentedControl, q as EmptyState, qt as TabsContent, r as Avatar, rn as TextareaProps, rt as Label, s as BadgeProps, sn as ToastProvider, st as MetricStripProps, t as ArtifactPane, tn as TextShimmerProps, tt as Input, u as Card, un as UploadFile, ut as PageShell, v as CodeBlockProps, vn as SectionTitle, vt as SelectGroup, w as DialogFooter, wt as SelectTrigger, x as DialogClose, xn as LogoProps, xt as SelectScrollDownButton, y as CopyButton, yn as SectionTitleProps, yt as SelectItem, z as DropdownMenuRadioGroup, zt as TableCaption } from "./index-wLVwzOsB.js";
 export { ArtifactPane, type ArtifactPaneProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardTitleProps, CodeBlock, type CodeBlockProps, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, type DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FilterField, type FilterFieldProps, Heading, type HeadingProps, type HeadingVariant, InlineCode, type InlineCodeProps, Input, type InputProps, Label, Logo, type LogoProps, Metric, type MetricProps, MetricStrip, type MetricStripProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, Progress, SectionTitle, type SectionTitleProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, type SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, StatCard, type StatCardProps, StatusPill, type StatusPillProps, type StatusTone, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, type TextShimmerProps, Textarea, type TextareaProps, ThemeToggle, type Toast, ToastContainer, ToastProvider, Toolbar, type ToolbarProps, type UploadFile, UploadProgress, type UploadProgressProps, badgeVariants, buttonVariants, useTheme, useToast };

package/dist/primitives.js

@@ -1,2 +1,2 @@
-import { $ as Select, A as DropdownMenuItem, At as TerminalInput, B as DropdownMenuTrigger, Bt as buttonVariants, C as DialogTitle, Ct as TableRow, D as DropdownMenuCheckboxItem, Dt as TabsTrigger, E as DropdownMenu, Et as TabsList, F as DropdownMenuSeparator, Ft as ToastContainer, G as Input, Gt as TangleKnot, H as FilterField, Ht as useToast, I as DropdownMenuShortcut, It as ToastProvider, J as MetricStrip, K as Label, L as DropdownMenuSub, Lt as Toolbar, M as DropdownMenuPortal, Mt as TextShimmer, N as DropdownMenuRadioGroup, Nt as Textarea, O as DropdownMenuContent, Ot as TerminalCursor, P as DropdownMenuRadioItem, Pt as ThemeToggle, Q as SegmentedControl, R as DropdownMenuSubContent, Rt as UploadProgress, S as DialogPortal, St as TableHeader, T as DropZone, Tt as TabsContent, U as Heading, Ut as SectionTitle, V as EmptyState, Vt as useTheme, W as InlineCode, Wt as Logo, X as PageShell, Y as PageHeader, Z as Progress, _ as DialogContent, _t as TableBody, a as Badge, at as SelectScrollUpButton, b as DialogHeader, bt as TableFooter, c as CardContent, ct as SelectValue, d as CardHeader, dt as SkeletonCard, et as SelectContent, f as CardTitle, ft as SkeletonTable, g as DialogClose, gt as Table, h as Dialog, ht as Switch, i as AvatarImage, it as SelectScrollDownButton, j as DropdownMenuLabel, jt as TerminalLine, k as DropdownMenuGroup, kt as TerminalDisplay, l as CardDescription, lt as SidebarDropZone, m as CopyButton, mt as StatusPill, n as Avatar, nt as SelectItem, o as Button, ot as SelectSeparator, p as CodeBlock, pt as StatCard, q as Metric, r as AvatarFallback, rt as SelectLabel, s as Card, st as SelectTrigger, t as ArtifactPane, tt as SelectGroup, u as CardFooter, ut as Skeleton, v as DialogDescription, vt as TableCaption, w as DialogTrigger, wt as Tabs, x as DialogOverlay, xt as TableHead, y as DialogFooter, yt as TableCell, z as DropdownMenuSubTrigger, zt as badgeVariants } from "./primitives-BQGtwZX3.js";
+import { $ as Select, A as DropdownMenuItem, At as TerminalInput, B as DropdownMenuTrigger, Bt as buttonVariants, C as DialogTitle, Ct as TableRow, D as DropdownMenuCheckboxItem, Dt as TabsTrigger, E as DropdownMenu, Et as TabsList, F as DropdownMenuSeparator, Ft as ToastContainer, G as Input, Gt as TangleKnot, H as FilterField, Ht as useToast, I as DropdownMenuShortcut, It as ToastProvider, J as MetricStrip, K as Label, L as DropdownMenuSub, Lt as Toolbar, M as DropdownMenuPortal, Mt as TextShimmer, N as DropdownMenuRadioGroup, Nt as Textarea, O as DropdownMenuContent, Ot as TerminalCursor, P as DropdownMenuRadioItem, Pt as ThemeToggle, Q as SegmentedControl, R as DropdownMenuSubContent, Rt as UploadProgress, S as DialogPortal, St as TableHeader, T as DropZone, Tt as TabsContent, U as Heading, Ut as SectionTitle, V as EmptyState, Vt as useTheme, W as InlineCode, Wt as Logo, X as PageShell, Y as PageHeader, Z as Progress, _ as DialogContent, _t as TableBody, a as Badge, at as SelectScrollUpButton, b as DialogHeader, bt as TableFooter, c as CardContent, ct as SelectValue, d as CardHeader, dt as SkeletonCard, et as SelectContent, f as CardTitle, ft as SkeletonTable, g as DialogClose, gt as Table, h as Dialog, ht as Switch, i as AvatarImage, it as SelectScrollDownButton, j as DropdownMenuLabel, jt as TerminalLine, k as DropdownMenuGroup, kt as TerminalDisplay, l as CardDescription, lt as SidebarDropZone, m as CopyButton, mt as StatusPill, n as Avatar, nt as SelectItem, o as Button, ot as SelectSeparator, p as CodeBlock, pt as StatCard, q as Metric, r as AvatarFallback, rt as SelectLabel, s as Card, st as SelectTrigger, t as ArtifactPane, tt as SelectGroup, u as CardFooter, ut as Skeleton, v as DialogDescription, vt as TableCaption, w as DialogTrigger, wt as Tabs, x as DialogOverlay, xt as TableHead, y as DialogFooter, yt as TableCell, z as DropdownMenuSubTrigger, zt as badgeVariants } from "./primitives-C4qn9fZ8.js";
 export { ArtifactPane, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CodeBlock, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FilterField, Heading, InlineCode, Input, Label, Logo, Metric, MetricStrip, PageHeader, PageShell, Progress, SectionTitle, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatusPill, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea, ThemeToggle, ToastContainer, ToastProvider, Toolbar, UploadProgress, badgeVariants, buttonVariants, useTheme, useToast };

package/dist/styles.css

@@ -858,6 +858,9 @@
   .h-\[72\%\] {
     height: 72%;
   }
+  .h-\[72px\] {
+    height: 72px;
+  }
   .h-\[220px\] {
     height: 220px;
   }
@@ -1533,15 +1536,15 @@
   .min-w-\[180px\] {
     min-width: 180px;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-\[240px\] {
     min-width: 240px;
   }
   .min-w-\[360px\] {
     min-width: 360px;
   }
-  .min-w-\[min\(100\%\,18rem\)\] {
-    min-width: min(100%, 18rem);
-  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -2353,12 +2356,6 @@
   .bg-\[var\(--accent-surface-soft\)\] {
     background-color: var(--accent-surface-soft);
   }
-  .bg-\[var\(--accent-surface-soft\)\]\/40 {
-    background-color: var(--accent-surface-soft);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--accent-surface-soft) 40%, transparent);
-    }
-  }
   .bg-\[var\(--accent-surface-strong\)\] {
     background-color: var(--accent-surface-strong);
   }
@@ -2392,9 +2389,6 @@
   .bg-\[var\(--brand-glow\)\] {
     background-color: var(--brand-glow);
   }
-  .bg-\[var\(--brand-primary\,hsl\(var\(--primary\)\)\)\] {
-    background-color: var(--brand-primary,hsl(var(--primary)));
-  }
   .bg-\[var\(--brand-strong\)\] {
     background-color: var(--brand-strong);
   }
@@ -4038,9 +4032,6 @@
         background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
       }
     }
-    .group-hover\:text-\[var\(--accent-text\)\]:is(:where(.group):hover *) {
-      color: var(--accent-text);
-    }
     .group-hover\:text-foreground:is(:where(.group):hover *) {
       color: hsl(var(--foreground));
     }
@@ -4267,9 +4258,6 @@
         background-color: color-mix(in oklab, var(--surface-container-high) 40%, transparent);
       }
     }
-    .hover\:bg-\[var\(--surface-danger-bg\)\]:hover {
-      background-color: var(--surface-danger-bg);
-    }
     .hover\:bg-\[var\(--surface-danger-border\)\]:hover {
       background-color: var(--surface-danger-border);
     }
@@ -4653,12 +4641,6 @@
   .focus-visible\:ring-inset:focus-visible {
     --tw-ring-inset: inset;
   }
-  .active\:scale-90:active {
-    --tw-scale-x: 90%;
-    --tw-scale-y: 90%;
-    --tw-scale-z: 90%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
   .active\:scale-95:active {
     --tw-scale-x: 95%;
     --tw-scale-y: 95%;
@@ -4950,6 +4932,9 @@
     .sm\:table-cell {
       display: table-cell;
     }
+    .sm\:w-48 {
+      width: calc(var(--spacing) * 48);
+    }
     .sm\:w-auto {
       width: auto;
     }
@@ -5074,9 +5059,6 @@
     .md\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-    .md\:grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
     .md\:grid-cols-5 {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
@@ -5114,6 +5096,9 @@
     .lg\:hidden {
       display: none;
     }
+    .lg\:table-cell {
+      display: table-cell;
+    }
     .lg\:max-w-sm {
       max-width: var(--container-sm);
     }
@@ -5174,12 +5159,6 @@
     .xl\:table-cell {
       display: table-cell;
     }
-    .xl\:w-36 {
-      width: calc(var(--spacing) * 36);
-    }
-    .xl\:w-72 {
-      width: calc(var(--spacing) * 72);
-    }
     .xl\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -5192,15 +5171,6 @@
     .xl\:grid-cols-5 {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-    .xl\:px-4 {
-      padding-inline: calc(var(--spacing) * 4);
-    }
-    .xl\:px-6 {
-      padding-inline: calc(var(--spacing) * 6);
-    }
-    .xl\:py-5 {
-      padding-block: calc(var(--spacing) * 5);
-    }
   }
   @media (prefers-color-scheme: dark) {
     .dark\:text-neutral-500 {
@@ -5232,6 +5202,54 @@
       }
     }
   }
+  .\[\&_\[role\=menuitem\]\]\:min-h-10 [role=menuitem] {
+    min-height: calc(var(--spacing) * 10);
+  }
+  .\[\&_\[role\=menuitem\]\]\:text-sm [role=menuitem] {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .\[\&_\[role\=tab\]\]\:min-h-11 [role=tab] {
+    min-height: calc(var(--spacing) * 11);
+  }
+  .\[\&_\[role\=tab\]\]\:px-4 [role=tab] {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .\[\&_\[role\=tab\]\]\:text-sm [role=tab] {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .\[\&_\[role\=tab\]\[data-state\=active\]\]\:bg-\[var\(--accent-surface-strong\)\] [role=tab][data-state=active] {
+    background-color: var(--accent-surface-strong);
+  }
+  .\[\&_\[role\=tab\]\[data-state\=active\]\]\:text-\[var\(--accent-text\)\] [role=tab][data-state=active] {
+    color: var(--accent-text);
+  }
+  .\[\&_\[role\=tab\]\[data-state\=active\]\]\:shadow-sm [role=tab][data-state=active] {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\[\&_h1\]\:text-2xl h1 {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .\[\&_h1\]\:font-semibold h1 {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  @media (width >= 40rem) {
+    .sm\:\[\&_h1\]\:text-\[28px\] h1 {
+      font-size: 28px;
+    }
+  }
+  .\[\&_p\]\:text-base p {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .\[\&_p\]\:leading-relaxed p {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .\[\&_svg\]\:pointer-events-none svg {
     pointer-events: none;
   }

package/dist/{workbench-BYTo--31.js → workbench-CggAsIMv.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { o as PortsList } from "./dashboard-CESeH2xQ.js";
+import { s as PortsList } from "./dashboard-BpEeXRo1.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CMRPEvon.js";

package/dist/workbench.d.ts

@@ -1,3 +1,3 @@
-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-DF2rZgf7.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-D1YmTvf3.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
 export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workbench.js

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

package/package.json

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