@tangle-network/sandbox-ui 0.67.0 → 0.69.0

package/dist/chat.d.ts

@@ -1,5 +1,5 @@
 import { MessageRole } from '@tangle-network/ui/chat';
-export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, PendingFile, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
+export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReasoningEffort, HarnessType } from '@tangle-network/agent-interface';
 export { modelProvider, snapHarnessToModel } from '@tangle-network/agent-interface';

package/dist/chat.js

@@ -5,7 +5,6 @@ import {
   AgentTimeline,
   ArtifactAgentDock,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
   HARNESS_REASONING_OPTIONS,
@@ -18,7 +17,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-ZR3UHRGW.js";
+} from "./chunk-XL573ZOV.js";
 import "./chunk-HU4B2M4K.js";
 import "./chunk-SF6LPMMN.js";
 import "./chunk-EI44GEQ5.js";
@@ -30,7 +29,6 @@ export {
   AgentTimeline,
   ArtifactAgentDock,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
   HARNESS_REASONING_OPTIONS,

package/dist/{chunk-ZR3UHRGW.js → chunk-XL573ZOV.js}

@@ -15,7 +15,6 @@ import {
 import {
   AgentTimeline,
   ChatContainer,
-  ChatInput,
   ChatMessage as ChatMessage2,
   MessageList,
   ThinkingIndicator,
@@ -1554,7 +1553,6 @@ export {
   createFetchTransport,
   AgentTimeline,
   ChatContainer,
-  ChatInput,
   ChatMessage2 as ChatMessage,
   MessageList,
   ThinkingIndicator,

package/dist/globals.css

@@ -500,9 +500,6 @@
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
-  .my-3 {
-    margin-block: calc(var(--spacing) * 3);
-  }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
@@ -665,6 +662,10 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
   .size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -849,9 +850,6 @@
   .max-h-\[90vh\] {
     max-height: 90vh;
   }
-  .max-h-\[160px\] {
-    max-height: 160px;
-  }
   .max-h-\[min\(60vh\,420px\)\] {
     max-height: min(60vh, 420px);
   }
@@ -888,9 +886,6 @@
   .min-h-\[38px\] {
     min-height: 38px;
   }
-  .min-h-\[42px\] {
-    min-height: 42px;
-  }
   .min-h-\[44px\] {
     min-height: 44px;
   }
@@ -1700,9 +1695,6 @@
   .rounded-\[28px\] {
     border-radius: 28px;
   }
-  .rounded-\[calc\(var\(--radius-md\)\+2px\)\] {
-    border-radius: calc(var(--radius-md) + 2px);
-  }
   .rounded-\[calc\(var\(--radius-xl\)\+2px\)\] {
     border-radius: calc(var(--radius-xl) + 2px);
   }
@@ -1849,24 +1841,12 @@
       border-color: color-mix(in oklab, var(--brand-emerald) 50%, transparent);
     }
   }
-  .border-\[var\(--chat-input-border\,var\(--border-default\)\)\] {
-    border-color: var(--chat-input-border,var(--border-default));
-  }
-  .border-\[var\(--chat-send-border\,var\(--border-accent\)\)\] {
-    border-color: var(--chat-send-border,var(--border-accent));
-  }
   .border-\[var\(--code-error\)\]\/20 {
     border-color: var(--code-error);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--code-error) 20%, transparent);
     }
   }
-  .border-\[var\(--code-error\)\]\/30 {
-    border-color: var(--code-error);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--code-error) 30%, transparent);
-    }
-  }
   .border-\[var\(--code-number\)\]\/20 {
     border-color: var(--code-number);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1927,9 +1907,6 @@
   .border-background {
     border-color: var(--color-background);
   }
-  .border-blue-400 {
-    border-color: var(--color-blue-400);
-  }
   .border-blue-500\/30 {
     border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2089,6 +2066,9 @@
   .\!bg-transparent {
     background-color: transparent !important;
   }
+  .bg-\[\#0a0a0c\] {
+    background-color: #0a0a0c;
+  }
   .bg-\[color-mix\(in_oklch\,var\(--color-warning\,orange\)_18\%\,transparent\)\] {
     background-color: var(--color-warning,orange);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2164,12 +2144,6 @@
       background-color: color-mix(in oklab, var(--code-error) 5%, transparent);
     }
   }
-  .bg-\[var\(--code-error\)\]\/14 {
-    background-color: var(--code-error);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--code-error) 14%, transparent);
-    }
-  }
   .bg-\[var\(--code-number\)\] {
     background-color: var(--code-number);
   }
