@tangle-network/sandbox-ui 0.3.12 → 0.4.0

package/dist/index.js

@@ -2,12 +2,26 @@ import {
   copyText,
   timeAgo
 } from "./chunk-QD4QE5P5.js";
+import {
+  CollaboratorsList,
+  DocumentEditorPane,
+  EditorProvider,
+  EditorToolbar,
+  TiptapEditor,
+  useAwareness,
+  useCollaboratorPresence,
+  useCollaborators,
+  useDocumentChanges,
+  useEditorConnection,
+  useEditorContext,
+  useYjsState
+} from "./chunk-HXEA7L2T.js";
 import {
   AuthHeader,
   GitHubLoginButton,
   LoginLayout,
   UserMenu
-} from "./chunk-PCTEG6HR.js";
+} from "./chunk-OHMO7NUX.js";
 import {
   createAuthFetcher,
   useApiKey,
@@ -39,6 +53,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SidebarDropZone,
   StatCard,
   Switch,
   TerminalCursor,
@@ -49,12 +64,7 @@ import {
   ToastProvider,
   UploadProgress,
   useToast
-} from "./chunk-CSIXZEKN.js";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-} from "./chunk-B26TQ7SA.js";
+} from "./chunk-SSKVYXCR.js";
 import {
   Dialog,
   DialogClose,
@@ -89,7 +99,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-QMKWQF6F.js";
+} from "./chunk-DQYODCBN.js";
 import "./chunk-OEX7NZE3.js";
 import {
   EmptyState,
@@ -104,7 +114,7 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-6H3EFUUC.js";
+} from "./chunk-GVUW4VDD.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -158,7 +168,7 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-IAIJUFM6.js";
+} from "./chunk-HYLTXGOI.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
@@ -168,7 +178,6 @@ import {
   Markdown
 } from "./chunk-LTFK464G.js";
 import {
-  AppSidebar,
   BackendSelector,
   ClusterStatusBar,
   CreditBalance,
@@ -176,13 +185,31 @@ import {
   InvoiceTable,
   NewSandboxCard,
   PlanCards,
+  ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
+  RailButton,
+  RailModeButton,
+  RailSeparator,
   ResourceMeter,
+  SIDEBAR_PANEL_WIDTH,
+  SIDEBAR_RAIL_WIDTH,
+  SIDEBAR_TOTAL_WIDTH,
   SandboxCard,
   SandboxTable,
-  VariantList
-} from "./chunk-DMYYQXPN.js";
+  Sidebar,
+  SidebarContent,
+  SidebarPanel,
+  SidebarPanelContent,
+  SidebarPanelHeader,
+  SidebarProvider,
+  SidebarRail,
+  SidebarRailFooter,
+  SidebarRailHeader,
+  SidebarRailNav,
+  VariantList,
+  useSidebar
+} from "./chunk-MVYFNPAH.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -193,6 +220,9 @@ import {
   TangleKnot
 } from "./chunk-OKCIKTXQ.js";
 import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -208,7 +238,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-MCGKDCOR.js";
