@tangle-network/sandbox-ui 0.106.0 → 0.107.0

package/dist/globals.css

@@ -99,7 +99,6 @@
     --color-foreground: hsl(var(--foreground));
     --color-card: hsl(var(--card));
     --color-card-foreground: hsl(var(--card-foreground));
-    --color-popover: hsl(var(--popover));
     --color-popover-foreground: hsl(var(--popover-foreground));
     --color-primary: hsl(var(--primary));
     --color-primary-foreground: hsl(var(--primary-foreground));
@@ -701,22 +700,10 @@
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
   }
-  .size-3\.5 {
-    width: calc(var(--spacing) * 3.5);
-    height: calc(var(--spacing) * 3.5);
-  }
-  .size-4 {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
   .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
-  .size-8 {
-    width: calc(var(--spacing) * 8);
-    height: calc(var(--spacing) * 8);
-  }
   .size-9 {
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
@@ -725,10 +712,6 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
-  .size-11 {
-    width: calc(var(--spacing) * 11);
-    height: calc(var(--spacing) * 11);
-  }
   .\!h-2 {
     height: calc(var(--spacing) * 2) !important;
   }
@@ -975,9 +958,6 @@
   .min-h-\[300px\] {
     min-height: 300px;
   }
-  .min-h-\[640px\] {
-    min-height: 640px;
-  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1260,9 +1240,6 @@
   .max-w-\[140px\] {
     max-width: 140px;
   }
-  .max-w-\[150px\] {
-    max-width: 150px;
-  }
   .max-w-\[250px\] {
     max-width: 250px;
   }
@@ -1320,9 +1297,6 @@
   .min-w-\[15rem\] {
     min-width: 15rem;
   }
-  .min-w-\[16rem\] {
-    min-width: 16rem;
-  }
   .min-w-\[20px\] {
     min-width: 20px;
   }
@@ -1472,9 +1446,6 @@
   .resize-y {
     resize: vertical;
   }
-  .\[scrollbar-width\:none\] {
-    scrollbar-width: none;
-  }
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
@@ -1727,9 +1698,6 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
   .\!rounded-full {
     border-radius: calc(infinity * 1px) !important;
   }
@@ -1938,12 +1906,6 @@
   .border-\[var\(--md3-outline-variant\)\] {
     border-color: var(--md3-outline-variant);
   }
-  .border-\[var\(--status-error\,\#ff4d6d\)\]\/40 {
-    border-color: var(--status-error,#ff4d6d);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--status-error,#ff4d6d) 40%, transparent);
-    }
-  }
   .border-\[var\(--status-running\)\]\/30 {
     border-color: var(--status-running);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2064,12 +2026,6 @@
       border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
     }
   }
-  .border-primary\/50 {
-    border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
-    }
-  }
   .border-red-500\/20 {
     border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2244,12 +2200,6 @@
   .bg-\[var\(--run-mix-waiting\)\] {
     background-color: var(--run-mix-waiting);
   }
-  .bg-\[var\(--status-error\,\#ff4d6d\)\]\/15 {
-    background-color: var(--status-error,#ff4d6d);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--status-error,#ff4d6d) 15%, transparent);
-    }
-  }
   .bg-\[var\(--status-running\)\] {
     background-color: var(--status-running);
   }
@@ -2463,9 +2413,6 @@
       background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
     }
   }
-  .bg-popover {
-    background-color: var(--color-popover);
-  }
   .bg-primary {
     background-color: var(--color-primary);
   }
@@ -2535,12 +2482,6 @@
       background-color: color-mix(in oklab, var(--color-surface-container-high) 60%, transparent);
     }
   }
-  .bg-surface-container-high\/95 {
-    background-color: var(--color-surface-container-high);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-surface-container-high) 95%, transparent);
-    }
-  }
   .bg-surface-container-highest {
     background-color: var(--color-surface-container-highest);
   }
@@ -3260,15 +3201,6 @@
   .text-\[var\(--md3-primary\)\] {
     color: var(--md3-primary);
   }