@@ -2284,12 +2258,6 @@
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
-  .bg-blue-500\/8 {
-    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 8%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent);
-    }
-  }
   .bg-blue-500\/15 {
     background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2570,9 +2538,6 @@
   .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.03\)\,transparent\)\] {
     background-image: linear-gradient(180deg,rgba(255,255,255,0.03),transparent);
   }
-  .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,transparent\)\] {
-    background-image: linear-gradient(180deg,rgba(255,255,255,0.04),transparent);
-  }
   .from-white\/5 {
     --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2740,9 +2705,6 @@
   .py-\[2px\] {
     padding-block: 2px;
   }
-  .py-\[var\(--chat-input-py\)\] {
-    padding-block: var(--chat-input-py);
-  }
   .py-\[var\(--chat-message-py\)\] {
     padding-block: var(--chat-message-py);
   }
@@ -3019,10 +2981,6 @@
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
   }
-  .font-\[var\(--chat-label-weight\,600\)\] {
-    --tw-font-weight: var(--chat-label-weight,600);
-    font-weight: var(--chat-label-weight,600);
-  }
   .font-\[var\(--font-display\)\] {
     --tw-font-weight: var(--font-display);
     font-weight: var(--font-display);
@@ -3083,14 +3041,6 @@
     --tw-tracking: 0.18em;
     letter-spacing: 0.18em;
   }
-  .tracking-\[var\(--chat-label-tracking\,0\.14em\)\] {
-    --tw-tracking: var(--chat-label-tracking,0.14em);
-    letter-spacing: var(--chat-label-tracking,0.14em);
-  }
-  .tracking-\[var\(--chat-label-tracking\,0\.16em\)\] {
-    --tw-tracking: var(--chat-label-tracking,0.16em);
-    letter-spacing: var(--chat-label-tracking,0.16em);
-  }
   .tracking-\[var\(--tracking-snug\,-0\.01em\)\] {
     --tw-tracking: var(--tracking-snug,-0.01em);
     letter-spacing: var(--tracking-snug,-0.01em);
@@ -3148,9 +3098,6 @@
       color: color-mix(in oklab, var(--accent-text) 80%, transparent);
     }
   }
-  .text-\[var\(--brand-cool\)\] {
-    color: var(--brand-cool);
-  }
   .text-\[var\(--brand-cool\,hsl\(var\(--primary\)\)\)\] {
     color: var(--brand-cool,hsl(var(--primary)));
   }
@@ -3172,12 +3119,6 @@
   .text-\[var\(--btn-primary-text\)\] {
     color: var(--btn-primary-text);
   }
-  .text-\[var\(--chat-label-size\,11px\)\] {
-    color: var(--chat-label-size,11px);
-  }
-  .text-\[var\(--chat-send-color\,white\)\] {
-    color: var(--chat-send-color,white);
-  }
   .text-\[var\(--code-error\)\] {
     color: var(--code-error);
   }
