@tangle-network/sandbox-ui 0.117.2 → 0.118.0

package/dist/tokens.css

@@ -30,10 +30,26 @@
  * work here. The hairline is about 1.5:1 against the resting card — quiet by design,
  * enough to state an edge without drawing a box around every panel.
  */
+/* Seed a complete baseline on every supported boundary BEFORE mode overrides.
+ * Inherited var() aliases are already substituted at their parent; declaring
+ * them here lets a nested light/dark/named scope resolve its own palette.
+ * Light scopes are deliberately included in this baseline, then override it
+ * below. Named themes only author their product-specific differences. */
 :root,
 [data-sandbox-ui],
+[data-sandbox-theme="vault"],
+[data-sandbox-theme="dawn"],
 [data-theme="dark"],
+[data-theme="light"],
+[data-theme="aubergine"],
+[data-theme="aubergine-light"],
+[data-theme="arena"],
+[data-theme="arena-light"],
+[data-theme="tangle-dark"],
+[data-theme="tangle-light"],
+.light,
 .dark {
+  color-scheme: dark;
   --md3-surface: #161616;                   /* L0 page canvas */
   --md3-surface-dim: #101010;               /* recessed page */
   --md3-surface-bright: #3b3b3b;
@@ -66,6 +82,7 @@
   --md3-on-secondary-container: #E8E5FF;
 
   --md3-tertiary: #10B981;
+  --md3-tertiary-container: var(--surface-success-bg);
   --md3-outline: #8e8e8e;
   --md3-outline-variant: #4c4c4c;
 
@@ -390,7 +407,8 @@
   --tool-card-py: 0.5rem;
   --tool-icon-size: 1.75rem;
 
-  /* Syntax highlighting — override per-theme in vault section */
+  /* Syntax highlighting — the light palette is authored below. */
+  --code-header-bg: hsl(var(--hsl-background));
   --syntax-comment: #8b8fbc;
   --syntax-keyword: #A78FFF;
   --syntax-string: #10b981;
@@ -401,7 +419,29 @@
   --syntax-variable: #C4C0D8;
   --syntax-foreground: #E8E6F6;
 
-  /* Transitions */
+  /* Shared motion vocabulary, previously authored by the light-default Agent
+   * App consumer. These are tokens only, not automatic animation classes. */
+  --duration-instant: 90ms;
+  --duration-fast: 150ms;
+  --duration-base: 240ms;
+  --duration-slow: 360ms;
+  --duration-stream: 420ms;
+  --duration-arrive: 600ms;
+  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
+  --ease-entrance: cubic-bezier(0.22, 1, 0.36, 1);
+  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
+  --ease-expo: cubic-bezier(0.23, 1, 0.32, 1);
+  --motion-control: var(--duration-fast) var(--ease-standard);
+  --motion-surface: var(--duration-base) var(--ease-entrance);
+  --motion-dismiss: var(--duration-instant) var(--ease-exit);
+  --motion-stream: var(--duration-stream) var(--ease-expo);
+  --motion-arrive: var(--duration-arrive) var(--ease-expo);
+  --stagger-step: 50ms;
+  --stagger-index: 0;
+  --arrive-distance: 8px;
+  --stream-blur: 4px;
+
+  /* Transitions — retain the existing Brand timings. */
   --transition-fast: 0.1s ease;
   --transition-default: 0.16s ease;
   --transition-medium: 0.24s ease;
@@ -416,10 +456,25 @@
  * `[data-theme="light"]` / `.light` switch. Both blocks are single-attribute/
  * class selectors, and this one is later in source order, so when an element
  * carries both `data-sandbox-ui` (dark) and `data-theme="light"`, light wins. */
-[data-sandbox-theme="vault"],
+[data-sandbox-theme="vault"]:where(:not(.dark)),
+[data-sandbox-theme="dawn"]:where(:not(.dark)),
 [data-theme="light"],
+[data-theme="aubergine-light"],
+[data-theme="arena-light"],
+[data-theme="tangle-light"],
 .light {
+  color-scheme: light;
   /* Light theme — neutral surfaces with purple accents */
+  --code-header-bg: color-mix(in srgb, hsl(var(--hsl-muted)) 50%, transparent);
+  --syntax-foreground: #24292f;
+  --syntax-comment: #57606a;
+  --syntax-keyword: #6d28d9;
+  --syntax-string: #047857;
+  --syntax-function: #1d4ed8;
+  --syntax-number: #92400e;
+  --syntax-meta: #7c3aed;
+  --syntax-variable: #24292f;
+  --syntax-error: #b91c1c;
 
   /* MD3 surface hierarchy */
   /* The light ladder ALTERNATES; it is not monotonic, and that is deliberate.
@@ -752,7 +807,8 @@
 /* Light: the accent is the indigo fill (#4c3fc6, 7.41:1 on white) and the tier
  * ramp runs light to dark. `[data-theme$="-light"]` covers the named light
  * themes, which would otherwise inherit the dark ramp from :root. */
-[data-sandbox-theme="vault"],
+[data-sandbox-theme="vault"]:where(:not(.dark)),
+[data-sandbox-theme="dawn"]:where(:not(.dark)),
 [data-theme="light"],
 .light,
 [data-theme$="-light"] {
@@ -762,3 +818,28 @@
   --chart-tier-a: #5b5bd6;
   --chart-tier-s: #272962;
 }
+
+
+/* Motion is opt-in at the component, but its reduced-motion preference is
+ * shared. Re-declare composites at the same boundary as their durations. */
+@media (prefers-reduced-motion: reduce) {
+  :root,
+  .dark,
+  .light,
+  [data-sandbox-ui],
+  [data-sandbox-theme],
+  [data-theme] {
+    --duration-instant: 0ms;
+    --duration-fast: 0ms;
+    --duration-base: 0ms;
+    --duration-slow: 0ms;
+    --duration-stream: 0ms;
+    --duration-arrive: 0ms;
+    --stagger-step: 0ms;
+    --motion-control: var(--duration-fast) var(--ease-standard);
+    --motion-surface: var(--duration-base) var(--ease-entrance);
+    --motion-dismiss: var(--duration-instant) var(--ease-exit);
+    --motion-stream: var(--duration-stream) var(--ease-expo);
+    --motion-arrive: var(--duration-arrive) var(--ease-expo);
+  }
+}

package/dist/workbench/embedded-app.js

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

package/dist/{workbench-CN7bm93p.js → workbench-DxYaeFaa.js}

@@ -1,14 +1,14 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { o as PortsList } from "./dashboard-DdUTq0so.js";
+import { o as PortsList } from "./dashboard-D4un5GtD.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
-import { n as PreviewView } from "./embedded-app-view-CoiS_kfY.js";
+import { n as PreviewView } from "./embedded-app-view-CMRPEvon.js";
 import { Button, Skeleton, Textarea } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import React from "react";
-import { focusRing, focusRingInset } from "@tangle-network/ui/utils";
 import { Check, ChevronRight, Code2, Copy, FileCode2, GitBranch, GitCompare, Globe, Network, RefreshCw, SquareTerminal } from "lucide-react";
+import { focusRing, focusRingInset } from "@tangle-network/ui/utils";
 import { FileDiff, getSingularPatch } from "@pierre/diffs";
 import { createTwoFilesPatch, diffLines } from "diff";
 //#region \0rolldown/runtime.js

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-CN7bm93p.js";
-import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CoiS_kfY.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-DxYaeFaa.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/dist/workflows.js

@@ -30,7 +30,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 	});
 }
 function lazyWorkflowGraph() {
-	return lazy(() => retryImport(() => import("./WorkflowGraph-CzWs8P7y.js").then((m) => ({ default: m.WorkflowGraph }))));
+	return lazy(() => retryImport(() => import("./WorkflowGraph-E2Gqe8sl.js").then((m) => ({ default: m.WorkflowGraph }))));
 }
 var GraphErrorBoundary = class extends Component {
 	state = { hasError: false };

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-fIHRXmWT.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--bNv-rQy.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.117.2",
+  "version": "0.118.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -127,8 +127,8 @@
     "@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",
-    "@tangle-network/brand": "^1.9.0",
-    "@tangle-network/ui": "^11.11.4",
+    "@tangle-network/brand": "^1.10.0",
+    "@tangle-network/ui": "^11.13.0",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -213,8 +213,8 @@
     "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "2.13.1",
-    "@tangle-network/brand": "^1.9.0",
-    "@tangle-network/ui": "^11.11.4",
+    "@tangle-network/brand": "1.10.0",
+    "@tangle-network/ui": "11.13.0",
     "@tanstack/react-query": "^5.104.0",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",

package/dist/index-ez0RxbPT.d.ts

@@ -1,86 +0,0 @@
-import { ArtifactPane as ArtifactPane$1, ArtifactPaneProps, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, BadgeProps, Button as Button$1, ButtonProps as ButtonProps$1, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CodeBlock, CodeBlockProps, 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, DropZoneProps, 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, EmptyStateProps, FilterField, FilterFieldProps, InlineCode, InlineCodeProps, Input as Input$1, InputProps, Label as Label$1, Metric, MetricProps, MetricStrip, MetricStripProps, Progress as Progress$1, SegmentedControl, SegmentedControlOption, SegmentedControlProps, 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, SidebarDropZoneProps, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatCardProps, StatusPill, StatusPillProps, StatusTone, 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, TextShimmerProps, Textarea as Textarea$1, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, Toolbar, ToolbarProps, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme as useTheme$1, useToast } from "@tangle-network/ui/primitives";
-import { TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
-import { ElementType, HTMLAttributes, ReactNode } from "react";
-//#region src/primitives/logo.d.ts
-interface LogoProps {
-  variant?: "sandbox";
-  size?: "sm" | "md" | "lg" | "xl";
-  className?: string;
-  iconOnly?: boolean;
-}
-/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
-declare function Logo$1({ variant, size, className, iconOnly }: LogoProps): import("react").JSX.Element;
-declare namespace Logo$1 {
-  var displayName: string;
-}
-//#endregion
-//#region src/primitives/heading.d.ts
-/**
- * Canonical type roles for the Tangle design system. Every title in every
- * product app should be a Heading (or a PageHeader / SectionTitle composite
- * built on it) so size, weight, tracking, and leading stay identical across
- * surfaces. Sizes/leadings/tracking resolve from @tangle-network/brand tokens
- * (with literal fallbacks so the component still renders if brand styles are
- * absent, e.g. in isolation tests or Storybook).
- *
- * Weights are deliberately quiet (Tangle Quiet): heroes at 700, titles at 600
- * — never extrabold.
- *
- * Semantic-tag invariant: both `display` and `page` default to <h1>. Use at
- * most one of them per page (the marketing hero OR the dashboard page title);
- * if a page needs both, override the secondary one with `as` to keep a single
- * <h1> for accessibility and SEO.
- */
-type HeadingVariant = "display" | "hero" | "page" | "section" | "subsection" | "eyebrow";
-interface HeadingProps extends Omit<HTMLAttributes<HTMLElement>, "role"> {
-  /** Type role from the design system (size + weight + tracking + leading). */
-  role: HeadingVariant;
-  /** Override the rendered element (defaults to the semantic tag for the role). */
-  as?: ElementType;
-  children: ReactNode;
-}
-/**
- * Role-based heading. Forwards a ref to the underlying element and passes
- * through standard HTML/ARIA/data-* attributes so it drops into tests,
- * scroll-spy, and a11y tooling without friction.
- */
-declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLElement>>;
-interface PageHeaderProps {
-  title: ReactNode;
-  description?: ReactNode;
-  /** Uppercase label rendered above the title. */
-  eyebrow?: ReactNode;
-  /** Primary action(s), right-aligned on wide viewports. */
-  action?: ReactNode;
-  className?: string;
-  /** Override the title element (default h1). */
-  titleAs?: ElementType;
-}
-/**
- * Standard page header: one title size, one description style, one action
- * slot — used by every page so titles never drift between surfaces.
- */
-declare function PageHeader({ title, description, eyebrow, action, className, titleAs }: PageHeaderProps): import("react").JSX.Element;
-interface SectionTitleProps {
-  title: ReactNode;
-  description?: ReactNode;
-  action?: ReactNode;
-  className?: string;
-}
-/** Section heading inside a page — smaller than PageHeader, same rhythm. */
-declare function SectionTitle({ title, description, action, className }: SectionTitleProps): import("react").JSX.Element;
-//#endregion
-//#region src/primitives/page-shell.d.ts
-interface PageShellProps {
-  children: ReactNode;
-  className?: string;
-}
-/**
- * Canonical page container — one max-width, one gutter, one vertical rhythm
- * so every page sits on the same grid. Gutter widens on large viewports.
- * Layout primitive (not a heading); kept in its own module so consumers
- * looking for page layout don't have to reach into the typography file.
- */
-declare function PageShell({ children, className }: PageShellProps): import("react").JSX.Element;
-//#endregion
-export { InputProps as $, ToastProvider as $t, DropZoneProps as A, Table as At, DropdownMenuSeparator$1 as B, TabsList$1 as Bt, DialogFooter$1 as C, SkeletonTable as Ct, DialogTitle$1 as D, StatusPillProps as Dt, DialogPortal as E, StatusPill as Et, DropdownMenuItem$1 as F, TableHead as Ft, DropdownMenuTrigger$1 as G, TerminalLine as Gt, DropdownMenuSub$1 as H, TerminalCursor as Ht, DropdownMenuLabel$1 as I, TableHeader as It, FilterField as J, Textarea$1 as Jt, EmptyState$1 as K, TextShimmer as Kt, DropdownMenuPortal as L, TableRow as Lt, DropdownMenuCheckboxItem as M, TableCaption as Mt, DropdownMenuContent$1 as N, TableCell as Nt, DialogTrigger as O, StatusTone as Ot, DropdownMenuGroup as P, TableFooter as Pt, Input$1 as Q, ToastContainer as Qt, DropdownMenuRadioGroup as R, Tabs$1 as Rt, DialogDescription$1 as S, SkeletonCard$1 as St, DialogOverlay as T, StatCardProps as Tt, DropdownMenuSubContent$1 as U, TerminalDisplay as Ut, DropdownMenuShortcut as V, TabsTrigger$1 as Vt, DropdownMenuSubTrigger$1 as W, TerminalInput as Wt, InlineCode as X, ThemeToggle as Xt, FilterFieldProps as Y, TextareaProps as Yt, InlineCodeProps as Z, Toast as Zt, CodeBlockProps as _, SectionTitleProps as _n, SelectTrigger$1 as _t, AvatarImage$1 as a, badgeVariants as an, Progress$1 as at, DialogClose as b, TangleKnot$1 as bn, SidebarDropZoneProps as bt, Button$1 as c, useToast as cn, SegmentedControlProps as ct, CardContent$1 as d, Heading as dn, SelectGroup as dt, Toolbar as en, Label$1 as et, CardDescription$1 as f, HeadingProps as fn, SelectItem$1 as ft, CodeBlock as g, SectionTitle as gn, SelectSeparator as gt, CardTitle$1 as h, PageHeaderProps as hn, SelectScrollUpButton as ht, AvatarFallback$1 as i, UploadProgressProps as in, MetricStripProps as it, DropdownMenu$1 as j, TableBody as jt, DropZone as k, Switch as kt, ButtonProps$1 as l, PageShell as ln, Select$1 as lt, CardHeader$1 as m, PageHeader as mn, SelectScrollDownButton as mt, ArtifactPaneProps as n, UploadFile as nn, MetricProps as nt, Badge$1 as o, buttonVariants as on, SegmentedControl as ot, CardFooter as p, HeadingVariant as pn, SelectLabel as pt, EmptyStateProps as q, TextShimmerProps as qt, Avatar$1 as r, UploadProgress as rn, MetricStrip as rt, BadgeProps as s, useTheme$1 as sn, SegmentedControlOption as st, ArtifactPane$1 as t, ToolbarProps as tn, Metric as tt, Card$1 as u, PageShellProps as un, SelectContent$1 as ut, CopyButton as v, Logo$1 as vn, SelectValue$1 as vt, DialogHeader$1 as w, StatCard$1 as wt, DialogContent$1 as x, Skeleton$1 as xt, Dialog$1 as y, LogoProps as yn, SidebarDropZone as yt, DropdownMenuRadioItem as z, TabsContent$1 as zt };

package/dist/primitives-BnVvXgcl.js

@@ -1,113 +0,0 @@
-import { t as cn } from "./utils-DzWbktWG.js";
-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, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricStrip, 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, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-//#region src/primitives/logo.tsx
-/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
-function Logo$1({ variant = "sandbox", size = "md", className, iconOnly = false }) {
-	return /* @__PURE__ */ jsx(Logo, {
-		size,
-		variant: iconOnly ? "icon" : "full",
-		suffix: variant === "sandbox" ? "Sandbox" : null,
-		className
-	});
-}
-Logo$1.displayName = "Logo";
-//#endregion
-//#region src/primitives/heading.tsx
-const VARIANT_CLASS = {
-	display: "font-display font-bold text-foreground text-[length:var(--font-size-display,3rem)] leading-[var(--line-height-display,1.05)] tracking-[var(--tracking-tight,-0.02em)]",
-	hero: "font-display font-bold text-foreground text-[length:var(--font-size-hero,2.5rem)] leading-[1.1] tracking-[var(--tracking-tight,-0.02em)]",
-	page: "font-display font-semibold text-foreground text-[length:var(--font-size-3xl,1.875rem)] leading-[var(--line-height-heading,1.15)] tracking-[var(--tracking-tight,-0.02em)]",
-	section: "font-display font-semibold text-foreground text-[length:var(--font-size-xl,1.25rem)] leading-[1.3] tracking-[var(--tracking-snug,-0.01em)]",
-	subsection: "font-semibold text-foreground text-[length:var(--font-size-lg,1rem)] leading-[1.4]",
-	eyebrow: "font-semibold uppercase text-muted-foreground text-[length:var(--font-size-sm,0.75rem)] leading-none tracking-[var(--tracking-wide,0.08em)]"
-};
-const DEFAULT_TAG = {
-	display: "h1",
-	hero: "h2",
-	page: "h1",
-	section: "h2",
-	subsection: "h3",
-	eyebrow: "p"
-};
-/**
-* Role-based heading. Forwards a ref to the underlying element and passes
-* through standard HTML/ARIA/data-* attributes so it drops into tests,
-* scroll-spy, and a11y tooling without friction.
-*/
-const Heading = forwardRef(function Heading({ role, as, className, children, ...rest }, ref) {
-	const Tag = as ?? DEFAULT_TAG[role];
-	return /* @__PURE__ */ jsx(Tag, {
-		ref,
-		className: cn(VARIANT_CLASS[role], className),
-		...rest,
-		children
-	});
-});
-/**
-* Standard page header: one title size, one description style, one action
-* slot — used by every page so titles never drift between surfaces.
-*/
-function PageHeader({ title, description, eyebrow, action, className, titleAs }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "space-y-1.5",
-			children: [
-				eyebrow ? /* @__PURE__ */ jsx(Heading, {
-					role: "eyebrow",
-					children: eyebrow
-				}) : null,
-				/* @__PURE__ */ jsx(Heading, {
-					role: "page",
-					as: titleAs,
-					children: title
-				}),
-				description ? /* @__PURE__ */ jsx("p", {
-					className: "max-w-2xl text-[length:var(--font-size-base,0.9375rem)] text-muted-foreground leading-relaxed",
-					children: description
-				}) : null
-			]
-		}), action ? /* @__PURE__ */ jsx("div", {
-			className: "flex shrink-0 items-center gap-2",
-			children: action
-		}) : null]
-	});
-}
-/** Section heading inside a page — smaller than PageHeader, same rhythm. */
-function SectionTitle({ title, description, action, className }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col gap-1 sm:flex-row sm:items-start sm:justify-between", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "space-y-1",
-			children: [/* @__PURE__ */ jsx(Heading, {
-				role: "section",
-				children: title
-			}), description ? /* @__PURE__ */ jsx("p", {
-				className: "max-w-xl text-[length:var(--font-size-sm,0.75rem)] text-muted-foreground",
-				children: description
-			}) : null]
-		}), action ? /* @__PURE__ */ jsx("div", {
-			className: "shrink-0",
-			children: action
-		}) : null]
-	});
-}
-//#endregion
-//#region src/primitives/page-shell.tsx
-/**
-* Canonical page container — one max-width, one gutter, one vertical rhythm
-* so every page sits on the same grid. Gutter widens on large viewports.
-* Layout primitive (not a heading); kept in its own module so consumers
-* looking for page layout don't have to reach into the typography file.
-*/
-function PageShell({ children, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("mx-auto w-full max-w-6xl space-y-8 px-6 py-8 lg:px-8", className),
-		children
-	});
-}
-//#endregion
-export { SelectItem$1 as $, DropdownMenuItem$1 as A, Textarea$1 as At, DropdownMenuTrigger$1 as B, PageShell as Bt, DialogTitle$1 as C, TabsList$1 as Ct, DropdownMenuCheckboxItem as D, TerminalInput as Dt, DropdownMenu$1 as E, TerminalDisplay as Et, DropdownMenuSeparator$1 as F, UploadProgress as Ft, Label$1 as G, TangleKnot$1 as Gt, FilterField as H, PageHeader as Ht, DropdownMenuShortcut as I, badgeVariants as It, Progress$1 as J, Metric as K, DropdownMenuSub$1 as L, buttonVariants as Lt, DropdownMenuPortal as M, ToastContainer as Mt, DropdownMenuRadioGroup as N, ToastProvider as Nt, DropdownMenuContent$1 as O, TerminalLine as Ot, DropdownMenuRadioItem as P, Toolbar as Pt, SelectGroup as Q, DropdownMenuSubContent$1 as R, useTheme$1 as Rt, DialogPortal as S, TabsContent$1 as St, DropZone as T, TerminalCursor as Tt, InlineCode as U, SectionTitle as Ut, EmptyState$1 as V, Heading as Vt, Input$1 as W, Logo$1 as Wt, Select$1 as X, SegmentedControl as Y, SelectContent$1 as Z, DialogContent$1 as _, TableFooter as _t, Badge$1 as a, SelectValue$1 as at, DialogHeader$1 as b, TableRow as bt, CardContent$1 as c, SkeletonCard$1 as ct, CardHeader$1 as d, StatusPill as dt, SelectLabel as et, CardTitle$1 as f, Switch as ft, DialogClose as g, TableCell as gt, Dialog$1 as h, TableCaption as ht, AvatarImage$1 as i, SelectTrigger$1 as it, DropdownMenuLabel$1 as j, ThemeToggle as jt, DropdownMenuGroup as k, TextShimmer as kt, CardDescription$1 as l, SkeletonTable as lt, CopyButton as m, TableBody as mt, Avatar$1 as n, SelectScrollUpButton as nt, Button$1 as o, SidebarDropZone as ot, CodeBlock as p, Table as pt, MetricStrip as q, AvatarFallback$1 as r, SelectSeparator as rt, Card$1 as s, Skeleton$1 as st, ArtifactPane$1 as t, SelectScrollDownButton as tt, CardFooter as u, StatCard$1 as ut, DialogDescription$1 as v, TableHead as vt, DialogTrigger as w, TabsTrigger$1 as wt, DialogOverlay as x, Tabs$1 as xt, DialogFooter$1 as y, TableHeader as yt, DropdownMenuSubTrigger$1 as z, useToast as zt };