-  .text-\[var\(--status-error\,\#ff4d6d\)\] {
-    color: var(--status-error,#ff4d6d);
-  }
-  .text-\[var\(--status-error\,\#ff4d6d\)\]\/80 {
-    color: var(--status-error,#ff4d6d);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--status-error,#ff4d6d) 80%, transparent);
-    }
-  }
   .text-\[var\(--surface-danger-text\)\] {
     color: var(--surface-danger-text);
   }
@@ -3499,9 +3431,6 @@
   .accent-primary {
     accent-color: var(--color-primary);
   }
-  .\[color-scheme\:dark\] {
-    color-scheme: dark;
-  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -3770,9 +3699,6 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[-ms-overflow-style\:none\] {
-    -ms-overflow-style: none;
-  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -3887,12 +3813,6 @@
   .focus-within\:border-border:focus-within {
     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);
-    }
-  }
   @media (hover: hover) {
     .hover\:-translate-y-0\.5:hover {
       --tw-translate-y: calc(var(--spacing) * -0.5);
@@ -4011,14 +3931,6 @@
     .hover\:bg-\[var\(--btn-primary-hover\)\]:hover {
       background-color: var(--btn-primary-hover);
     }
-    .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25:hover {
-      background-color: var(--status-error,#ff4d6d);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25:hover {
-        background-color: color-mix(in oklab, var(--status-error,#ff4d6d) 25%, transparent);
-      }
-    }
     .hover\:bg-\[var\(--surface-container-high\)\]\/40:hover {
       background-color: var(--surface-container-high);
     }
@@ -4868,9 +4780,6 @@
   .\[\&\:\:-moz-range-track\]\:bg-border::-moz-range-track {
     background-color: var(--color-border);
   }
-  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
-    display: none;
-  }
   .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track {
     height: calc(var(--spacing) * 1.5);
   }

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, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from '@tangle-network/ui/chat';
-export { AgentComposer, AgentComposerMention, AgentComposerProps, AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, ComposerContextItem, ComposerFile, ComposerFileRejection, ComposerFileValidationConfig, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MENTION_PILL_CLASS, MentionItem, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport, isAcceptedType, validateComposerFiles } from './chat.js';
+export { AgentProfileCapability, AgentProfileDraft, AgentProfileOption, AgentProfilePicker, AgentProfilePickerProps, ArtifactAgentDock, ArtifactAgentDockProps, ArtifactAgentDockTransport, ArtifactDockMessage, ArtifactDockStreamEvent, ArtifactKind, ArtifactScope, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, ReasoningLevel, ReasoningLevelOption, ReasoningLevelPicker, ReasoningLevelPickerProps, createFetchTransport } from './chat.js';
 export { HarnessType, modelProvider, snapHarnessToModel } from '@tangle-network/agent-interface';
 export { ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent } from '@tangle-network/ui/run';
 export { CommandPreview, CommandPreviewProps, DiffPreview, DiffPreviewProps, GlobResultsPreview, GlobResultsPreviewProps, GrepResultsPreview, GrepResultsPreviewProps, QuestionPreview, QuestionPreviewProps, WebSearchPreview, WebSearchPreviewProps, WriteFilePreview, WriteFilePreviewProps } from '@tangle-network/ui/tool-previews';

package/dist/index.js

@@ -63,6 +63,19 @@ import {
   useTotalRunningSessions
 } from "./chunk-WID73FPH.js";
 import "./chunk-2BUPSB7O.js";
+import {
+  TOOL_CATEGORY_ICONS,
+  cn,
+  copyText,
+  formatBytes,
+  formatDuration,
+  formatUptime,
+  getToolCategory,
+  getToolDisplayMetadata,
+  getToolErrorText,
+  timeAgo,
+  truncateText
+} from "./chunk-TK46XFLM.js";
 import {
   AuthHeader,
   GitHubLoginButton,
@@ -71,7 +84,6 @@ import {
   UserMenu
 } from "./chunk-IOB2PW5Z.js";
 import {
-  AgentComposer,
   AgentProfilePicker,
   AgentTimeline,
   ArtifactAgentDock,
@@ -84,27 +96,9 @@ import {
   ThinkingIndicator,
   UserMessage,
   createFetchTransport,
-  isAcceptedType,
   modelProvider,
-  snapHarnessToModel,
-  validateComposerFiles
-} from "./chunk-XIXYQNXD.js";
-import {
-  TOOL_CATEGORY_ICONS,
-  cn,
-  copyText,
-  formatBytes,
-  formatDuration,
-  formatUptime,
-  getToolCategory,
-  getToolDisplayMetadata,
-  getToolErrorText,
-  timeAgo,
-  truncateText
-} from "./chunk-TK46XFLM.js";
-import {
-  MENTION_PILL_CLASS
-} from "./chunk-WGOOQAW3.js";
+  snapHarnessToModel
+} from "./chunk-EKYA6AFY.js";
 import {
   ExpandedToolDetail,
   InlineThinkingItem,
@@ -365,7 +359,6 @@ import {
 import { Markdown } from "@tangle-network/ui/markdown";
 export {
   ActivityFeed,
-  AgentComposer,
   AgentProfilePicker,
   AgentTimeline,
   AgentWorkbench,
@@ -460,7 +453,6 @@ export {
   LiveDuration,
   LoginLayout,
   Logo,
-  MENTION_PILL_CLASS,
   Markdown,
   MessageList,
   Metric,
@@ -627,7 +619,6 @@ export {
   getToolErrorText,
   getTotalRunningSessionCount,
   hasBackgroundRunningSessions,
-  isAcceptedType,
   isStreamingAtom,
   messagesAtom,
   modelBrandFor,
@@ -682,6 +673,5 @@ export {
   useTheme,
   useToast,
   useToolCallStream,
-  useTotalRunningSessions,
-  validateComposerFiles
+  useTotalRunningSessions
 };

package/dist/styles.css

@@ -99,7 +99,6 @@
     --color-foreground: hsl(var(--foreground));
     --color-card: hsl(var(--card));
     --color-card-foreground: hsl(var(--card-foreground));
-    --color-popover: hsl(var(--popover));
     --color-popover-foreground: hsl(var(--popover-foreground));
     --color-primary: hsl(var(--primary));
     --color-primary-foreground: hsl(var(--primary-foreground));
@@ -701,22 +700,10 @@
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
   }
-  .size-3\.5 {
-    width: calc(var(--spacing) * 3.5);
-    height: calc(var(--spacing) * 3.5);
-  }
-  .size-4 {
-    width: calc(var(--spacing) * 4);
-    height: calc(var(--spacing) * 4);
-  }
   .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
-  .size-8 {
-    width: calc(var(--spacing) * 8);
-    height: calc(var(--spacing) * 8);
-  }
   .size-9 {
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
@@ -725,10 +712,6 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
-  .size-11 {
-    width: calc(var(--spacing) * 11);
-    height: calc(var(--spacing) * 11);
-  }
   .\!h-2 {
     height: calc(var(--spacing) * 2) !important;
   }
@@ -975,9 +958,6 @@
   .min-h-\[300px\] {
     min-height: 300px;
   }
-  .min-h-\[640px\] {
-    min-height: 640px;
-  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1260,9 +1240,6 @@
   .max-w-\[140px\] {
     max-width: 140px;
   }
-  .max-w-\[150px\] {
-    max-width: 150px;
-  }
   .max-w-\[250px\] {
     max-width: 250px;
   }
@@ -1320,9 +1297,6 @@
   .min-w-\[15rem\] {
     min-width: 15rem;
   }
-  .min-w-\[16rem\] {
-    min-width: 16rem;
-  }
   .min-w-\[20px\] {
     min-width: 20px;
   }
@@ -1472,9 +1446,6 @@
   .resize-y {
     resize: vertical;
   }
-  .\[scrollbar-width\:none\] {
-    scrollbar-width: none;
-  }
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
@@ -1727,9 +1698,6 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .overscroll-x-contain {
-    overscroll-behavior-x: contain;
-  }
   .\!rounded-full {
     border-radius: calc(infinity * 1px) !important;
   }
@@ -1938,12 +1906,6 @@
   .border-\[var\(--md3-outline-variant\)\] {
     border-color: var(--md3-outline-variant);
   }
-  .border-\[var\(--status-error\,\#ff4d6d\)\]\/40 {
-    border-color: var(--status-error,#ff4d6d);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--status-error,#ff4d6d) 40%, transparent);
-    }
-  }
   .border-\[var\(--status-running\)\]\/30 {
     border-color: var(--status-running);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2064,12 +2026,6 @@
       border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
     }
   }
-  .border-primary\/50 {
-    border-color: color-mix(in srgb, hsl(var(--primary)) 50%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
-    }
-  }
   .border-red-500\/20 {
     border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2244,12 +2200,6 @@
   .bg-\[var\(--run-mix-waiting\)\] {
     background-color: var(--run-mix-waiting);
   }
-  .bg-\[var\(--status-error\,\#ff4d6d\)\]\/15 {
-    background-color: var(--status-error,#ff4d6d);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--status-error,#ff4d6d) 15%, transparent);
-    }
-  }
   .bg-\[var\(--status-running\)\] {
     background-color: var(--status-running);
   }
@@ -2463,9 +2413,6 @@
       background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
     }
   }
-  .bg-popover {
-    background-color: var(--color-popover);
-  }
   .bg-primary {
     background-color: var(--color-primary);
   }
@@ -2535,12 +2482,6 @@
       background-color: color-mix(in oklab, var(--color-surface-container-high) 60%, transparent);
     }
   }
-  .bg-surface-container-high\/95 {
-    background-color: var(--color-surface-container-high);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-surface-container-high) 95%, transparent);
-    }
-  }
   .bg-surface-container-highest {
     background-color: var(--color-surface-container-highest);
   }
@@ -3260,15 +3201,6 @@
   .text-\[var\(--md3-primary\)\] {
     color: var(--md3-primary);
   }
-  .text-\[var\(--status-error\,\#ff4d6d\)\] {
-    color: var(--status-error,#ff4d6d);
-  }
-  .text-\[var\(--status-error\,\#ff4d6d\)\]\/80 {
-    color: var(--status-error,#ff4d6d);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--status-error,#ff4d6d) 80%, transparent);
-    }
-  }
   .text-\[var\(--surface-danger-text\)\] {
     color: var(--surface-danger-text);
   }
@@ -3499,9 +3431,6 @@
   .accent-primary {
     accent-color: var(--color-primary);
   }
-  .\[color-scheme\:dark\] {
-    color-scheme: dark;
-  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -3770,9 +3699,6 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .\[-ms-overflow-style\:none\] {
-    -ms-overflow-style: none;
-  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -3887,12 +3813,6 @@
   .focus-within\:border-border:focus-within {
     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);
-    }
-  }
   @media (hover: hover) {
     .hover\:-translate-y-0\.5:hover {
       --tw-translate-y: calc(var(--spacing) * -0.5);
@@ -4011,14 +3931,6 @@
     .hover\:bg-\[var\(--btn-primary-hover\)\]:hover {
       background-color: var(--btn-primary-hover);
     }
-    .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25:hover {
-      background-color: var(--status-error,#ff4d6d);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .hover\:bg-\[var\(--status-error\,\#ff4d6d\)\]\/25:hover {
-        background-color: color-mix(in oklab, var(--status-error,#ff4d6d) 25%, transparent);
-      }
-    }
     .hover\:bg-\[var\(--surface-container-high\)\]\/40:hover {
       background-color: var(--surface-container-high);
     }
@@ -4868,9 +4780,6 @@
   .\[\&\:\:-moz-range-track\]\:bg-border::-moz-range-track {
     background-color: var(--color-border);
   }
-  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
-    display: none;
-  }
   .\[\&\:\:-webkit-slider-runnable-track\]\:h-1\.5::-webkit-slider-runnable-track {
     height: calc(var(--spacing) * 1.5);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.106.0",
+  "version": "0.107.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -174,10 +174,8 @@
     "@radix-ui/react-dropdown-menu": "^2.1.24",
     "@radix-ui/react-select": "^2.3.7",
     "@tiptap/core": "^3.28.0",
-    "@tiptap/extension-mention": "^3.28.0",
     "@tiptap/react": "^3.28.0",
     "@tiptap/starter-kit": "^3.28.0",
-    "@tiptap/suggestion": "^3.28.0",
     "diff": "^9.0.0",
     "eventsource-parser": "3.1.0",
     "lucide-react": "^1.25.0",

package/dist/chunk-WGOOQAW3.js

@@ -1,12 +0,0 @@
-import {
-  cn
-} from "./chunk-EI44GEQ5.js";
-
-// src/chat/mention-pill.ts
-var MENTION_PILL_CLASS = cn(
-  "rounded-md bg-primary/10 px-1 py-0.5 font-medium text-primary"
-);
-
-export {
-  MENTION_PILL_CLASS
-};