@@ -3479,14 +3420,6 @@
     --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.45));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-\[var\(--chat-input-shadow\,0_1px_2px_rgba\(15\,23\,42\,0\.05\)\)\] {
-    --tw-shadow: var(--chat-input-shadow,0 1px 2px rgba(15,23,42,0.05));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .shadow-\[var\(--chat-send-shadow\,0_6px_16px_rgba\(15\,23\,42\,0\.12\)\)\] {
-    --tw-shadow: var(--chat-send-shadow,0 6px 16px rgba(15,23,42,0.12));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-\[var\(--shadow-accent\)\] {
     --tw-shadow: var(--shadow-accent);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3699,12 +3632,6 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[background\:var\(--chat-input-bg\,var\(--bg-card\)\)\] {
-    background: var(--chat-input-bg,var(--bg-card));
-  }
-  .\[background\:var\(--chat-send-bg\,var\(--brand-primary\)\)\] {
-    background: var(--chat-send-bg,var(--brand-primary));
-  }
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
@@ -3874,11 +3801,6 @@
       border-color: var(--border-accent-hover);
     }
   }
-  .focus-within\:border-\[var\(--chat-input-focus-border\,var\(--border-accent\)\)\] {
-    &:focus-within {
-      border-color: var(--chat-input-focus-border,var(--border-accent));
-    }
-  }
   .focus-within\:border-border {
     &:focus-within {
       border-color: var(--color-border);
@@ -3892,12 +3814,6 @@
       }
     }
   }
-  .focus-within\:shadow-\[var\(--chat-input-focus-shadow\,0_10px_30px_rgba\(15\,23\,42\,0\.08\)\)\] {
-    &:focus-within {
-      --tw-shadow: var(--chat-input-focus-shadow,0 10px 30px rgba(15,23,42,0.08));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
   .hover\:-translate-y-0\.5 {
     &:hover {
       @media (hover: hover) {
@@ -3906,14 +3822,6 @@
       }
     }
   }
-  .hover\:translate-y-\[-1px\] {
-    &:hover {
-      @media (hover: hover) {
-        --tw-translate-y: -1px;
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
-    }
-  }
   .hover\:border-\[var\(--border-accent\)\] {
     &:hover {
       @media (hover: hover) {
@@ -4084,16 +3992,6 @@
       }
     }
   }
-  .hover\:bg-\[var\(--code-error\)\]\/24 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--code-error);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--code-error) 24%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25 {
     &:hover {
       @media (hover: hover) {
@@ -4518,13 +4416,6 @@
       }
     }
   }
-  .hover\:\[background\:var\(--chat-send-hover-bg\,var\(--brand-strong\)\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background: var(--chat-send-hover-bg,var(--brand-strong));
-      }
-    }
-  }
   .focus\:border-\[var\(--border-accent\)\] {
     &:focus {
       border-color: var(--border-accent);
@@ -4735,19 +4626,6 @@
       --tw-ring-color: var(--border-accent);
     }
   }
-  .focus-visible\:ring-\[var\(--chat-send-ring\,var\(--border-accent\)\)\] {
-    &:focus-visible {
-      --tw-ring-color: var(--chat-send-ring,var(--border-accent));
-    }
-  }
-  .focus-visible\:ring-\[var\(--code-error\)\]\/50 {
-    &:focus-visible {
-      --tw-ring-color: var(--code-error);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--code-error) 50%, transparent);
-      }
-    }
-  }
   .focus-visible\:ring-primary\/20 {
     &:focus-visible {
       --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { CodeBlock as CodeBlockDisplay, Markdown, MarkdownProps } from '@tangle-
 export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, ApprovalQueueProps, AuditCheck, AuditResults, AuditResultsProps, BannerType, CalendarEvent, CalendarView, CalendarViewProps, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SESSION_CREATED_EVENT, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, SessionActivityMonitor, SessionActivityMonitorProps, SessionCreatedDetail, SessionOptimisticController, SessionSidebar, SessionSidebarBadge, SessionSidebarFilter, SessionSidebarItem, SessionSidebarLink, SessionSidebarProps, ShellShouldRevalidateArgs, ShellShouldRevalidateOptions, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TaskBoard, TaskBoardColumn, TaskBoardItem, TaskBoardProps, TerminalLine, TerminalPanel, TerminalProps, UseOptimisticSessionItemsOptions, WorkspaceLayout, WorkspaceLayoutProps, createShellShouldRevalidate, dispatchSessionCreated, shellShouldRevalidate, useOptimisticSessionItems } from './workspace.js';
 export { ArtifactView, BRAND_PRISM_THEME, CodeSurface, CodeSurfaceProps, CodeView, CodeViewProps, DiffStats, DiffView, DiffViewProps, FileBreadcrumb, FileBreadcrumbProps, GitStatusBadge, PanelHeader, PanelHeaderProps, PillTabItem, PillTabs, PillTabsProps, PreviewView, PreviewViewProps, SandboxArtifact, SandboxArtifactPane, SandboxArtifactPaneProps, SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage } from './workbench.js';
 export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from '@tangle-network/ui/openui';
-export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatInput, ChatInputProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, PendingFile, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
+export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatContainer, ChatContainerProps, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
 export { AgentComposer, AgentComposerProps, AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessControl, AgentSessionModelControl, AgentSessionProfileControl, AgentSessionReasoningControl, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, ComposerFile, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport, isModelCompatibleWithHarness, snapModelToHarness } from './chat.js';
 export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps } from '@tangle-network/ui/run';
 export { CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, QuestionPreview, WebSearchPreview, WriteFilePreview } from '@tangle-network/ui/tool-previews';

