@tangle-network/sandbox-ui 0.134.7 → 0.134.8

package/dist/tokens.css

@@ -57,14 +57,14 @@
 .dark {
   color-scheme: dark;
   --md3-surface: #0a0a14; /* L0 page canvas — indigo-lifted off black */
-  --md3-surface-dim: #060610; /* recessed page */
+  --md3-surface-dim: #040408; /* recessed page: 4.1 L under the #0a0a14 panel (the inset workspace surface needs >= 3) */
   --md3-surface-bright: #232238;
   /* Same value as --md3-surface-dim by design, not by drift: both name the floor
    * of the ladder, and dark has no plane below it to give them. They stay two
    * tokens because the roles diverge in light, where the well is paper (#ffffff)
    * and the recessed page is grey (#dcdee6) — a consumer binding to the wrong one
    * there gets the wrong surface. */
-  --md3-surface-container-lowest: #050509; /* L-1 terminal/code well */
+  --md3-surface-container-lowest: #040408; /* L-1 terminal/code well */
   --md3-surface-container-low: #12111f; /* L1 chrome, field wells */
   --md3-surface-container: #191826; /* L2 resting card */
   --md3-surface-container-high: #221f33; /* L3 nested / hover */
@@ -494,6 +494,27 @@
   --tracking-snug: -0.01em;       /* section titles */
   --tracking-wide: 0.08em;        /* uppercase eyebrows / stat labels */
 
+  /* Expressive roles are opt-in; operational type and controls keep their scale. */
+  --tracking-display: -0.03em;
+  --hero-gutter: 1.5rem;
+  --hero-padding-top: clamp(5rem, 3rem + 5vw, 7rem);
+  --hero-padding-bottom: clamp(4rem, 2rem + 5vw, 6rem);
+  --display-max-width: 56rem;
+  --reading-max-width: 42rem;
+  --hero-action-gap: 0.75rem;
+  --hero-content-gap: 1.5rem;
+  --display-control-height: 2.875rem;
+  --display-control-radius: 0.625rem;
+  --display-control-font-size: 0.9375rem;
+  --display-control-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 4px 16px hsl(var(--primary) / 0.2);
+  --display-gradient: linear-gradient(135deg, hsl(var(--foreground)) 10%, var(--accent-text) 70%);
+  --hero-grid-pitch: 3.5rem;
+  --hero-atmosphere-opacity: 0.16;
+  --hero-knot-opacity: 0.07;
+  --duration-expressive-entrance: 300ms;
+  --duration-expressive-ambient: 14s;
+  --ease-expressive: cubic-bezier(0.16, 1, 0.3, 1);
+
   /* Component spacing — override per-app for tighter/looser layouts */
   --avatar-size: 2rem;            /* 32px — chat avatars */
   --timeline-dot-size: 0.625rem;  /* 10px — timeline connector dots */
@@ -539,6 +560,13 @@
   --motion-dismiss: var(--duration-instant) var(--ease-exit);
   --motion-stream: var(--duration-stream) var(--ease-expo);
   --motion-arrive: var(--duration-arrive) var(--ease-expo);
+
+  /* Elapsed interaction thresholds, not animation durations. See
+   * docs/design-bible.md#interaction. Reduced motion leaves these unchanged. */
+  --interaction-feedback-budget: 100ms;
+  --interaction-pending-delay: 200ms;
+  --interaction-long-work-delay: 1000ms;
+  --interaction-mutation-budget: 500ms;
   --stagger-step: 50ms;
   --stagger-index: 0;
   --arrive-distance: 8px;
@@ -950,9 +978,15 @@
  *           level in, --hsl-raised-2 two levels in.
  *   --well  the field fill: --well-page on the page, --well-card in a card,
  *           --well-raised in a card in a card, --well-raised-2 deeper still.
- * A theme that tunes its ladder (Hospitality) sets these per mode. The defaults
- * below reproduce the plain spine exactly — every level paints the card and
- * every well is --bg-input — so a theme that does not set them looks as it did.
+ * A theme that tunes its ladder (Hospitality) sets these per mode. Every other
+ * theme gets wells derived from its own page and card, so a field always sits
+ * at least 3 OKLCH L points off the plane it is on (agent-app-signoff
+ * surface-ladder): dark wells recess below the page (page + 30% black: -4.6 L on
+ * the page, -10.9 L in a card on the spine); light wells take the opposite plane
+ * (the card on the page, the page in a card: 5 L either way). The old shared
+ * --bg-input sat +3.1 above the dark page and -2.6 under the white card. Raised
+ * levels still paint the card here: --hsl-raised is an HSL triplet and cannot
+ * be derived per theme.
  *
  * INTERACTION. Four states, all from the focus ring hue (--hsl-ring), so one
  * green or one indigo marks every interactive thing in a theme:
@@ -972,12 +1006,14 @@
 [data-theme] {
   --hsl-raised: var(--hsl-card);
   --hsl-raised-2: var(--hsl-card);
-  --well-page: var(--bg-input);
-  --well-card: var(--bg-input);
-  --well-raised: var(--bg-input);
-  --well-raised-2: var(--bg-input);
+  --well-page: color-mix(in oklab, hsl(var(--hsl-background)) 70%, black);
+  --well-card: var(--well-page);
+  --well-raised: var(--well-page);
+  --well-raised-2: var(--well-page);
   --well: var(--well-page);
-  --field-border: hsl(var(--hsl-border));
+  /* The hairline is 1.5:1 by design; a field edge is non-text UI and needs 3:1.
+   * 45% toward the ink measures 4.0:1 on the spine card in both modes. */
+  --field-border: color-mix(in oklab, hsl(var(--hsl-border)), hsl(var(--hsl-foreground)) 45%);
   --shadow-raised: var(--shadow-card);
   /* A shadow token joins a comma list, so "none" would void the whole list. */
   --shadow-well: 0 0 0 0 transparent;
@@ -991,8 +1027,9 @@
   --ix-hover-bg: hsl(var(--hsl-ring) / 0.08);
 }
 
-/* Light planes need less tint for the same step. Same scope list as the chart
- * light rule below; dark is the default. */
+/* Light planes need less tint for the same step, and take their wells from the
+ * opposite plane. Same scope list as the chart light rule below; dark is the
+ * default. */
 [data-sandbox-theme="vault"]:where(:not(.dark)),
 [data-sandbox-theme="dawn"]:where(:not(.dark)),
 [data-theme="hospitality"]:where(:not(.dark)),
@@ -1002,6 +1039,10 @@
 [data-theme$="-light"] {
   --ix-sel-bg: hsl(var(--hsl-ring) / 0.13);
   --ix-hover-bg: hsl(var(--hsl-ring) / 0.07);
+  --well-page: hsl(var(--hsl-card));
+  --well-card: hsl(var(--hsl-background));
+  --well-raised: hsl(var(--hsl-background));
+  --well-raised-2: hsl(var(--hsl-background));
 }
 
 /* Surface context: keyed only on the Card primitive's data-slot, never on app

package/dist/utils.d.ts

@@ -1,2 +1,2 @@
-import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, timeAgo, truncateText } from "@tangle-network/ui/utils";
-export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, timeAgo, truncateText };
+import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText } from "@tangle-network/ui/utils";
+export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText };

package/dist/utils.js

@@ -1,2 +1,2 @@
-import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, timeAgo, truncateText } from "@tangle-network/ui/utils";
-export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, timeAgo, truncateText };
+import { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText } from "@tangle-network/ui/utils";
+export { TOOL_CATEGORY_ICONS, cn, copyText, focusField, focusFieldInvalid, focusFieldWithin, focusRing, focusRingInset, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, ixControl, ixControlAfter, ixControlSoft, ixField, ixRow, ixSelected, ixTabUnderline, plainTextFromMarkdown, timeAgo, truncateText };

package/dist/{workbench-Ai6g85oA.js → workbench-0OM6RX2-.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { a as PortsList } from "./dashboard-Ba7DlJHW.js";
+import { a as PortsList } from "./dashboard-CUFAz94r.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CYb9hevq.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-Ai6g85oA.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-0OM6RX2-.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CYb9hevq.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/{workspace-ElQALzwV.js → workspace-BJgSt2WW.js}

@@ -1,6 +1,6 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
 import { r as ShellHeader } from "./shell-header-CTh3oV_e.js";
-import { t as MOTION_CONTROL } from "./motion-DkyBRJb9.js";
+import { t as MOTION_CONTROL } from "./motion-D4njYpys.js";
 import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-DtoCNNBJ.js";
 import { ArtifactPane, ArtifactPane as ArtifactPane$1, Button, EmptyState, Input, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1478,7 +1478,7 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
 						type: "button",
 						onClick: onCollapse,
 						"aria-label": "Hide chats",
-						className: cn$1("flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-surface-container hover:text-foreground", "duration-[var(--duration-fast)] ease-[var(--ease-standard)]"),
+						className: cn$1("flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-surface-container hover:text-foreground", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none"),
 						children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
 					})
 				]
@@ -1508,7 +1508,7 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
 						type: "button",
 						onClick: onCreate,
 						title: createLabel,
-						className: cn$1("flex h-7 w-7 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--md3-outline-variant)] text-muted-foreground transition-colors hover:bg-[var(--accent-surface-soft)] hover:text-foreground", "duration-[var(--duration-fast)] ease-[var(--ease-standard)]"),
+						className: cn$1("flex h-7 w-7 items-center justify-center rounded-[var(--radius-sm)] border border-[var(--md3-outline-variant)] text-muted-foreground transition-colors hover:bg-[var(--accent-surface-soft)] hover:text-foreground", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none"),
 						children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
 					})]
 				})]
@@ -1522,7 +1522,7 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
 						onChange: (event) => setQuery(event.target.value),
 						placeholder: searchPlaceholder,
 						"aria-label": searchPlaceholder,
-						className: cn$1(quiet ? `h-8 w-full rounded-md border-0 bg-transparent pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus-visible:bg-surface-container ${focusRing}` : `h-8 w-full rounded-[var(--radius-sm)] border bg-surface-container-lowest pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground ${focusField}`, "duration-[var(--duration-fast)] ease-[var(--ease-standard)]")
+						className: cn$1(quiet ? `h-8 w-full rounded-md border-0 bg-transparent pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus-visible:bg-surface-container ${focusRing}` : `h-8 w-full rounded-[var(--radius-sm)] border bg-surface-container-lowest pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground ${focusField}`, "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none")
 					})]
 				}), filters.length > 0 && /* @__PURE__ */ jsx("div", {
 					className: cn$1("flex flex-wrap gap-1", enableSearch && items.length > 0 && "mt-2"),
@@ -1531,7 +1531,7 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
 						return /* @__PURE__ */ jsxs("button", {
 							type: "button",
 							onClick: () => setActiveFilterId(filter.id),
-							className: cn$1("inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium transition-colors", "duration-[var(--duration-fast)] ease-[var(--ease-standard)]", isSelected ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-primary" : "border-[var(--md3-outline-variant)] text-muted-foreground hover:text-foreground"),
+							className: cn$1("inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium transition-colors", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none", isSelected ? "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-primary" : "border-[var(--md3-outline-variant)] text-muted-foreground hover:text-foreground"),
 							children: [/* @__PURE__ */ jsx("span", { children: filter.label }), /* @__PURE__ */ jsx("span", {
 								className: "text-[11px] opacity-60",
 								children: filterCounts[filter.id] ?? 0
@@ -1583,7 +1583,7 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
 								}
 								navigateToHref(link.href);
 							},
-							className: cn$1("flex w-full items-center gap-2 rounded-[var(--radius-sm)] px-3 py-2 text-left text-sm text-muted-foreground transition-colors hover:bg-accent/30 hover:text-foreground", "duration-[var(--duration-fast)] ease-[var(--ease-standard)]"),
+							className: cn$1("flex w-full items-center gap-2 rounded-[var(--radius-sm)] px-3 py-2 text-left text-sm text-muted-foreground transition-colors hover:bg-accent/30 hover:text-foreground", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none"),
 							children: [/* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ jsx("span", {
 								className: "truncate",
 								children: link.label
@@ -1593,7 +1593,7 @@ function SessionSidebar({ title, subtitle, projectId = null, items, currentItemI
 				})
 			}),
 			resizable && /* @__PURE__ */ jsx("div", {
-				className: cn$1("absolute top-0 right-0 bottom-0 w-1 cursor-col-resize hover:bg-[var(--accent-surface-soft)] active:bg-[var(--border-accent)] transition-colors", "duration-[var(--duration-fast)] ease-[var(--ease-standard)]"),
+				className: cn$1("absolute top-0 right-0 bottom-0 w-1 cursor-col-resize hover:bg-[var(--accent-surface-soft)] active:bg-[var(--border-accent)] transition-colors", "[transition:color_var(--motion-control),background-color_var(--motion-control),border-color_var(--motion-control),box-shadow_var(--motion-control),transform_var(--motion-control),scale_var(--motion-control),opacity_var(--motion-control)] motion-reduce:transition-none"),
 				onPointerDown: resize.onPointerDown,
 				onPointerMove: resize.onPointerMove,
 				onPointerUp: resize.onPointerUp,

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-CTh3oV_e.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-ElQALzwV.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-BJgSt2WW.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.134.7",
+  "version": "0.134.8",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -133,8 +133,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 || ^3.0.0 || ^5.2.0",
-    "@tangle-network/brand": "^1.23.0",
-    "@tangle-network/ui": "^11.33.0",
+    "@tangle-network/brand": "^1.25.1",
+    "@tangle-network/ui": "^11.38.1",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -223,8 +223,8 @@
     "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "5.2.0",
-    "@tangle-network/brand": "1.23.0",
-    "@tangle-network/ui": "11.33.0",
+    "@tangle-network/brand": "1.25.1",
+    "@tangle-network/ui": "11.38.1",
     "@tanstack/react-query": "^5.104.0",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",

package/dist/index-BqRlajlc.d.ts

@@ -1,30 +0,0 @@
-import { Alert as Alert$1, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertProps, AlertTitle, AlertTone, 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, CATEGORY_TONES, Calendar, CalendarDate, CalendarProps, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardTitleProps, CategoryTone, Checkbox, Chip, ChipProps, CodeBlock, CodeBlockProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DatePicker as DatePicker$1, DatePickerProps, Dialog as Dialog$1, DialogClose as DialogClose$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, 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 as FilterField$1, FilterFieldProps, Heading, HeadingVariant, HeadingVariant as HeadingVariant$1, HelpText, HelpTextProps, IconTile, IconTileProps, InlineCode, InlineCodeProps, Input as Input$1, InputProps, Label as Label$1, Metric, MetricProps, MetricStrip, MetricStripProps, PageHeader as PageHeader$1, PageHeaderProps, PageHeaderProps as PageHeaderProps$1, PageShell as PageShell$1, PageShellProps, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress as Progress$1, RadioGroup, RadioGroupItem, 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, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, SidebarDropZoneProps, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, Slider, StatCard as StatCard$1, StatCardProps, StatusPill as StatusPill$1, StatusPillProps as StatusPillProps$1, StatusTone as StatusTone$1, Switch, TONE_CLASSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProps, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, Tag, TagProps, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, TextShimmerProps, Textarea as Textarea$1, TextareaProps, ThemeToggle, TimeSelect, TimeSelectProps, Toast, ToastContainer, ToastProvider, Tone, ToneClasses, Toolbar as Toolbar$1, ToolbarProps, Tooltip as Tooltip$1, TooltipContent as TooltipContent$1, TooltipProvider as TooltipProvider$1, TooltipTrigger as TooltipTrigger$1, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, formatCalendarDate, initialsOf, localToday as localToday$1, parseCalendarDate, toneFor, useTheme, 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
-/** Preserve the existing public type's required visual role and children.
- * The binding above remains UI's object, without a local render function.
- */
-interface HeadingProps extends Omit<HTMLAttributes<HTMLElement>, "role"> {
-  role: HeadingVariant;
-  as?: ElementType;
-  children: ReactNode;
-}
-type SectionTitleProps = Pick<PageHeaderProps, "title" | "description" | "action" | "className">;
-/** Compatibility name for the canonical nested (h2) page header. */
-declare function SectionTitle(props: SectionTitleProps): import("react").JSX.Element;
-//#endregion
-export { ContextMenuRadioGroup as $, Table as $n, TangleKnot$1 as $r, MetricProps as $t, Card$1 as A, Sheet as An, Toolbar$1 as Ar, DropdownMenuRadioItem as At, ChipProps as B, SidebarDropZone as Bn, buttonVariants as Br, FilterFieldProps as Bt, BadgeProps as C, SelectLabel as Cn, TimeSelect as Cr, DropdownMenuCheckboxItem as Ct, Calendar as D, SelectTrigger$1 as Dn, ToastProvider as Dr, DropdownMenuLabel$1 as Dt, CATEGORY_TONES as E, SelectSeparator as En, ToastContainer as Er, DropdownMenuItem$1 as Et, CardTitle$1 as F, SheetHeader as Fn, TooltipTrigger$1 as Fr, DropdownMenuSubTrigger$1 as Ft, CollapsibleTrigger as G, Slider as Gn, toneFor as Gr, IconTile as Gt, CodeBlockProps as H, Skeleton$1 as Hn, initialsOf as Hr, HeadingVariant$1 as Ht, CardTitleProps as I, SheetOverlay as In, UploadFile as Ir, DropdownMenuTrigger$1 as It, ContextMenuContent as J, StatusPill$1 as Jn, HeadingProps as Jr, InlineCodeProps as Jt, ContextMenu as K, StatCard$1 as Kn, useTheme as Kr, IconTileProps as Kt, CategoryTone as L, SheetPortal as Ln, UploadProgress as Lr, EmptyState$1 as Lt, CardDescription$1 as M, SheetContent as Mn, Tooltip$1 as Mr, DropdownMenuShortcut as Mt, CardFooter as N, SheetDescription as Nn, TooltipContent$1 as Nr, DropdownMenuSub$1 as Nt, CalendarDate as O, SelectValue$1 as On, Tone as Or, DropdownMenuPortal as Ot, CardHeader$1 as P, SheetFooter as Pn, TooltipProvider$1 as Pr, DropdownMenuSubContent$1 as Pt, ContextMenuPortal as Q, TONE_CLASSES as Qn, LogoProps as Qr, Metric as Qt, Checkbox as R, SheetTitle as Rn, UploadProgressProps as Rr, EmptyStateProps as Rt, Badge$1 as S, SelectItem$1 as Sn, ThemeToggle as Sr, DropdownMenu$1 as St, ButtonProps$1 as T, SelectScrollUpButton as Tn, Toast as Tr, DropdownMenuGroup as Tt, Collapsible as U, SkeletonCard$1 as Un, localToday$1 as Ur, HelpText as Ut, CodeBlock as V, SidebarDropZoneProps as Vn, formatCalendarDate as Vr, Heading as Vt, CollapsibleContent as W, SkeletonTable as Wn, parseCalendarDate as Wr, HelpTextProps as Wt, ContextMenuItem as X, StatusTone$1 as Xn, SectionTitleProps as Xr, InputProps as Xt, ContextMenuGroup as Y, StatusPillProps$1 as Yn, SectionTitle as Yr, Input$1 as Yt, ContextMenuLabel as Z, Switch as Zn, Logo$1 as Zr, Label$1 as Zt, ArtifactPane$1 as _, SegmentedControlOption as _n, TerminalLine as _r, DialogPortal as _t, AlertDialogCancel as a, PageShellProps as an, TableHeader as ar, ContextMenuSubTrigger as at, AvatarFallback$1 as b, SelectContent$1 as bn, Textarea$1 as br, DropZone as bt, AlertDialogFooter as c, Popover as cn, Tabs$1 as cr, DatePicker$1 as ct, AlertDialogPortal as d, PopoverContent as dn, TabsTrigger$1 as dr, DialogClose$1 as dt, MetricStrip as en, TableBody as er, ContextMenuRadioItem as et, AlertDialogTitle as f, PopoverTrigger as fn, Tag as fr, DialogContent$1 as ft, AlertTone as g, SegmentedControl as gn, TerminalInput as gr, DialogOverlay as gt, AlertTitle as h, RadioGroupItem as hn, TerminalDisplay as hr, DialogHeader$1 as ht, AlertDialogAction as i, PageShell$1 as in, TableHead as ir, ContextMenuSubContent as it, CardContent$1 as j, SheetClose as jn, ToolbarProps as jr, DropdownMenuSeparator$1 as jt, CalendarProps as k, Separator as kn, ToneClasses as kr, DropdownMenuRadioGroup as kt, AlertDialogHeader as l, PopoverAnchor as ln, TabsContent$1 as lr, DatePickerProps as lt, AlertProps as m, RadioGroup as mn, TerminalCursor as mr, DialogFooter$1 as mt, AlertDescription as n, PageHeader$1 as nn, TableCell as nr, ContextMenuShortcut as nt, AlertDialogContent as o, Pagination as on, TableProps as or, ContextMenuTrigger as ot, AlertDialogTrigger as p, Progress$1 as pn, TagProps as pr, DialogDescription$1 as pt, ContextMenuCheckboxItem as q, StatCardProps as qn, useToast as qr, InlineCode as qt, AlertDialog as r, PageHeaderProps$1 as rn, TableFooter as rr, ContextMenuSub as rt, AlertDialogDescription as s, PaginationProps as sn, TableRow as sr, CopyButton as st, Alert$1 as t, MetricStripProps as tn, TableCaption as tr, ContextMenuSeparator as tt, AlertDialogOverlay as u, PopoverClose as un, TabsList$1 as ur, Dialog$1 as ut, ArtifactPaneProps as v, SegmentedControlProps as vn, TextShimmer as vr, DialogTitle$1 as vt, Button$1 as w, SelectScrollDownButton as wn, TimeSelectProps as wr, DropdownMenuContent$1 as wt, AvatarImage$1 as x, SelectGroup as xn, TextareaProps as xr, DropZoneProps as xt, Avatar$1 as y, Select$1 as yn, TextShimmerProps as yr, DialogTrigger$1 as yt, Chip as z, SheetTrigger as zn, badgeVariants as zr, FilterField$1 as zt };

package/dist/motion-DkyBRJb9.js

@@ -1,37 +0,0 @@
-//#region src/lib/motion.ts
-/**
-* The three motion composites, as class strings.
-*
-* Every duration and curve this package animates on comes from a token declared
-* in `src/styles/globals.css` (`--duration-*` / `--ease-*` / `--motion-*`, the
-* same names and values `@tangle-network/agent-app` declares). A hardcoded
-* `duration-150` is invisible to the `prefers-reduced-motion` collapse at
-* `:root`, and "it writes its own timing" and "it ignores reduced motion" are
-* the same defect.
-*
-* These are arbitrary-value utilities rather than named ones (`duration-fast`,
-* the form agent-app's Tailwind preset generates) because the artifact this
-* package ships is the PRECOMPILED `dist/globals.css`, built with
-* `@import "tailwindcss" source(none)` and no JS config. A named utility that no
-* config defines emits no rule, and the failure is silent — the element simply
-* keeps its default timing. An arbitrary value that appears verbatim in scanned
-* source always emits. @see the text-ramp comment in globals.css for the same
-* failure mode, paid for once already.
-*
-* Pair them with a `transition-*` utility that names the properties:
-* `cn("transition-colors", MOTION_CONTROL)`.
-*/
-/** A control already on screen changing state: hover, active, press, focus. */
-const MOTION_CONTROL = "duration-[var(--duration-fast)] ease-[var(--ease-standard)]";
-/** A surface arriving or leaving: a panel, a flyout, a disclosure. */
-const MOTION_SURFACE = "duration-[var(--duration-base)] ease-[var(--ease-entrance)]";
-/**
-* A full-height surface travelling: the rail collapsing, the mobile drawer, the
-* content margin that has to keep pace with them. Pairs `--duration-slow` with
-* `--ease-standard` — the slow tier is the one composite agent-app leaves
-* unnamed, so it is composed here from its two tokens rather than invented as a
-* fourth `--motion-*` the other package would not have.
-*/
-const MOTION_TRAVEL = "duration-[var(--duration-slow)] ease-[var(--ease-standard)]";
-//#endregion
-export { MOTION_SURFACE as n, MOTION_TRAVEL as r, MOTION_CONTROL as t };

package/dist/primitives-DSpl1Thf.js

@@ -1,25 +0,0 @@
-import { Alert as Alert$1, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, ArtifactPane as ArtifactPane$1, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, Button as Button$1, CATEGORY_TONES, Calendar, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, Checkbox, Chip, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DatePicker as DatePicker$1, Dialog as Dialog$1, DialogClose as DialogClose$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, 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 as FilterField$1, Heading, HelpText, IconTile, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricStrip, PageHeader, PageHeader as PageHeader$1, PageShell as PageShell$1, Pagination, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Progress as Progress$1, RadioGroup, RadioGroupItem, 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, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarDropZone, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, Slider, StatCard as StatCard$1, StatusPill as StatusPill$1, Switch, TONE_CLASSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, Tag, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea as Textarea$1, ThemeToggle, TimeSelect, ToastContainer, ToastProvider, Toolbar as Toolbar$1, Tooltip as Tooltip$1, TooltipContent as TooltipContent$1, TooltipProvider as TooltipProvider$1, TooltipTrigger as TooltipTrigger$1, UploadProgress, badgeVariants, buttonVariants, formatCalendarDate, initialsOf, localToday as localToday$1, parseCalendarDate, toneFor, useTheme, 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
-/** 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
-/** Compatibility name for the canonical nested (h2) page header. */
-function SectionTitle(props) {
-	return /* @__PURE__ */ jsx(PageHeader, {
-		...props,
-		level: 2
-	});
-}
-//#endregion
-export { DialogClose$1 as $, formatCalendarDate as $n, SelectSeparator as $t, Chip as A, Tabs$1 as An, Input$1 as At, ContextMenuLabel as B, Textarea$1 as Bn, PopoverContent as Bt, Card$1 as C, TableBody as Cn, DropdownMenuTrigger$1 as Ct, CardHeader$1 as D, TableHead as Dn, HelpText as Dt, CardFooter as E, TableFooter as En, Heading as Et, ContextMenu as F, TerminalCursor as Fn, PageShell$1 as Ft, ContextMenuShortcut as G, Toolbar$1 as Gn, SegmentedControl as Gt, ContextMenuRadioGroup as H, TimeSelect as Hn, Progress$1 as Ht, ContextMenuCheckboxItem as I, TerminalDisplay as In, Pagination as It, ContextMenuSubTrigger as J, TooltipProvider$1 as Jn, SelectGroup as Jt, ContextMenuSub as K, Tooltip$1 as Kn, Select$1 as Kt, ContextMenuContent as L, TerminalInput as Ln, Popover as Lt, Collapsible as M, TabsList$1 as Mn, Metric as Mt, CollapsibleContent as N, TabsTrigger$1 as Nn, MetricStrip as Nt, CardTitle$1 as O, TableHeader as On, IconTile as Ot, CollapsibleTrigger as P, Tag as Pn, PageHeader$1 as Pt, Dialog$1 as Q, buttonVariants as Qn, SelectScrollUpButton as Qt, ContextMenuGroup as R, TerminalLine as Rn, PopoverAnchor as Rt, Calendar as S, Table as Sn, DropdownMenuSubTrigger$1 as St, CardDescription$1 as T, TableCell as Tn, FilterField$1 as Tt, ContextMenuRadioItem as U, ToastContainer as Un, RadioGroup as Ut, ContextMenuPortal as V, ThemeToggle as Vn, PopoverTrigger as Vt, ContextMenuSeparator as W, ToastProvider as Wn, RadioGroupItem as Wt, CopyButton as X, UploadProgress as Xn, SelectLabel as Xt, ContextMenuTrigger as Y, TooltipTrigger$1 as Yn, SelectItem$1 as Yt, DatePicker$1 as Z, badgeVariants as Zn, SelectScrollDownButton as Zt, AvatarFallback$1 as _, Slider as _n, DropdownMenuRadioItem as _t, AlertDialogCancel as a, SheetContent as an, useToast as ar, DialogPortal as at, Button$1 as b, Switch as bn, DropdownMenuSub$1 as bt, AlertDialogFooter as c, SheetHeader as cn, TangleKnot$1 as cr, DropZone as ct, AlertDialogPortal as d, SheetTitle as dn, DropdownMenuContent$1 as dt, SelectTrigger$1 as en, initialsOf as er, DialogContent$1 as et, AlertDialogTitle as f, SheetTrigger as fn, DropdownMenuGroup as ft, Avatar$1 as g, SkeletonTable as gn, DropdownMenuRadioGroup as gt, ArtifactPane$1 as h, SkeletonCard$1 as hn, DropdownMenuPortal as ht, AlertDialogAction as i, SheetClose as in, useTheme as ir, DialogOverlay as it, CodeBlock as j, TabsContent$1 as jn, Label$1 as jt, Checkbox as k, TableRow as kn, InlineCode as kt, AlertDialogHeader as l, SheetOverlay as ln, DropdownMenu$1 as lt, AlertTitle as m, Skeleton$1 as mn, DropdownMenuLabel$1 as mt, AlertDescription as n, Separator as nn, parseCalendarDate as nr, DialogFooter$1 as nt, AlertDialogContent as o, SheetDescription as on, SectionTitle as or, DialogTitle$1 as ot, AlertDialogTrigger as p, SidebarDropZone as pn, DropdownMenuItem$1 as pt, ContextMenuSubContent as q, TooltipContent$1 as qn, SelectContent$1 as qt, AlertDialog as r, Sheet as rn, toneFor as rr, DialogHeader$1 as rt, AlertDialogDescription as s, SheetFooter as sn, Logo$1 as sr, DialogTrigger$1 as st, Alert$1 as t, SelectValue$1 as tn, localToday$1 as tr, DialogDescription$1 as tt, AlertDialogOverlay as u, SheetPortal as un, DropdownMenuCheckboxItem as ut, AvatarImage$1 as v, StatCard$1 as vn, DropdownMenuSeparator$1 as vt, CardContent$1 as w, TableCaption as wn, EmptyState$1 as wt, CATEGORY_TONES as x, TONE_CLASSES as xn, DropdownMenuSubContent$1 as xt, Badge$1 as y, StatusPill$1 as yn, DropdownMenuShortcut as yt, ContextMenuItem as z, TextShimmer as zn, PopoverClose as zt };