@tangle-network/sandbox-ui 0.100.1 → 0.101.1

package/dist/chat.d.ts

@@ -145,6 +145,14 @@ interface ComposerFile {
     /** Shown on the chip when `status === "error"`. */
     errorMessage?: string;
 }
+/** Context the agent will see alongside the next message. */
+interface ComposerContextItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    /** Omit to render a non-removable chip. */
+    onRemove?: () => void;
+}
 interface AgentComposerProps {
     /** Composer text (controlled). */
     value: string;
@@ -171,6 +179,8 @@ interface AgentComposerProps {
     controls: React.ReactNode;
     /** Extra content left of the send button (token meter, cost, status). */
     trailing?: React.ReactNode;
+    /** Context the agent will see alongside the next message. */
+    contextItems?: ReadonlyArray<ComposerContextItem>;
     /**
      * Attachments are opt-in: pass `onAttach` to show the attach button, accept
      * drag-and-drop onto the composer, and render `attachments` as chips.
@@ -246,7 +256,7 @@ interface AgentComposerProps {
  * generic clipboard image blobs `pasted-image-<n>.<ext>`), a streaming Stop
  * button (`busy` + `onCancel`), and a Cmd/Ctrl+L focus shortcut.
  */
-declare function AgentComposer({ value, onChange, onSubmit, placeholder, disabled, busy, onCancel, controls, trailing, onAttach, onAttachFolder, attachments, onRemoveFile, onRetryFile, accept, onRejectFiles, dropTitle, dropDescription, canSubmitWhileBusy, canSubmitAttachmentsOnly, mention, focusShortcut, minRows, maxHeight, className, sendLabel, autoFocus, }: AgentComposerProps): React.JSX.Element;
+declare function AgentComposer({ value, onChange, onSubmit, placeholder, disabled, busy, onCancel, controls, trailing, contextItems, onAttach, onAttachFolder, attachments, onRemoveFile, onRetryFile, accept, onRejectFiles, dropTitle, dropDescription, canSubmitWhileBusy, canSubmitAttachmentsOnly, mention, focusShortcut, minRows, maxHeight, className, sendLabel, autoFocus, }: AgentComposerProps): React.JSX.Element;
 
 /**
  * Visual contract for a rendered mention pill. The TipTap editor extension in
@@ -429,4 +439,4 @@ declare function createFetchTransport(opts: {
     fetchImpl?: typeof fetch;
 }): ArtifactAgentDockTransport;
 
-export { AgentComposer, type AgentComposerMention, type AgentComposerProps, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ComposerFile, type ComposerFileRejection, type ComposerFileValidationConfig, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MENTION_PILL_CLASS, type MentionItem, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, createFetchTransport, isAcceptedType, validateComposerFiles };
+export { AgentComposer, type AgentComposerMention, type AgentComposerProps, type AgentProfileCapability, type AgentProfileDraft, type AgentProfileOption, AgentProfilePicker, type AgentProfilePickerProps, ArtifactAgentDock, type ArtifactAgentDockProps, type ArtifactAgentDockTransport, type ArtifactDockMessage, type ArtifactDockStreamEvent, type ArtifactKind, type ArtifactScope, type ComposerContextItem, type ComposerFile, type ComposerFileRejection, type ComposerFileValidationConfig, DEFAULT_REASONING_LEVEL_OPTIONS, HARNESS_REASONING_OPTIONS, MENTION_PILL_CLASS, type MentionItem, type ReasoningLevel, type ReasoningLevelOption, ReasoningLevelPicker, type ReasoningLevelPickerProps, createFetchTransport, isAcceptedType, validateComposerFiles };

package/dist/chat.js

@@ -16,7 +16,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   validateComposerFiles
-} from "./chunk-IWTLWBPZ.js";
+} from "./chunk-XIXYQNXD.js";
 import "./chunk-TK46XFLM.js";
 import {
   MENTION_PILL_CLASS

package/dist/{chunk-3W343PY5.js → chunk-5BAZTDVH.js}

@@ -1,7 +1,7 @@
 import {
   Button,
   Logo
-} from "./chunk-4ZZUMXPX.js";
+} from "./chunk-FG6H4554.js";
 import {
   moonshot_default
 } from "./chunk-RQZRXKMR.js";

package/dist/{chunk-WCUIUBG5.js → chunk-5JXSQZZH.js}

@@ -1,9 +1,9 @@
 import {
   RichFileTree
-} from "./chunk-3J6FG3FJ.js";
+} from "./chunk-PZVUIUUW.js";
 import {
   PortsList
-} from "./chunk-3W343PY5.js";
+} from "./chunk-5BAZTDVH.js";
 import {
   TerminalView
 } from "./chunk-WYMAC3T3.js";

package/dist/{chunk-JBGKGLD7.js → chunk-A5QIQYS6.js}

@@ -4,7 +4,9 @@ import {
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
-  RunGroup
+  RunGroup,
+  ToolCallFeed,
+  parseToolEvent
 } from "@tangle-network/ui/run";
 
 export {
@@ -12,5 +14,7 @@ export {
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
-  RunGroup
+  RunGroup,
+  ToolCallFeed,
+  parseToolEvent
 };

package/dist/{chunk-4ZZUMXPX.js → chunk-FG6H4554.js}

@@ -4,6 +4,7 @@ import {
 
 // src/primitives/index.ts
 import {
+  ArtifactPane,
   Avatar,
   AvatarFallback,
   AvatarImage,
@@ -244,6 +245,7 @@ export {
   PageHeader,
   SectionTitle,
   PageShell,
+  ArtifactPane,
   Avatar,
   AvatarFallback,
   AvatarImage,

package/dist/{chunk-3J6FG3FJ.js → chunk-PZVUIUUW.js}

@@ -5,7 +5,12 @@ import {
   FileTabs,
   FileTree,
   RichFileTree,
-  filterFileTree
+  detectFileFormat,
+  fileExtension,
+  filterFileTree,
+  getCodeLanguage,
+  getFormatLabel,
+  getSyntaxLanguage
 } from "@tangle-network/ui/files";
 
 export {
@@ -14,5 +19,10 @@ export {
   FileTabs,
   FileTree,
   RichFileTree,
-  filterFileTree
+  detectFileFormat,
+  fileExtension,
+  filterFileTree,
+  getCodeLanguage,
+  getFormatLabel,
+  getSyntaxLanguage
 };

package/dist/{chunk-IWTLWBPZ.js → chunk-XIXYQNXD.js}

@@ -240,6 +240,7 @@ function AgentComposer({
   onCancel,
   controls,
   trailing,
+  contextItems = [],
   onAttach,
   onAttachFolder,
   attachments = [],
@@ -388,6 +389,34 @@ function AgentComposer({
           disabled && "opacity-60"
         ),
         children: [
+          contextItems.length > 0 && /* @__PURE__ */ jsx2(
+            "div",
+            {
+              "aria-label": "Message context",
+              className: "flex min-w-0 flex-wrap gap-1.5",
+              children: contextItems.map((item) => /* @__PURE__ */ jsxs2(
+                "span",
+                {
+                  className: "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-md border border-primary/30 bg-primary/10 px-2.5 py-1 text-primary text-xs",
+                  children: [
+                    item.icon && /* @__PURE__ */ jsx2("span", { className: "shrink-0", "aria-hidden": "true", children: item.icon }),
+                    /* @__PURE__ */ jsx2("span", { className: "min-w-0 truncate", children: item.label }),
+                    item.onRemove && /* @__PURE__ */ jsx2(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `Remove context ${item.label}`,
+                        onClick: item.onRemove,
+                        className: "shrink-0 rounded p-0.5 text-primary/70 transition-colors hover:text-primary focus:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                        children: /* @__PURE__ */ jsx2(X, { className: "size-3" })
+                      }
+                    )
+                  ]
+                },
+                item.id
+              ))
+            }
+          ),
           attachments.length > 0 && /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-1.5", children: [...folderChips, ...fileChips].map((file) => {
             const isError = file.status === "error";
             const isPending = file.status === "pending";

package/dist/dashboard.js

@@ -60,7 +60,7 @@ import {
   chatCapableHarnesses,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-3W343PY5.js";
+} from "./chunk-5BAZTDVH.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -69,7 +69,7 @@ import {
   UsageChart,
   formatPrice
 } from "./chunk-OMUIPJQZ.js";