package/dist/index.js

@@ -90,7 +90,6 @@ import {
   AgentTimeline,
   ArtifactAgentDock,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
   HARNESS_REASONING_OPTIONS,
@@ -103,7 +102,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-ZR3UHRGW.js";
+} from "./chunk-XL573ZOV.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
@@ -381,7 +380,6 @@ export {
   CardHeader,
   CardTitle,
   ChatContainer,
-  ChatInput,
   ChatMessage,
   ClusterStatusBar,
   CodeBlock,

package/dist/styles.css

@@ -500,9 +500,6 @@
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
-  .my-3 {
-    margin-block: calc(var(--spacing) * 3);
-  }
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
@@ -665,6 +662,10 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
   .size-3 {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -849,9 +850,6 @@
   .max-h-\[90vh\] {
     max-height: 90vh;
   }
-  .max-h-\[160px\] {
-    max-height: 160px;
-  }
   .max-h-\[min\(60vh\,420px\)\] {
     max-height: min(60vh, 420px);
   }
@@ -888,9 +886,6 @@
   .min-h-\[38px\] {
     min-height: 38px;
   }
-  .min-h-\[42px\] {
-    min-height: 42px;
-  }
   .min-h-\[44px\] {
     min-height: 44px;
   }
@@ -1700,9 +1695,6 @@
   .rounded-\[28px\] {
     border-radius: 28px;
   }
-  .rounded-\[calc\(var\(--radius-md\)\+2px\)\] {
-    border-radius: calc(var(--radius-md) + 2px);
-  }
   .rounded-\[calc\(var\(--radius-xl\)\+2px\)\] {
     border-radius: calc(var(--radius-xl) + 2px);
   }
@@ -1849,24 +1841,12 @@
       border-color: color-mix(in oklab, var(--brand-emerald) 50%, transparent);
     }
   }
-  .border-\[var\(--chat-input-border\,var\(--border-default\)\)\] {
-    border-color: var(--chat-input-border,var(--border-default));
-  }
-  .border-\[var\(--chat-send-border\,var\(--border-accent\)\)\] {
-    border-color: var(--chat-send-border,var(--border-accent));
-  }
   .border-\[var\(--code-error\)\]\/20 {
     border-color: var(--code-error);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--code-error) 20%, transparent);
     }
   }
-  .border-\[var\(--code-error\)\]\/30 {
-    border-color: var(--code-error);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--code-error) 30%, transparent);
-    }
-  }
   .border-\[var\(--code-number\)\]\/20 {
     border-color: var(--code-number);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1927,9 +1907,6 @@
   .border-background {
     border-color: var(--color-background);
   }
-  .border-blue-400 {
-    border-color: var(--color-blue-400);
-  }
   .border-blue-500\/30 {
     border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2089,6 +2066,9 @@
   .\!bg-transparent {
     background-color: transparent !important;
   }
+  .bg-\[\#0a0a0c\] {
+    background-color: #0a0a0c;
+  }
   .bg-\[color-mix\(in_oklch\,var\(--color-warning\,orange\)_18\%\,transparent\)\] {
     background-color: var(--color-warning,orange);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2164,12 +2144,6 @@
       background-color: color-mix(in oklab, var(--code-error) 5%, transparent);
     }
   }
-  .bg-\[var\(--code-error\)\]\/14 {
-    background-color: var(--code-error);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--code-error) 14%, transparent);
-    }
-  }
   .bg-\[var\(--code-number\)\] {
     background-color: var(--code-number);
   }
