@tangle-network/sandbox-ui 0.5.1 → 0.6.0

package/dist/run.js

@@ -1,21 +1,21 @@
 import {
   ToolCallFeed,
   parseToolEvent
-} from "./chunk-XBR3IP7B.js";
+} from "./chunk-33W2TLUL.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
   RunGroup
-} from "./chunk-WC7QTWPN.js";
+} from "./chunk-LY32SP6X.js";
 import "./chunk-HRMUF35V.js";
 import {
   ToolCallGroup,
   ToolCallStep
-} from "./chunk-NTSRY4GW.js";
+} from "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   ExpandedToolDetail,

package/dist/sdk-hooks.js

@@ -7,17 +7,17 @@ import {
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5F4NX5R2.js";
-import "./chunk-XBR3IP7B.js";
+} from "./chunk-MXRQ4MJE.js";
+import "./chunk-33W2TLUL.js";
 import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
   useRunGroups
 } from "./chunk-CNWVHQFY.js";
-import "./chunk-NTSRY4GW.js";
+import "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-RQHJBTEU.js";
 export {
   RealtimeSessionRegistry,

package/dist/tokens.css

@@ -84,6 +84,16 @@
   --error: var(--hsl-destructive);
   --info: var(--hsl-info);
 
+  /* Sidebar tokens */
+  --sidebar-background: 248 52% 5%;
+  --sidebar-foreground: 244 20% 94%;
+  --sidebar-primary: 247 100% 61%;
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 245 28% 21%;
+  --sidebar-accent-foreground: 240 16% 92%;
+  --sidebar-border: 236 16% 18%;
+  --sidebar-ring: 247 100% 61%;
+
   /* Depth scale — Tangle deep indigo surfaces */
   --depth-1: #08071A;
   --depth-2: #131228;
@@ -217,6 +227,19 @@
   --panel-padding: 1rem;
   --content-max-width: 80rem;
 
+  /* Component sizing — override per-app for tighter/looser layouts */
+  --code-padding-x: 0.75rem;
+  --code-padding-y: 0.625rem;
+  --code-font-size: 0.8125rem;
+  --code-line-height: 1.5;
+  --chat-message-px: 0.875rem;
+  --chat-message-py: 0.5rem;
+  --chat-input-py: 0.625rem;
+  --card-padding: 1.25rem;
+  --tool-card-px: 0.75rem;
+  --tool-card-py: 0.5rem;
+  --tool-icon-size: 1.75rem;
+
   /* Transitions */
   --transition-fast: 0.1s ease;
   --transition-default: 0.16s ease;
@@ -323,6 +346,16 @@
   --surface-neutral-border: var(--border-subtle);
   --surface-neutral-text: var(--text-muted);
 
+  /* Sidebar — light */
+  --sidebar-background: 210 17% 97%;
+  --sidebar-foreground: 210 20% 10%;
+  --sidebar-primary: 248 100% 35%;
+  --sidebar-primary-foreground: 0 0% 100%;
+  --sidebar-accent: 210 20% 92%;
+  --sidebar-accent-foreground: 210 20% 10%;
+  --sidebar-border: 214 18% 88%;
+  --sidebar-ring: 248 100% 35%;
+
   --mesh-teal: rgba(44, 140, 134, 0.04);
   --mesh-violet: rgba(74, 58, 255, 0.03);
   --mesh-blue: rgba(29, 111, 164, 0.03);
@@ -392,4 +425,16 @@
   --radius-xl: 12px;
   --control-height: 2rem;
   --panel-padding: 0.625rem;
+
+  --code-padding-x: 0.625rem;
+  --code-padding-y: 0.5rem;
+  --code-font-size: 0.75rem;
+  --code-line-height: 1.4;
+  --chat-message-px: 0.75rem;
+  --chat-message-py: 0.375rem;
+  --chat-input-py: 0.5rem;
+  --card-padding: 1rem;
+  --tool-card-px: 0.625rem;
+  --tool-card-py: 0.375rem;
+  --tool-icon-size: 1.5rem;
 }

package/dist/workspace.js

@@ -10,22 +10,22 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-P24K22CV.js";
+} from "./chunk-WSR2NB2H.js";
 import "./chunk-OEX7NZE3.js";
 import "./chunk-BRBTD7RH.js";
-import "./chunk-R3IU37AW.js";
+import "./chunk-5F3VOGCT.js";
 import "./chunk-CNWVHQFY.js";
-import "./chunk-WC7QTWPN.js";
+import "./chunk-LY32SP6X.js";
 import "./chunk-HRMUF35V.js";
-import "./chunk-NTSRY4GW.js";
+import "./chunk-MJUDMVRU.js";
 import "./chunk-BX6AQMUS.js";
-import "./chunk-VBWY44UU.js";
+import "./chunk-OVNLOE3Y.js";
 import "./chunk-JP725R4W.js";
-import "./chunk-WQH233GF.js";
+import "./chunk-KH5UDAJ2.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
-import "./chunk-H5XYSFYE.js";
+import "./chunk-3HW53XTH.js";
 import "./chunk-TDYQBLL5.js";
 import "./chunk-TSE423UF.js";
 import "./chunk-RQHJBTEU.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -88,6 +88,7 @@
     },
     "./styles": "./dist/styles.css",
     "./globals.css": "./dist/globals.css",
+    "./tokens.css": "./dist/tokens.css",
     "./tailwind": "./tailwind.config.cjs"
   },
   "files": [

package/tailwind.config.cjs

@@ -88,6 +88,17 @@ module.exports = {
         // MD3 inverse tokens
         "inverse-surface": "var(--md3-inverse-surface)",
         "inverse-primary": "var(--md3-inverse-primary)",
+        // Sidebar
+        sidebar: {
+          DEFAULT: "hsl(var(--sidebar-background))",
+          foreground: "hsl(var(--sidebar-foreground))",
+          primary: "hsl(var(--sidebar-primary))",
+          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
+          accent: "hsl(var(--sidebar-accent))",
+          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
+          border: "hsl(var(--sidebar-border))",
+          ring: "hsl(var(--sidebar-ring))",
+        },
       },
       borderRadius: {
         lg: "var(--radius)",