@tangle-network/sandbox-ui 0.57.0 → 0.59.0

package/dist/{chunk-SVNWL3ZR.js → chunk-D7JJLG4L.js}

@@ -2014,7 +2014,7 @@ function DashboardLayoutInner({
         /* @__PURE__ */ jsx14(
           RailHeader,
           {
-            brand: /* @__PURE__ */ jsx14(Logo, { variant, size: "sm", iconOnly: true }),
+            brand: /* @__PURE__ */ jsx14(Logo, { variant, size: "sm", iconOnly: !showLabels }),
             brandHref: logoHref,
             collapsed: !showLabels,
             onToggle: toggleRail,

package/dist/{chunk-DLKDWMFM.js → chunk-MKX3F55O.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3J6FG3FJ.js";
 import {
   PortsList
-} from "./chunk-SVNWL3ZR.js";
+} from "./chunk-D7JJLG4L.js";
 import {
   TerminalView
 } from "./chunk-VIREDUBF.js";

package/dist/dashboard.js

@@ -54,7 +54,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-SVNWL3ZR.js";
+} from "./chunk-D7JJLG4L.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/globals.css

@@ -404,6 +404,9 @@
   .bottom-\[-0\.75rem\] {
     bottom: -0.75rem;
   }
+  .bottom-full {
+    bottom: 100%;
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -660,6 +663,14 @@
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
   }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
   .\!h-2 {
     height: calc(var(--spacing) * 2) !important;
   }
@@ -825,6 +836,9 @@
   .max-h-\[160px\] {
     max-height: 160px;
   }
+  .max-h-\[min\(60vh\,420px\)\] {
+    max-height: min(60vh, 420px);
+  }
   .max-h-\[min\(440px\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
     max-height: min(440px, var(--radix-dropdown-menu-content-available-height));
   }
@@ -885,6 +899,9 @@
   .min-h-\[300px\] {
     min-height: 300px;
   }
+  .min-h-\[640px\] {
+    min-height: 640px;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1050,6 +1067,9 @@
   .w-\[300px\] {
     width: 300px;
   }
+  .w-\[320px\] {
+    width: 320px;
+  }
   .w-\[360px\] {
     width: 360px;
   }
@@ -3375,6 +3395,9 @@
   .accent-primary {
     accent-color: var(--color-primary);
   }
+  .\[color-scheme\:dark\] {
+    color-scheme: dark;
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -3839,6 +3862,14 @@
       border-color: var(--color-border);
     }
   }
+  .focus-within\:border-primary\/60 {
+    &:focus-within {
+      border-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+      }
+    }
+  }
   .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));
@@ -4355,6 +4386,13 @@
       }
     }
   }