@@ -2284,12 +2258,6 @@
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
-  .bg-blue-500\/8 {
-    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 8%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent);
-    }
-  }
   .bg-blue-500\/15 {
     background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2570,9 +2538,6 @@
   .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.03\)\,transparent\)\] {
     background-image: linear-gradient(180deg,rgba(255,255,255,0.03),transparent);
   }
-  .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)\,transparent\)\] {
-    background-image: linear-gradient(180deg,rgba(255,255,255,0.04),transparent);
-  }
   .from-white\/5 {
     --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2740,9 +2705,6 @@
   .py-\[2px\] {
     padding-block: 2px;
   }
-  .py-\[var\(--chat-input-py\)\] {
-    padding-block: var(--chat-input-py);
-  }
   .py-\[var\(--chat-message-py\)\] {
     padding-block: var(--chat-message-py);
   }
@@ -3019,10 +2981,6 @@
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
   }
-  .font-\[var\(--chat-label-weight\,600\)\] {
-    --tw-font-weight: var(--chat-label-weight,600);
-    font-weight: var(--chat-label-weight,600);
-  }
   .font-\[var\(--font-display\)\] {
     --tw-font-weight: var(--font-display);
     font-weight: var(--font-display);
@@ -3083,14 +3041,6 @@
     --tw-tracking: 0.18em;
     letter-spacing: 0.18em;
   }
-  .tracking-\[var\(--chat-label-tracking\,0\.14em\)\] {
-    --tw-tracking: var(--chat-label-tracking,0.14em);
-    letter-spacing: var(--chat-label-tracking,0.14em);
-  }
-  .tracking-\[var\(--chat-label-tracking\,0\.16em\)\] {
-    --tw-tracking: var(--chat-label-tracking,0.16em);
-    letter-spacing: var(--chat-label-tracking,0.16em);
-  }
   .tracking-\[var\(--tracking-snug\,-0\.01em\)\] {
     --tw-tracking: var(--tracking-snug,-0.01em);
     letter-spacing: var(--tracking-snug,-0.01em);
@@ -3148,9 +3098,6 @@
       color: color-mix(in oklab, var(--accent-text) 80%, transparent);
     }
   }
-  .text-\[var\(--brand-cool\)\] {
-    color: var(--brand-cool);
-  }
   .text-\[var\(--brand-cool\,hsl\(var\(--primary\)\)\)\] {
     color: var(--brand-cool,hsl(var(--primary)));
   }
@@ -3172,12 +3119,6 @@
   .text-\[var\(--btn-primary-text\)\] {
     color: var(--btn-primary-text);
   }
-  .text-\[var\(--chat-label-size\,11px\)\] {
-    color: var(--chat-label-size,11px);
-  }
-  .text-\[var\(--chat-send-color\,white\)\] {
-    color: var(--chat-send-color,white);
-  }
   .text-\[var\(--code-error\)\] {
     color: var(--code-error);
   }