+} from "./chunk-IW2JZCOC.js";
 import {
   Progress,
   Skeleton,
@@ -320,7 +350,6 @@ function ThemeToggle() {
 export {
   AgentTimeline,
   AgentWorkbench,
-  AppSidebar,
   ArtifactPane,
   AuditResults,
   AuthHeader,
@@ -343,6 +372,7 @@ export {
   ClusterStatusBar,
   CodeBlock2 as CodeBlock,
   CodeBlock as CodeBlockDisplay,
+  CollaboratorsList,
   CommandPreview,
   CopyButton,
   CreditBalance,
@@ -359,6 +389,7 @@ export {
   DialogTrigger,
   DiffPreview,
   DirectoryPane,
+  DocumentEditorPane,
   DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -375,6 +406,8 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EditorProvider,
+  EditorToolbar,
   EmptyState,
   ExpandedToolDetail,
   FileArtifactPane,
@@ -398,14 +431,21 @@ export {
   OpenUIArtifactRenderer,
   PlanCards,
   PricingPage as PricingCards,
+  ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
   Progress,
   QuestionPreview,
+  RailButton,
+  RailModeButton,
+  RailSeparator,
   RealtimeSessionRegistry,
   ResourceMeter,
   RunGroup,
   RuntimePane,
+  SIDEBAR_PANEL_WIDTH,
+  SIDEBAR_RAIL_WIDTH,
+  SIDEBAR_TOTAL_WIDTH,
   SandboxCard,
   SandboxTable,
   SandboxWorkbench,
@@ -421,6 +461,17 @@ export {
   SelectValue,
   SessionActivityMonitor,
   SessionSidebar,
+  Sidebar,
+  SidebarContent,
+  SidebarDropZone,
+  SidebarPanel,
+  SidebarPanelContent,
+  SidebarPanelHeader,
+  SidebarProvider,
+  SidebarRail,
+  SidebarRailFooter,
+  SidebarRailHeader,
+  SidebarRailNav,
   Skeleton,
   SkeletonCard,
   SkeletonTable,
@@ -450,6 +501,7 @@ export {
   Textarea,
   ThemeToggle,
   ThinkingIndicator,
+  TiptapEditor,
   ToastContainer,
   ToastProvider,
   ToolCallFeed,
@@ -479,7 +531,13 @@ export {
   useApiKey,
   useAuth,
   useAutoScroll,
+  useAwareness,
+  useCollaboratorPresence,
+  useCollaborators,
+  useDocumentChanges,
   useDropdownMenu,
+  useEditorConnection,
+  useEditorContext,
   usePtySession,
   useRealtimeSession,
   useRunCollapseState,
@@ -487,8 +545,10 @@ export {
   useSSEStream,
   useSdkSession,
   useSessionStream,
+  useSidebar,
   useSidecarAuth,
   useTheme,
   useToast,
-  useToolCallStream
+  useToolCallStream,
+  useYjsState
 };

package/dist/primitives.d.ts

@@ -274,4 +274,23 @@ interface UploadProgressProps {
 }
 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 };
+interface SidebarDropZoneProps {
+    /** Called with dropped files */
+    onDrop: (files: File[]) => void;
+    /** Accepted file types (e.g. ".pdf,.csv") */
+    accept?: string;
+    /** Whether drop zone is active */
+    disabled?: boolean;
+    /** Title shown in the drop zone */
+    title?: string;
+    /** Description shown below the title */
+    description?: string;
+    /** Custom icon (replaces default upload icon) */
+    icon?: ReactNode;
+    /** Always visible (not just on drag). Useful as a persistent upload area. */
+    persistent?: boolean;
+    className?: string;
+}
+declare function SidebarDropZone({ onDrop, accept, disabled, title, description, icon, persistent, className, }: SidebarDropZoneProps): react_jsx_runtime.JSX.Element;
+
+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, SidebarDropZone, type SidebarDropZoneProps, 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

@@ -11,6 +11,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SidebarDropZone,
   StatCard,
   Switch,
   TerminalCursor,
@@ -21,12 +22,7 @@ import {
   ToastProvider,
   UploadProgress,
   useToast
-} from "./chunk-CSIXZEKN.js";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-} from "./chunk-B26TQ7SA.js";
+} from "./chunk-SSKVYXCR.js";
 import {
   Dialog,
   DialogClose,
@@ -65,6 +61,9 @@ import {
   TangleKnot
 } from "./chunk-OKCIKTXQ.js";
 import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -80,7 +79,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-MCGKDCOR.js";
+} from "./chunk-IW2JZCOC.js";
 import {
   Progress,
   Skeleton,
@@ -155,6 +154,7 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SidebarDropZone,
   Skeleton,
   SkeletonCard,
   SkeletonTable,

package/dist/workspace.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 export { a as ArtifactPane, A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.js';
 import { F as FileNode, f as FileTreeVisibilityOptions, a as FileTabData } from './file-tabs-BLfxfmAH.js';
 import { S as SessionProjectKey, f as ActiveSessionStatus, e as ActiveSessionRecord } from './active-sessions-store-CeOmXgv5.js';
-import { a as ChatContainerProps } from './chat-container-Dn1jWtWo.js';
+import { a as ChatContainerProps } from './chat-container-Cg-GwyiK.js';
 import { OpenUIComponentNode, OpenUIAction } from './openui.js';
 import 'nanostores';
 import './parts-CyGkM6Fp.js';
@@ -40,6 +40,8 @@ interface WorkspaceLayoutProps {
     defaultLeftWidth?: number;
     /** Default right panel width in px */
     defaultRightWidth?: number;
+    /** Default bottom panel height in px */
+    defaultBottomHeight?: number;
     /** Minimum left panel width in px */
     minLeftWidth?: number;
     /** Maximum left panel width in px */
@@ -48,6 +50,10 @@ interface WorkspaceLayoutProps {
     minRightWidth?: number;
     /** Maximum right panel width in px */
     maxRightWidth?: number;
+    /** Minimum bottom panel height in px */
+    minBottomHeight?: number;
+    /** Maximum bottom panel height in px */
+    maxBottomHeight?: number;
     /** Persist panel state and sizes in localStorage */
     persistenceKey?: string;
     /** Disable resize handles */
@@ -64,7 +70,7 @@ interface WorkspaceLayoutProps {
     bottomLabel?: string;
     className?: string;
 }
-declare function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter, right, rightHeader, bottom, bottomHeader, defaultLeftOpen, defaultRightOpen, defaultBottomOpen, defaultLeftWidth, defaultRightWidth, minLeftWidth, maxLeftWidth, minRightWidth, maxRightWidth, persistenceKey, resizable, theme, density, leftLabel, rightLabel, bottomLabel, className, }: WorkspaceLayoutProps): react_jsx_runtime.JSX.Element;
+declare function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter, right, rightHeader, bottom, bottomHeader, defaultLeftOpen, defaultRightOpen, defaultBottomOpen, defaultLeftWidth, defaultRightWidth, defaultBottomHeight, minLeftWidth, maxLeftWidth, minRightWidth, maxRightWidth, minBottomHeight, maxBottomHeight, persistenceKey, resizable, theme, density, leftLabel, rightLabel, bottomLabel, className, }: WorkspaceLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface DirectoryPaneProps {
     root: FileNode;

package/dist/workspace.js

@@ -10,10 +10,10 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-QMKWQF6F.js";
+} from "./chunk-DQYODCBN.js";
 import "./chunk-OEX7NZE3.js";
 import "./chunk-MUOL44AE.js";
-import "./chunk-6H3EFUUC.js";
+import "./chunk-GVUW4VDD.js";
 import "./chunk-CNWVHQFY.js";
 import "./chunk-72UEKFZ2.js";
 import "./chunk-HRMUF35V.js";
@@ -21,7 +21,7 @@ import "./chunk-CJ2RYVZH.js";
 import "./chunk-BX6AQMUS.js";
 import "./chunk-YDBXQQLC.js";
 import "./chunk-TQN3VR4F.js";
-import "./chunk-IAIJUFM6.js";
+import "./chunk-HYLTXGOI.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.3.12",
+  "version": "0.4.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",