-import "./chunk-4ZZUMXPX.js";
+import "./chunk-FG6H4554.js";
 import {
   ModelBrandStack,
   canonicalModelId,

package/dist/files.d.ts

@@ -1,4 +1,4 @@
-export { FileArtifactPane, FileArtifactPaneProps, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, filterFileTree } from '@tangle-network/ui/files';
+export { FileArtifactPane, FileArtifactPaneProps, FileFormat, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage } from '@tangle-network/ui/files';
 import '@tangle-network/ui/openui';
 import '@tangle-network/ui/run';
 import '@tangle-network/ui/utils';

package/dist/files.js

@@ -4,8 +4,13 @@ import {
   FileTabs,
   FileTree,
   RichFileTree,
-  filterFileTree
-} from "./chunk-3J6FG3FJ.js";
+  detectFileFormat,
+  fileExtension,
+  filterFileTree,
+  getCodeLanguage,
+  getFormatLabel,
+  getSyntaxLanguage
+} from "./chunk-PZVUIUUW.js";
 import "./chunk-CZ7CSFO4.js";
 export {
   FileArtifactPane,
@@ -13,5 +18,10 @@ export {
   FileTabs,
   FileTree,
   RichFileTree,
-  filterFileTree
+  detectFileFormat,
+  fileExtension,
+  filterFileTree,
+  getCodeLanguage,
+  getFormatLabel,
+  getSyntaxLanguage
 };

package/dist/globals.css

@@ -4965,6 +4965,8 @@
   --shadow-dropdown: 0 8px 30px rgba(0, 0, 0, 0.45);
   --shadow-glow: none;
   --shadow-accent: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-overlay: 0 2px 6px hsl(var(--hsl-foreground) / 0.1),
+    0 16px 40px hsl(var(--hsl-foreground) / 0.16);
   --shadow-status-running: none;
   --shadow-status-creating: none;
   --shadow-status-error: none;

package/dist/index.d.ts

@@ -5,11 +5,11 @@ 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, 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 { 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 { HarnessType, modelProvider, snapHarnessToModel } from '@tangle-network/agent-interface';
-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';
+export { ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, 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';
+export { FileArtifactPane, FileArtifactPaneProps, FileFormat, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage } from '@tangle-network/ui/files';
 export { ActivityFeed, ActivityFeedProps, ActivityItem, AppearanceController, Backend, BackendConfig, BackendConfigProps, BackendSelector, BackendSelectorProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, GitCommitData, GitPanel, GitPanelProps, GitStatusData, HARNESS_BRAND, HARNESS_OPTIONS, HarnessBrand, HarnessLogo, HarnessLogoProps, HarnessPicker, HarnessPickerProps, INSUFFICIENT_BALANCE_CODE, InfoPanel, InfoPanelProps, InsufficientBalance, Invoice, InvoiceTable, InvoiceTableProps, McpServer, MetricAreaChart, MetricAreaChartProps, MetricChartPoint, MetricChartTone, NavItem, NetworkConfig, NetworkConfigData, NetworkConfigProps, NewSandboxCard, NewSandboxCardProps, OutOfCreditsModal, OutOfCreditsModalProps, PlanCardData, PlanCards, PlanCardsProps, PlanFeature, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailCollapseToggle, RailCollapseToggleProps, RailExpandable, RailExpandableProps, RailExpandableSubItem, RailFlyout, RailFlyoutProps, RailHeader, RailHeaderProps, RailModeButton, RailModeButtonProps, RailSeparator, RailSeparatorProps, RailThemeToggle, RailTooltip, RailTooltipProps, ResourceMeter, ResourceMeterProps, ResourceSnapshot, ResourceSnapshotItem, ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_LABELED_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, SidebarLayout, SidebarLayoutFlyoutItem, SidebarLayoutNavItem, SidebarLayoutProps, SidebarPanel, SidebarPanelContent, SidebarPanelContentProps, SidebarPanelHeader, SidebarPanelHeaderProps, SidebarPanelProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailFooter, SidebarRailFooterProps, SidebarRailHeader, SidebarRailHeaderProps, SidebarRailNav, SidebarRailNavProps, SidebarRailProps, SidebarUser, SnapshotList, SnapshotListProps, SystemLogsViewer, SystemLogsViewerProps, TeamRole, ThemeMode, UsageSummary, UsageSummaryData, UsageSummaryProps, Variant, VariantList, VariantListProps, VariantOutcome, VariantStatus, canAdminSandbox, chatCapableHarnesses, parseInsufficientBalance, useSidebar } from './dashboard.js';
 export { M as ModelBrandIdentity, a as ModelBrandStack, b as ModelInfo, c as canonicalModelId, m as modelBrandFor } from './model-brand-BNnaUKKZ.js';
 export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, P as PricingPage, e as PricingPageProps, f as PricingTier, T as TemplateCard, g as TemplateCardData, h as TemplateCardProps, U as UsageChart, i as UsageChartProps, j as UsageDataPoint, k as formatPrice } from './template-card-Bn-Bw5xC.js';

package/dist/index.js

@@ -88,7 +88,7 @@ import {
   modelProvider,
   snapHarnessToModel,
   validateComposerFiles
-} from "./chunk-IWTLWBPZ.js";
+} from "./chunk-XIXYQNXD.js";
 import {
   TOOL_CATEGORY_ICONS,
   cn,
@@ -110,8 +110,10 @@ import {
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
-  RunGroup
-} from "./chunk-JBGKGLD7.js";
+  RunGroup,
+  ToolCallFeed,
+  parseToolEvent
+} from "./chunk-A5QIQYS6.js";
 import {
   AgentWorkbench,
   ApprovalQueue,
@@ -149,15 +151,20 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-WCUIUBG5.js";
+} from "./chunk-5JXSQZZH.js";
 import {
   FileArtifactPane,
   FilePreview,
   FileTabs,
   FileTree,
   RichFileTree,
-  filterFileTree
-} from "./chunk-3J6FG3FJ.js";
+  detectFileFormat,
+  fileExtension,
+  filterFileTree,
+  getCodeLanguage,
+  getFormatLabel,
+  getSyntaxLanguage
+} from "./chunk-PZVUIUUW.js";
 import {
   ActivityFeed,
   BackendConfig,
@@ -220,7 +227,7 @@ import {
   chatCapableHarnesses,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-3W343PY5.js";
+} from "./chunk-5BAZTDVH.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -319,7 +326,7 @@ import {
   buttonVariants,
   useTheme,
   useToast
-} from "./chunk-4ZZUMXPX.js";
+} from "./chunk-FG6H4554.js";
 import {
   ModelBrandStack,
   canonicalModelId,
@@ -554,6 +561,7 @@ export {
   ThinkingIndicator,
   ToastContainer,
   ToastProvider,
+  ToolCallFeed,
   UploadProgress,
   UsageChart,
   UsageSummary,
@@ -582,8 +590,10 @@ export {
   createAuthFetcher,
   createFetchTransport,
   createShellShouldRevalidate,
+  detectFileFormat,
   disconnectSession,
   dispatchSessionCreated,
+  fileExtension,
   filterFileTree,
   formatBytes,
   formatDuration,
@@ -592,9 +602,12 @@ export {
   getActiveSession,
   getAllActiveSessions,
   getAllProjectActivity,
+  getCodeLanguage,
+  getFormatLabel,
   getSessionsByActivity,
   getSessionsForNavbar,
   getSessionsForProject,
+  getSyntaxLanguage,
   getToolCategory,
   getToolDisplayMetadata,
   getToolErrorText,
@@ -606,6 +619,7 @@ export {
   modelBrandFor,
   modelProvider,
   parseInsufficientBalance,
+  parseToolEvent,
   partMapAtom,
   registerActiveSession,
   resetActiveSessions,

package/dist/pages.js

@@ -23,7 +23,7 @@ import {
   SelectValue,
   Switch,
   Textarea
-} from "./chunk-4ZZUMXPX.js";
+} from "./chunk-FG6H4554.js";
 import "./chunk-RQZRXKMR.js";
 import {
   cn

package/dist/primitives.d.ts

@@ -1,4 +1,4 @@
-export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CodeBlock, CodeBlockProps, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, InlineCode, InlineCodeProps, Input, InputProps, Label, Progress, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, Textarea, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme, useToast } from '@tangle-network/ui/primitives';
+export { ArtifactPane, ArtifactPaneProps, Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CodeBlock, CodeBlockProps, CopyButton, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, InlineCode, InlineCodeProps, Input, InputProps, Label, Progress, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SidebarDropZone, SidebarDropZoneProps, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, Textarea, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, useTheme, useToast } from '@tangle-network/ui/primitives';
 export { L as Logo, a as LogoProps, T as TangleKnot } from './logo-CaIvk3J1.js';
 import * as React from 'react';
 import { HTMLAttributes, ElementType, ReactNode } from 'react';

package/dist/primitives.js

@@ -1,4 +1,5 @@
 import {
+  ArtifactPane,
   Avatar,
   AvatarFallback,
   AvatarImage,
@@ -91,10 +92,11 @@ import {
   buttonVariants,
   useTheme,
   useToast
-} from "./chunk-4ZZUMXPX.js";
+} from "./chunk-FG6H4554.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-CZ7CSFO4.js";
 export {
+  ArtifactPane,
   Avatar,
   AvatarFallback,
   AvatarImage,

package/dist/run.d.ts

@@ -1 +1 @@
-export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps } from '@tangle-network/ui/run';
+export { ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, ToolCallData, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent } from '@tangle-network/ui/run';

package/dist/run.js

@@ -3,13 +3,17 @@ import {
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
-  RunGroup
-} from "./chunk-JBGKGLD7.js";
+  RunGroup,
+  ToolCallFeed,
+  parseToolEvent
+} from "./chunk-A5QIQYS6.js";
 import "./chunk-CZ7CSFO4.js";
 export {
   ExpandedToolDetail,
   InlineThinkingItem,
   InlineToolItem,
   LiveDuration,
-  RunGroup
+  RunGroup,
+  ToolCallFeed,
+  parseToolEvent
 };

package/dist/styles.css

@@ -4965,6 +4965,8 @@
   --shadow-dropdown: 0 8px 30px rgba(0, 0, 0, 0.45);
   --shadow-glow: none;
   --shadow-accent: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-overlay: 0 2px 6px hsl(var(--hsl-foreground) / 0.1),
+    0 16px 40px hsl(var(--hsl-foreground) / 0.16);
   --shadow-status-running: none;
   --shadow-status-creating: none;
   --shadow-status-error: none;

package/dist/tokens.css

@@ -319,6 +319,18 @@
   --shadow-dropdown: 0 8px 30px rgba(0, 0, 0, 0.45);
   --shadow-glow: none;
   --shadow-accent: 0 1px 2px rgba(0, 0, 0, 0.3);
+  /* The lift above --shadow-dropdown, for a surface that covers the page
+     rather than sitting beside it: a drawer, a modal, a floating dock.
+     Two layers — a tight contact shadow plus a wide ambient one.
+     Alone among the shadows this is derived from --hsl-foreground instead of
+     a fixed rgba, so it INVERTS with the theme. That is what makes it work in
+     dark: a black shadow on a dark canvas renders as nothing (see the ladder
+     note at the top of this file), while the foreground is near-white there,
+     so the same declaration reads as a soft halo. One definition therefore
+     serves both themes and the light block does not restate it. */
+  --shadow-overlay:
+    0 2px 6px hsl(var(--hsl-foreground) / 0.1),
+    0 16px 40px hsl(var(--hsl-foreground) / 0.16);
   --shadow-status-running: none;
   --shadow-status-creating: none;
   --shadow-status-error: none;

package/dist/workbench.js

@@ -12,13 +12,13 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-WCUIUBG5.js";
-import "./chunk-3J6FG3FJ.js";
-import "./chunk-3W343PY5.js";
+} from "./chunk-5JXSQZZH.js";
+import "./chunk-PZVUIUUW.js";
+import "./chunk-5BAZTDVH.js";
 import "./chunk-OMUIPJQZ.js";
 import "./chunk-WYMAC3T3.js";
 import "./chunk-KEYPUGS3.js";
-import "./chunk-4ZZUMXPX.js";
+import "./chunk-FG6H4554.js";
 import "./chunk-RQZRXKMR.js";
 import "./chunk-BGVEHENC.js";
 import "./chunk-EI44GEQ5.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.100.1",
+  "version": "0.101.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -119,7 +119,7 @@
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": ">=0.36.0 <0.48.0",
-    "@tangle-network/brand": "^1.4.0",
+    "@tangle-network/brand": "^1.5.0",
     "@tangle-network/ui": "^11.0.0",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
@@ -191,7 +191,7 @@
     "@storybook/react-vite": "^10.5.4",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "0.47.0",
-    "@tangle-network/brand": "^1.4.0",
+    "@tangle-network/brand": "^1.5.0",
     "@tangle-network/ui": "^11.2.0",
     "@tanstack/react-query": "^5.101.4",
     "@testing-library/dom": "^10.4.1",