package/dist/{chat-Ci6Xi1rd.js → chat-Xqhcoxmw.js}

@@ -1,9 +1,9 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import { focusField, focusRing } from "@tangle-network/ui/utils";
 import { createPortal } from "react-dom";
 import { Bot, Brain, Check, ChevronDown, Lock, Pencil, Plus, Send, Sparkles, Square, Trash2, X } from "lucide-react";
+import { focusField, focusRing } from "@tangle-network/ui/utils";
 import { AgentTimeline, ChatContainer as ChatContainer$1, ChatMessage, ChatMessage as ChatMessage$1, MessageList, ThinkingIndicator, UserMessage } from "@tangle-network/ui/chat";
 import { modelProvider, reasoningLadder, snapHarnessToModel } from "@tangle-network/agent-interface";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";

package/dist/{connections-DDRGYDvF.js → connections-C5DxYxvz.js}

@@ -1,8 +1,8 @@
 import { Button } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import { cn } from "@tangle-network/ui/utils";
 import { AlertCircle, CheckCircle2, Loader2, MessageSquare, ShieldCheck } from "lucide-react";
+import { cn } from "@tangle-network/ui/utils";
 //#region src/connections/agent-messaging-connection.tsx
 function AgentStatus({ enrollment }) {
 	switch (enrollment.status) {

package/dist/{embedded-app-view-CoiS_kfY.js → embedded-app-view-CMRPEvon.js}

@@ -3,8 +3,8 @@ import { t as WorkspacePaneHeader } from "./workspace-pane-header-Bg1cCcHX.js";
 import { Button } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
-import { focusField } from "@tangle-network/ui/utils";
 import { ExternalLink, RotateCw } from "lucide-react";
+import { focusField } from "@tangle-network/ui/utils";
 //#region src/workbench/preview-policy.ts
 /** Only an actual verified HTTP outcome can establish application readiness. */
 function previewReadinessLabel(readiness) {

package/dist/{workspace-fIHRXmWT.js → workspace--bNv-rQy.js}

@@ -3,12 +3,12 @@ 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, 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 { useCallback, useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 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 { focusField, focusRing, focusRingInset } from "@tangle-network/ui/utils";
 import { FileArtifactPane, FileTree, filterFileTree } from "@tangle-network/ui/files";
 import { useActiveSessions, useNavbarSessions, useProjectActivity, useTotalRunningSessions } from "@tangle-network/ui/stores";
 import { ChatContainer } from "@tangle-network/ui/chat";