@@ -3479,14 +3420,6 @@
     --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.45));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-\[var\(--chat-input-shadow\,0_1px_2px_rgba\(15\,23\,42\,0\.05\)\)\] {
-    --tw-shadow: var(--chat-input-shadow,0 1px 2px rgba(15,23,42,0.05));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-  .shadow-\[var\(--chat-send-shadow\,0_6px_16px_rgba\(15\,23\,42\,0\.12\)\)\] {
-    --tw-shadow: var(--chat-send-shadow,0 6px 16px rgba(15,23,42,0.12));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-\[var\(--shadow-accent\)\] {
     --tw-shadow: var(--shadow-accent);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3699,12 +3632,6 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[background\:var\(--chat-input-bg\,var\(--bg-card\)\)\] {
-    background: var(--chat-input-bg,var(--bg-card));
-  }
-  .\[background\:var\(--chat-send-bg\,var\(--brand-primary\)\)\] {
-    background: var(--chat-send-bg,var(--brand-primary));
-  }
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
@@ -3874,11 +3801,6 @@
       border-color: var(--border-accent-hover);
     }
   }
-  .focus-within\:border-\[var\(--chat-input-focus-border\,var\(--border-accent\)\)\] {
-    &:focus-within {
-      border-color: var(--chat-input-focus-border,var(--border-accent));
-    }
-  }
   .focus-within\:border-border {
     &:focus-within {
       border-color: var(--color-border);
@@ -3892,12 +3814,6 @@
       }
     }
   }
-  .focus-within\:shadow-\[var\(--chat-input-focus-shadow\,0_10px_30px_rgba\(15\,23\,42\,0\.08\)\)\] {
-    &:focus-within {
-      --tw-shadow: var(--chat-input-focus-shadow,0 10px 30px rgba(15,23,42,0.08));
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
   .hover\:-translate-y-0\.5 {
     &:hover {
       @media (hover: hover) {
@@ -3906,14 +3822,6 @@
       }
     }
   }
-  .hover\:translate-y-\[-1px\] {
-    &:hover {
-      @media (hover: hover) {
-        --tw-translate-y: -1px;
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
-    }
-  }
   .hover\:border-\[var\(--border-accent\)\] {
     &:hover {
       @media (hover: hover) {
@@ -4084,16 +3992,6 @@
       }
     }
   }
-  .hover\:bg-\[var\(--code-error\)\]\/24 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--code-error);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--code-error) 24%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25 {
     &:hover {
       @media (hover: hover) {
@@ -4518,13 +4416,6 @@
       }
     }
   }
-  .hover\:\[background\:var\(--chat-send-hover-bg\,var\(--brand-strong\)\)\] {
-    &:hover {
-      @media (hover: hover) {
-        background: var(--chat-send-hover-bg,var(--brand-strong));
-      }
-    }
-  }
   .focus\:border-\[var\(--border-accent\)\] {
     &:focus {
       border-color: var(--border-accent);
@@ -4735,19 +4626,6 @@
       --tw-ring-color: var(--border-accent);
     }
   }
-  .focus-visible\:ring-\[var\(--chat-send-ring\,var\(--border-accent\)\)\] {
-    &:focus-visible {
-      --tw-ring-color: var(--chat-send-ring,var(--border-accent));
-    }
-  }
-  .focus-visible\:ring-\[var\(--code-error\)\]\/50 {
-    &:focus-visible {
-      --tw-ring-color: var(--code-error);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--code-error) 50%, transparent);
-      }
-    }
-  }
   .focus-visible\:ring-primary\/20 {
     &:focus-visible {
       --tw-ring-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.67.0",
+  "version": "0.69.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -123,8 +123,8 @@
   },
   "peerDependencies": {
     "@tangle-network/agent-interface": ">=0.17.0 <1.0.0",
-    "@tangle-network/brand": "^0.6.0 || ^0.7.0",
-    "@tangle-network/ui": "^5.1.0 || ^6.0.0",
+    "@tangle-network/brand": "^0.8.0",
+    "@tangle-network/ui": "^8.1.0",
     "@xyflow/react": "^12.0.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
@@ -178,8 +178,8 @@
     "@tailwindcss/postcss": "^4.2.2",
     "@tailwindcss/vite": "^4.2.2",
     "@tangle-network/agent-interface": ">=0.17.0 <1.0.0",
-    "@tangle-network/brand": "^0.7.0",
-    "@tangle-network/ui": "^6.0.0",
+    "@tangle-network/brand": "^0.8.0",
+    "@tangle-network/ui": "^8.1.0",
     "@tanstack/react-query": "^5.91.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",