@tangle-network/sandbox-ui 0.3.5 → 0.3.7

package/dist/{chunk-4F2GJRGU.js → chunk-PXRPYAMM.js}

@@ -14,6 +14,9 @@ import {
 import {
   getToolDisplayMetadata
 } from "./chunk-BX6AQMUS.js";
+import {
+  OpenUIArtifactRenderer
+} from "./chunk-YDBXQQLC.js";
 import {
   Markdown
 } from "./chunk-LTFK464G.js";
@@ -516,6 +519,52 @@ import {
 } from "react";
 import { ArrowDown } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var OPENUI_NODE_TYPES = /* @__PURE__ */ new Set([
+  "heading",
+  "text",
+  "badge",
+  "stat",
+  "key_value",
+  "code",
+  "markdown",
+  "table",
+  "actions",
+  "separator",
+  "stack",
+  "grid",
+  "card"
+]);
+function isOpenUINode(value) {
+  return typeof value === "object" && value !== null && "type" in value && typeof value.type === "string" && OPENUI_NODE_TYPES.has(value.type);
+}
+function extractOpenUISchema(output) {
+  if (output == null) return null;
+  if (isOpenUINode(output)) return [output];
+  if (Array.isArray(output) && output.length > 0 && output.every(isOpenUINode)) {
+    return output;
+  }
+  if (typeof output === "object" && !Array.isArray(output)) {
+    const obj = output;
+    for (const key of ["openui", "schema", "ui"]) {
+      if (obj[key]) {
+        const inner = obj[key];
+        if (isOpenUINode(inner)) return [inner];
+        if (Array.isArray(inner) && inner.length > 0 && inner.every(isOpenUINode)) {
+          return inner;
+        }
+      }
+    }
+  }
+  if (typeof output === "string") {
+    try {
+      const parsed = JSON.parse(output);
+      return extractOpenUISchema(parsed);
+    } catch {
+      return null;
+    }
+  }
+  return null;
+}
 function formatUnknown(value) {
   if (value == null) return void 0;
   if (typeof value === "string") return value;
@@ -563,7 +612,7 @@ function mapToolPartToTimelineType(part) {
       return "unknown";
   }
 }
-function buildTimelineItems(messages, partMap, isStreaming) {
+function buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enableOpenUI = true) {
   const items = [];
   const lastAssistantMessage = [...messages].reverse().find((message) => message.role === "assistant");
   const toToolCall = (part) => {
@@ -611,6 +660,18 @@ function buildTimelineItems(messages, partMap, isStreaming) {
           calls: toolBuffer.map((part) => toToolCall(part))
         });
       }
+      if (enableOpenUI) {
+        for (const part of toolBuffer) {
+          if (part.state.status !== "completed" || !part.state.output) continue;
+          const schema = extractOpenUISchema(part.state.output);
+          if (!schema) continue;
+          items.push({
+            id: `${message.id}-openui-${part.id}`,
+            kind: "custom",
+            content: /* @__PURE__ */ jsx7("div", { className: "my-2 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx7(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+          });
+        }
+      }
       toolBuffer.length = 0;
     };
     parts.forEach((part, index) => {
@@ -621,6 +682,40 @@ function buildTimelineItems(messages, partMap, isStreaming) {
       }
       flushToolBuffer(index);
       if (part.type === "text" && !part.synthetic && part.text.trim()) {
+        if (enableOpenUI) {
+          const jsonMatch = part.text.match(/```(?:json)?\s*\n([\s\S]*?)\n```/);
+          if (jsonMatch) {
+            const schema = extractOpenUISchema(jsonMatch[1]);
+            if (schema) {
+              const beforeJson = part.text.slice(0, part.text.indexOf("```")).trim();
+              if (beforeJson) {
+                items.push({
+                  id: `${itemId}-text`,
+                  kind: "message",
+                  role: "assistant",
+                  content: beforeJson,
+                  timestamp: createdAtFromMessage(message)
+                });
+              }
+              items.push({
+                id: `${itemId}-openui`,
+                kind: "custom",
+                content: /* @__PURE__ */ jsx7("div", { className: "my-2 rounded-[var(--radius-lg)] border border-[var(--border-subtle)] bg-[var(--bg-card)] p-4 shadow-[var(--shadow-card)]", children: /* @__PURE__ */ jsx7(OpenUIArtifactRenderer, { schema, onAction: onOpenUIAction }) })
+              });
+              const afterJson = part.text.slice(part.text.lastIndexOf("```") + 3).trim();
+              if (afterJson) {
+                items.push({
+                  id: `${itemId}-after`,
+                  kind: "message",
+                  role: "assistant",
+                  content: afterJson,
+                  timestamp: createdAtFromMessage(message)
+                });
+              }
+              return;
+            }
+          }
+        }
         items.push({
           id: itemId,
           kind: "message",
@@ -665,7 +760,9 @@ var ChatContainer = memo3(
     pendingFiles,
     onRemoveFile,
     onAttach,
-    disabled = false
+    disabled = false,
+    onOpenUIAction,
+    enableOpenUI = true
   }) => {
     const scrollRef = useRef2(null);
     const groups = useRunGroups({ messages, partMap, isStreaming });
@@ -677,8 +774,8 @@ var ChatContainer = memo3(
       isStreaming
     ]);
     const timeline = useMemo(
-      () => buildTimelineItems(messages, partMap, isStreaming),
-      [messages, partMap, isStreaming]
+      () => buildTimelineItems(messages, partMap, isStreaming, onOpenUIAction, enableOpenUI),
+      [messages, partMap, isStreaming, onOpenUIAction, enableOpenUI]
     );
     const handleSend = useCallback2(
       (text) => {

package/dist/{chunk-QGI5E7JD.js → chunk-ZSNOGOUX.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-MUOL44AE.js";
 import {
   ChatContainer
-} from "./chunk-4F2GJRGU.js";
+} from "./chunk-PXRPYAMM.js";
 import {
   OpenUIArtifactRenderer
 } from "./chunk-YDBXQQLC.js";

package/dist/dashboard.d.ts

@@ -1,4 +1,4 @@
-export { A as AppSidebar, a as AppSidebarProps, B as Backend, b as BackendSelector, c as BackendSelectorProps, C as ClusterStatusBar, d as ClusterStatusBarProps, e as ClusterStatusItem, D as DashboardLayout, f as DashboardLayoutProps, v as DashboardProfile, g as DashboardUser, N as NavItem, h as NewSandboxCard, i as NewSandboxCardProps, w as ProductVariant, P as ProfileComparison, j as ProfileComparisonProps, k as ProfileSelector, l as ProfileSelectorProps, R as ResourceMeter, m as ResourceMeterProps, S as SandboxCard, n as SandboxCardData, o as SandboxCardProps, p as SandboxStatus, q as SandboxTable, r as SandboxTableProps, s as SidebarNavItem, t as SidebarSandbox, x as Variant, V as VariantList, u as VariantListProps, y as VariantOutcome, z as VariantStatus } from './index-BOjBJwzD.js';
+export { A as AppSidebar, a as AppSidebarProps, B as Backend, b as BackendSelector, c as BackendSelectorProps, C as ClusterStatusBar, d as ClusterStatusBarProps, e as ClusterStatusItem, f as CreditBalance, g as CreditBalanceProps, D as DashboardLayout, h as DashboardLayoutProps, G as DashboardProfile, i as DashboardUser, I as Invoice, j as InvoiceTable, k as InvoiceTableProps, N as NavItem, l as NewSandboxCard, m as NewSandboxCardProps, P as PlanCardData, n as PlanCards, o as PlanCardsProps, H as PlanFeature, J as ProductVariant, p as ProfileComparison, q as ProfileComparisonProps, r as ProfileSelector, s as ProfileSelectorProps, R as ResourceMeter, t as ResourceMeterProps, S as SandboxCard, u as SandboxCardData, v as SandboxCardProps, w as SandboxStatus, x as SandboxTable, y as SandboxTableProps, z as SidebarNavItem, E as SidebarSandbox, K as Variant, V as VariantList, F as VariantListProps, L as VariantOutcome, M as VariantStatus } from './index-BJIPTCKk.js';
 export { a as BillingBalance, c as BillingDashboard, d as BillingDashboardProps, B as BillingSubscription, b as BillingUsage, e as PricingPage, f as PricingPageProps, P as PricingTier, g as UsageChart, h as UsageChartProps, U as UsageDataPoint } from './usage-chart-CY9xo3KX.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/dashboard.js

@@ -2,15 +2,18 @@ import {
   AppSidebar,
   BackendSelector,
   ClusterStatusBar,
+  CreditBalance,
   DashboardLayout,
+  InvoiceTable,
   NewSandboxCard,
+  PlanCards,
   ProfileComparison,
   ProfileSelector,
   ResourceMeter,
   SandboxCard,
   SandboxTable,
   VariantList
-} from "./chunk-HY5IBRCE.js";
+} from "./chunk-DMYYQXPN.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -27,8 +30,11 @@ export {
   BackendSelector,
   BillingDashboard,
   ClusterStatusBar,
+  CreditBalance,
   DashboardLayout,
+  InvoiceTable,
   NewSandboxCard,
+  PlanCards,
   PricingPage,
   ProfileComparison,
   ProfileSelector,

package/dist/{index-BOjBJwzD.d.ts → index-BJIPTCKk.d.ts}

@@ -39,6 +39,51 @@ interface ClusterStatusBarProps {
 }
 declare function ClusterStatusBar({ items, latency, className }: ClusterStatusBarProps): react_jsx_runtime.JSX.Element;
 
+interface CreditBalanceProps {
+    amount: number;
+    description?: string;
+    onTopUp?: (amount: number) => void;
+    quickAmounts?: number[];
+    className?: string;
+}
+declare function CreditBalance({ amount, description, onTopUp, quickAmounts, className, }: CreditBalanceProps): react_jsx_runtime.JSX.Element;
+
+interface Invoice {
+    id: string;
+    date: string;
+    amount: number;
+    status: "paid" | "pending" | "failed";
+}
+interface InvoiceTableProps {
+    invoices: Invoice[];
+    onExportAll?: () => void;
+    onLoadMore?: () => void;
+    onViewInvoice?: (id: string) => void;
+    hasMore?: boolean;
+    className?: string;
+}
+declare function InvoiceTable({ invoices, onExportAll, onLoadMore, onViewInvoice, hasMore, className }: InvoiceTableProps): react_jsx_runtime.JSX.Element;
+
+interface PlanFeature {
+    text: string;
+}
+interface PlanCardData {
+    id: string;
+    name: string;
+    price: number;
+    period?: string;
+    features: PlanFeature[];
+    popular?: boolean;
+    current?: boolean;
+    ctaLabel?: string;
+    onSelect?: (id: string) => void;
+}
+interface PlanCardsProps {
+    plans: PlanCardData[];
+    className?: string;
+}
+declare function PlanCards({ plans, className }: PlanCardsProps): react_jsx_runtime.JSX.Element;
+
 type ProductVariant = "sandbox";
 interface NavItem {
     id: string;
@@ -216,4 +261,4 @@ interface VariantListProps {
 }
 declare function VariantList({ variants, selectedId, onSelect, onAccept, onReject, isActioning, className, }: VariantListProps): react_jsx_runtime.JSX.Element;
 
-export { AppSidebar as A, type Backend as B, ClusterStatusBar as C, DashboardLayout as D, type NavItem as N, ProfileComparison as P, ResourceMeter as R, SandboxCard as S, type TopNavLink as T, VariantList as V, type AppSidebarProps as a, BackendSelector as b, type BackendSelectorProps as c, type ClusterStatusBarProps as d, type ClusterStatusItem as e, type DashboardLayoutProps as f, type DashboardUser as g, NewSandboxCard as h, type NewSandboxCardProps as i, type ProfileComparisonProps as j, ProfileSelector as k, type ProfileSelectorProps as l, type ResourceMeterProps as m, type SandboxCardData as n, type SandboxCardProps as o, type SandboxStatus as p, SandboxTable as q, type SandboxTableProps as r, type SidebarNavItem as s, type SidebarSandbox as t, type VariantListProps as u, type Profile as v, type ProductVariant as w, type Variant as x, type VariantOutcome as y, type VariantStatus as z };
+export { AppSidebar as A, type Backend as B, ClusterStatusBar as C, DashboardLayout as D, type SidebarSandbox as E, type VariantListProps as F, type Profile as G, type PlanFeature as H, type Invoice as I, type ProductVariant as J, type Variant as K, type VariantOutcome as L, type VariantStatus as M, type NavItem as N, type PlanCardData as P, ResourceMeter as R, SandboxCard as S, type TopNavLink as T, VariantList as V, type AppSidebarProps as a, BackendSelector as b, type BackendSelectorProps as c, type ClusterStatusBarProps as d, type ClusterStatusItem as e, CreditBalance as f, type CreditBalanceProps as g, type DashboardLayoutProps as h, type DashboardUser as i, InvoiceTable as j, type InvoiceTableProps as k, NewSandboxCard as l, type NewSandboxCardProps as m, PlanCards as n, type PlanCardsProps as o, ProfileComparison as p, type ProfileComparisonProps as q, ProfileSelector as r, type ProfileSelectorProps as s, type ResourceMeterProps as t, type SandboxCardData as u, type SandboxCardProps as v, type SandboxStatus as w, SandboxTable as x, type SandboxTableProps as y, type SidebarNavItem as z };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { B as Button, a as ButtonProps, b as buttonVariants } from './button-CMQuQEW_.js';
-export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateProps, Input, InputProps, Label, Logo, LogoProps, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalDisplay, TerminalCursor as TerminalDisplayCursor, TerminalInput as TerminalDisplayInput, TerminalLine as TerminalDisplayLine, Textarea, TextareaProps, Toast, ToastContainer, ToastProvider, badgeVariants, useToast } from './primitives.js';
+export { Avatar, AvatarFallback, AvatarImage, Badge, BadgeProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, 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, Input, InputProps, Label, Logo, LogoProps, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonCard, SkeletonTable, StatCard, StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalDisplay, TerminalCursor as TerminalDisplayCursor, TerminalInput as TerminalDisplayInput, TerminalLine as TerminalDisplayLine, Textarea, TextareaProps, Toast, ToastContainer, ToastProvider, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, useToast } from './primitives.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
@@ -7,13 +7,13 @@ export { AgentWorkbench, AuditCheck, AuditResults, AuditResultsProps, BannerType
 export { A as ArtifactPane, a as ArtifactPaneProps, F as FileNode, b as FileTabData, c as FileTabs, d as FileTabsProps, e as FileTree, f as FileTreeProps, g as FileTreeVisibilityOptions, h as filterFileTree } from './file-tabs-CmaoDVBI.js';
 export { OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode } from './openui.js';
 export { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatMessage, ChatMessageProps, MessageList, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage } from './chat.js';
-export { C as ChatContainer, a as ChatInput, b as ChatInputProps, P as PendingFile } from './chat-container-C8eHLw8z.js';
+export { C as ChatContainer, a as ChatInput, b as ChatInputProps, P as PendingFile } from './chat-container-B34uj-J1.js';
 export { F as FeedSegment, T as ToolCallData, a as ToolCallFeed, b as ToolCallFeedProps, c as ToolCallGroup, d as ToolCallGroupProps, e as ToolCallStatus, f as ToolCallStep, g as ToolCallStepProps, h as ToolCallType, p as parseToolEvent } from './tool-call-feed-D5Ume-Pt.js';
 export { E as ExpandedToolDetail, I as InlineThinkingItem, c as InlineToolItem, R as RunGroup } from './expanded-tool-detail-BDi_h_dZ.js';
 import { b as ToolPart } from './parts-CyGkM6Fp.js';
 export { R as ReasoningPart, S as SessionMessage, a as SessionPart, T as TextPart, c as ToolState, d as ToolStatus, e as ToolTime } from './parts-CyGkM6Fp.js';
 export { FileArtifactPane, FileArtifactPaneProps, FilePreview, FilePreviewProps } from './files.js';
-export { A as AppSidebar, a as AppSidebarProps, B as Backend, b as BackendSelector, c as BackendSelectorProps, C as ClusterStatusBar, d as ClusterStatusBarProps, e as ClusterStatusItem, D as DashboardLayout, f as DashboardLayoutProps, g as DashboardUser, N as NavItem, h as NewSandboxCard, i as NewSandboxCardProps, P as ProfileComparison, j as ProfileComparisonProps, k as ProfileSelector, l as ProfileSelectorProps, R as ResourceMeter, m as ResourceMeterProps, S as SandboxCard, n as SandboxCardData, o as SandboxCardProps, p as SandboxStatus, q as SandboxTable, r as SandboxTableProps, s as SidebarNavItem, t as SidebarSandbox, T as TopNavLink, V as VariantList, u as VariantListProps } from './index-BOjBJwzD.js';
+export { A as AppSidebar, a as AppSidebarProps, B as Backend, b as BackendSelector, c as BackendSelectorProps, C as ClusterStatusBar, d as ClusterStatusBarProps, e as ClusterStatusItem, f as CreditBalance, g as CreditBalanceProps, D as DashboardLayout, h as DashboardLayoutProps, i as DashboardUser, I as Invoice, j as InvoiceTable, k as InvoiceTableProps, N as NavItem, l as NewSandboxCard, m as NewSandboxCardProps, P as PlanCardData, n as PlanCards, o as PlanCardsProps, p as ProfileComparison, q as ProfileComparisonProps, r as ProfileSelector, s as ProfileSelectorProps, R as ResourceMeter, t as ResourceMeterProps, S as SandboxCard, u as SandboxCardData, v as SandboxCardProps, w as SandboxStatus, x as SandboxTable, y as SandboxTableProps, z as SidebarNavItem, E as SidebarSandbox, T as TopNavLink, V as VariantList, F as VariantListProps } from './index-BJIPTCKk.js';
 export { c as BillingDashboard, d as BillingDashboardProps, e as PricingCards, f as PricingPageProps, g as UsageChart, h as UsageChartProps, U as UsageDataPoint } from './usage-chart-CY9xo3KX.js';
 export { AuthHeader, GitHubLoginButton, LoginLayout, LoginLayoutProps, UserMenu } from './auth.js';
 export { CodeBlock, CopyButton, Markdown, MarkdownProps } from './markdown.js';

package/dist/index.js

@@ -25,6 +25,7 @@ import {
   useToolCallStream
 } from "./chunk-5LV6DZZF.js";
 import {
+  DropZone,
   Label,
   Select,
   SelectContent,
@@ -44,8 +45,9 @@ import {
   TerminalLine,
   ToastContainer,
   ToastProvider,
+  UploadProgress,
   useToast
-} from "./chunk-TXI4MZAZ.js";
+} from "./chunk-CSIXZEKN.js";
 import {
   Avatar,
   AvatarFallback,
@@ -81,7 +83,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-QGI5E7JD.js";
+} from "./chunk-ZSNOGOUX.js";
 import {
   EmptyState,
   Input,
@@ -95,7 +97,7 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-4F2GJRGU.js";
+} from "./chunk-PXRPYAMM.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -160,15 +162,18 @@ import {
   AppSidebar,
   BackendSelector,
   ClusterStatusBar,
+  CreditBalance,
   DashboardLayout,
+  InvoiceTable,
   NewSandboxCard,
+  PlanCards,
   ProfileComparison,
   ProfileSelector,
   ResourceMeter,
   SandboxCard,
   SandboxTable,
   VariantList
-} from "./chunk-HY5IBRCE.js";
+} from "./chunk-DMYYQXPN.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -331,6 +336,7 @@ export {
   CodeBlock as CodeBlockDisplay,
   CommandPreview,
   CopyButton,
+  CreditBalance,
   DashboardLayout,
   Dialog,
   DialogClose,
@@ -344,6 +350,7 @@ export {
   DialogTrigger,
   DiffPreview,
   DirectoryPane,
+  DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -372,6 +379,7 @@ export {
   InlineThinkingItem,
   InlineToolItem,
   Input,
+  InvoiceTable,
   Label,
   LoginLayout,
   Logo,
@@ -379,6 +387,7 @@ export {
   MessageList,
   NewSandboxCard,
   OpenUIArtifactRenderer,
+  PlanCards,
   PricingPage as PricingCards,
   ProfileComparison,
   ProfileSelector,
@@ -434,6 +443,7 @@ export {
   ToolCallFeed,
   ToolCallGroup,
   ToolCallStep,
+  UploadProgress,
   UsageChart,
   UserMenu,
   UserMessage,

package/dist/primitives.d.ts

@@ -1,5 +1,6 @@
 export { B as Button, a as ButtonProps, b as buttonVariants } from './button-CMQuQEW_.js';
 import * as React$1 from 'react';
+import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -230,4 +231,47 @@ interface TerminalInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
 }
 declare const TerminalInput: React$1.ForwardRefExoticComponent<TerminalInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
-export { Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Input, type InputProps, Label, Logo, type LogoProps, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonCard, SkeletonTable, StatCard, type StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, Textarea, type TextareaProps, type Toast, ToastContainer, ToastProvider, badgeVariants, useToast };
+interface DropZoneProps {
+    /** Called with dropped files */
+    onDrop: (files: File[]) => void;
+    /** Accepted file types (e.g. ".pdf,.csv,.xlsx") */
+    accept?: string;
+    /** Whether drop zone is active */
+    disabled?: boolean;
+    /** Custom overlay content (replaces default) */
+    overlay?: ReactNode;
+    /** Overlay title */
+    title?: string;
+    /** Overlay description */
+    description?: string;
+    /** Overlay icon (Material Symbols name or ReactNode) */
+    icon?: string | ReactNode;
+    /** Children wrapped by the drop zone */
+    children: ReactNode;
+    className?: string;
+}
+declare function DropZone({ onDrop, accept, disabled, overlay, title, description, icon, children, className, }: DropZoneProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * UploadProgress — file upload status indicators.
+ *
+ * Shows a list of files being uploaded with progress bars,
+ * completion checkmarks, and error states.
+ */
+interface UploadFile {
+    id: string;
+    name: string;
+    size: number;
+    status: "pending" | "uploading" | "complete" | "error";
+    progress?: number;
+    error?: string;
+}
+interface UploadProgressProps {
+    files: UploadFile[];
+    onRemove?: (id: string) => void;
+    onRetry?: (id: string) => void;
+    className?: string;
+}
+declare function UploadProgress({ files, onRemove, onRetry, className }: UploadProgressProps): react_jsx_runtime.JSX.Element | null;
+
+export { Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropZone, type DropZoneProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Input, type InputProps, Label, Logo, type LogoProps, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonCard, SkeletonTable, StatCard, type StatCardProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TangleKnot, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, Textarea, type TextareaProps, type Toast, ToastContainer, ToastProvider, type UploadFile, UploadProgress, type UploadProgressProps, badgeVariants, useToast };

package/dist/primitives.js

@@ -1,4 +1,5 @@
 import {
+  DropZone,
   Label,
   Select,
   SelectContent,
@@ -18,8 +19,9 @@ import {
   TerminalLine,
   ToastContainer,
   ToastProvider,
+  UploadProgress,
   useToast
-} from "./chunk-TXI4MZAZ.js";
+} from "./chunk-CSIXZEKN.js";
 import {
   Avatar,
   AvatarFallback,
@@ -120,6 +122,7 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -175,6 +178,7 @@ export {
   Textarea,
   ToastContainer,
   ToastProvider,
+  UploadProgress,
   badgeVariants,
   buttonVariants,
   useToast

package/dist/workspace.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { F as FileNode, g as FileTreeVisibilityOptions, b as FileTabData } from './file-tabs-CmaoDVBI.js';
 export { A as ArtifactPane, a as ArtifactPaneProps } from './file-tabs-CmaoDVBI.js';
-import { c as ChatContainerProps } from './chat-container-C8eHLw8z.js';
+import { c as ChatContainerProps } from './chat-container-B34uj-J1.js';
 import { OpenUIComponentNode, OpenUIAction } from './openui.js';
 import './parts-CyGkM6Fp.js';
 import './branding-DCi5VEik.js';

package/dist/workspace.js

@@ -8,9 +8,9 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-QGI5E7JD.js";
+} from "./chunk-ZSNOGOUX.js";
 import "./chunk-MUOL44AE.js";
-import "./chunk-4F2GJRGU.js";
+import "./chunk-PXRPYAMM.js";
 import "./chunk-CNWVHQFY.js";
 import "./chunk-WUR652Y3.js";
 import "./chunk-HRMUF35V.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "type": "module",
   "main": "dist/index.js",