+  .hover\:text-\[var\(--status-error\,\#ff4d6d\)\] {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--status-error,#ff4d6d);
+      }
+    }
+  }
   .hover\:text-\[var\(--surface-danger-text\)\] {
     &:hover {
       @media (hover: hover) {
@@ -4475,6 +4513,11 @@
       border-color: var(--border-accent-hover);
     }
   }
+  .focus\:border-primary {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
   .focus\:bg-accent {
     &:focus {
       background-color: var(--color-accent);

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { AgentWorkbench, ApprovalConfidenceStat, ApprovalItem, ApprovalQueue, Ap
 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 { AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessControl, AgentSessionModelControl, AgentSessionReasoningControl, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_MODEL_POLICIES, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport, isModelCompatibleWithHarness, modelProvider, snapHarnessToModel, snapModelToHarness } from './chat.js';
+export { AgentComposer, AgentComposerProps, AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessControl, AgentSessionModelControl, AgentSessionProfileControl, AgentSessionReasoningControl, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, DEFAULT_REASONING_LEVEL_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';
 export { FileArtifactPane, FileArtifactPaneProps, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, filterFileTree } from '@tangle-network/ui/files';
@@ -23,7 +23,7 @@ export { ChatSession, connectSession, disconnectSession, sessionAtom } from './s
 export { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from '@tangle-network/ui/types';
 export { Session } from './types.js';
 export { TOOL_CATEGORY_ICONS, cn, copyText, formatBytes, formatDuration, formatUptime, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText } from '@tangle-network/ui/utils';
-export { HarnessType } from '@tangle-network/agent-interface';
+export { HarnessType, modelProvider, snapHarnessToModel } from '@tangle-network/agent-interface';
 import 'react/jsx-runtime';
 import 'react';
 import '@radix-ui/react-dropdown-menu';

package/dist/index.js

@@ -74,6 +74,8 @@ import {
   UserMenu
 } from "./chunk-IOB2PW5Z.js";
 import {
+  AgentComposer,
+  AgentProfilePicker,
   AgentSessionControls,
   AgentTimeline,
   ArtifactAgentDock,
@@ -81,7 +83,6 @@ import {
   ChatInput,
   ChatMessage,
   DEFAULT_REASONING_LEVEL_OPTIONS,
-  HARNESS_MODEL_POLICIES,
   MessageList,
   ReasoningLevelPicker,
   ThinkingIndicator,
@@ -91,7 +92,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   snapModelToHarness
-} from "./chunk-NHHYPID3.js";
+} from "./chunk-4XOZGMJC.js";
 import {
   TOOL_CATEGORY_ICONS,
   cn,
@@ -148,7 +149,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-DLKDWMFM.js";
+} from "./chunk-MKX3F55O.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -213,7 +214,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-SVNWL3ZR.js";
+} from "./chunk-D7JJLG4L.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -352,6 +353,8 @@ import {
 import { Markdown } from "@tangle-network/ui/markdown";
 export {
   ActivityFeed,
+  AgentComposer,
+  AgentProfilePicker,
   AgentSessionControls,
   AgentTimeline,
   AgentWorkbench,
@@ -432,7 +435,6 @@ export {
   GlobResultsPreview,
   GrepResultsPreview,
   HARNESS_BRAND,
-  HARNESS_MODEL_POLICIES,
   HARNESS_OPTIONS,
   HarnessLogo,
   HarnessPicker,

package/dist/styles.css

@@ -404,6 +404,9 @@
   .bottom-\[-0\.75rem\] {
     bottom: -0.75rem;
   }
+  .bottom-full {
+    bottom: 100%;
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -660,6 +663,14 @@
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
   }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
   .\!h-2 {
     height: calc(var(--spacing) * 2) !important;
   }
@@ -825,6 +836,9 @@
   .max-h-\[160px\] {
     max-height: 160px;
   }
+  .max-h-\[min\(60vh\,420px\)\] {
+    max-height: min(60vh, 420px);
+  }
   .max-h-\[min\(440px\,var\(--radix-dropdown-menu-content-available-height\)\)\] {
     max-height: min(440px, var(--radix-dropdown-menu-content-available-height));
   }
@@ -885,6 +899,9 @@
   .min-h-\[300px\] {
     min-height: 300px;
   }
+  .min-h-\[640px\] {
+    min-height: 640px;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1050,6 +1067,9 @@
   .w-\[300px\] {
     width: 300px;
   }
+  .w-\[320px\] {
+    width: 320px;
+  }
   .w-\[360px\] {
     width: 360px;
   }
@@ -3375,6 +3395,9 @@
   .accent-primary {
     accent-color: var(--color-primary);
   }
+  .\[color-scheme\:dark\] {
+    color-scheme: dark;
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -3839,6 +3862,14 @@
       border-color: var(--color-border);
     }
   }
+  .focus-within\:border-primary\/60 {
+    &:focus-within {
+      border-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+      }
+    }
+  }
   .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));
@@ -4355,6 +4386,13 @@
       }
     }
   }
+  .hover\:text-\[var\(--status-error\,\#ff4d6d\)\] {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--status-error,#ff4d6d);
+      }
+    }
+  }
   .hover\:text-\[var\(--surface-danger-text\)\] {
     &:hover {
       @media (hover: hover) {
@@ -4475,6 +4513,11 @@
       border-color: var(--border-accent-hover);
     }
   }
+  .focus\:border-primary {
+    &:focus {
+      border-color: var(--color-primary);
+    }
+  }
   .focus\:bg-accent {
     &:focus {
       background-color: var(--color-accent);

package/dist/workbench.js

@@ -12,9 +12,9 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-DLKDWMFM.js";
+} from "./chunk-MKX3F55O.js";
 import "./chunk-3J6FG3FJ.js";
-import "./chunk-SVNWL3ZR.js";
+import "./chunk-D7JJLG4L.js";
 import "./chunk-OMUIPJQZ.js";
 import "./chunk-VIREDUBF.js";
 import "./chunk-77WVVJA4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.57.0",
+  "version": "0.59.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -126,7 +126,7 @@
     "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
   },
   "peerDependencies": {
-    "@tangle-network/agent-interface": ">=0.10.0 <1.0.0",
+    "@tangle-network/agent-interface": ">=0.15.0 <1.0.0",
     "@tangle-network/brand": "^0.6.0",
     "@tangle-network/ui": "^4.0.0",
     "@xyflow/react": "^12.0.0",
@@ -181,7 +181,7 @@
     "@storybook/react-vite": "^8.6.18",
     "@tailwindcss/postcss": "^4.2.2",
     "@tailwindcss/vite": "^4.2.2",
-    "@tangle-network/agent-interface": ">=0.10.0 <1.0.0",
+    "@tangle-network/agent-interface": ">=0.15.0 <1.0.0",
     "@tangle-network/brand": "^0.6.0",
     "@tangle-network/ui": "^4.1.0",
     "@tanstack/react-query": "^5.91.0",