@tangle-network/sandbox-ui 0.3.6 → 0.3.10

package/dist/{expanded-tool-detail-BDi_h_dZ.d.ts → expanded-tool-detail-DM5M_T9h.d.ts}

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { R as Run } from './run-CtFZ6s-D.js';
 import { a as SessionPart, b as ToolPart, R as ReasoningPart } from './parts-CyGkM6Fp.js';
@@ -12,12 +13,18 @@ interface RunGroupProps {
     onToggle: () => void;
     branding?: AgentBranding;
     renderToolDetail?: CustomToolRenderer;
+    headerActions?: ReactNode;
+    renderToolActions?: (part: ToolPart, options: {
+        run: Run;
+        messageId: string;
+        partIndex: number;
+    }) => ReactNode;
 }
 /**
  * Collapsible container for a consecutive group of assistant messages (a "run").
  * Shows a summary header with stats and renders tool/thinking/text parts.
  */
-declare const RunGroup: React.MemoExoticComponent<({ run, partMap, collapsed, onToggle, branding, renderToolDetail, }: RunGroupProps) => react_jsx_runtime.JSX.Element | null>;
+declare const RunGroup: React.MemoExoticComponent<({ run, partMap, collapsed, onToggle, branding, renderToolDetail, headerActions, renderToolActions, }: RunGroupProps) => react_jsx_runtime.JSX.Element | null>;
 
 interface InlineToolItemProps {
     part: ToolPart;
@@ -25,13 +32,14 @@ interface InlineToolItemProps {
     groupPosition?: "single" | "first" | "middle" | "last";
     className?: string;
     contentClassName?: string;
+    actions?: ReactNode;
 }
 /**
  * Compact single-line tool call display (32px height).
  * Shows icon, title, description, duration, and status indicator.
  * Expands on click to show ExpandedToolDetail.
  */
-declare const InlineToolItem: React.MemoExoticComponent<({ part, renderToolDetail, groupPosition, className, contentClassName, }: InlineToolItemProps) => react_jsx_runtime.JSX.Element>;
+declare const InlineToolItem: React.MemoExoticComponent<({ part, renderToolDetail, groupPosition, className, contentClassName, actions, }: InlineToolItemProps) => react_jsx_runtime.JSX.Element>;
 
 interface InlineThinkingItemProps {
     part: ReasoningPart;

package/dist/{file-tabs-CmaoDVBI.d.ts → file-tabs-BLfxfmAH.d.ts}

@@ -1,25 +1,4 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-interface ArtifactPaneProps {
-    eyebrow?: ReactNode;
-    title: ReactNode;
-    subtitle?: ReactNode;
-    meta?: ReactNode;
-    headerActions?: ReactNode;
-    tabs?: ReactNode;
-    toolbar?: ReactNode;
-    footer?: ReactNode;
-    emptyState?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    contentClassName?: string;
-}
-/**
- * ArtifactPane — shared frame for files, previews, documents, inspectors, and
- * other artifact-like surfaces inside sandbox applications.
- */
-declare function ArtifactPane({ eyebrow, title, subtitle, meta, headerActions, tabs, toolbar, footer, emptyState, children, className, contentClassName, }: ArtifactPaneProps): react_jsx_runtime.JSX.Element;
 
 /**
  * FileTree — directory browser with file type icons.
@@ -69,4 +48,4 @@ interface FileTabsProps {
 }
 declare function FileTabs({ tabs, activeId, onSelect, onClose, className }: FileTabsProps): react_jsx_runtime.JSX.Element | null;
 
-export { ArtifactPane as A, type FileNode as F, type ArtifactPaneProps as a, type FileTabData as b, FileTabs as c, type FileTabsProps as d, FileTree as e, type FileTreeProps as f, type FileTreeVisibilityOptions as g, filterFileTree as h };
+export { type FileNode as F, type FileTabData as a, FileTabs as b, type FileTabsProps as c, FileTree as d, type FileTreeProps as e, type FileTreeVisibilityOptions as f, filterFileTree as g };

package/dist/files.d.ts

@@ -1,7 +1,11 @@
-import { b as FileTabData, a as ArtifactPaneProps } from './file-tabs-CmaoDVBI.js';
-export { F as FileNode, c as FileTabs, d as FileTabsProps, e as FileTree, f as FileTreeProps, g as FileTreeVisibilityOptions, h as filterFileTree } from './file-tabs-CmaoDVBI.js';
+import { a as FileTabData } from './file-tabs-BLfxfmAH.js';
+export { F as FileNode, b as FileTabs, c as FileTabsProps, d as FileTree, e as FileTreeProps, f as FileTreeVisibilityOptions, g as filterFileTree } from './file-tabs-BLfxfmAH.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-Bk-9MQmw.js';
+import { A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.js';
 import 'react';
+import '@hocuspocus/provider';
+import 'yjs';
 
 /**
  * FilePreview — universal file renderer.
@@ -26,6 +30,23 @@ interface FilePreviewProps {
 }
 declare function FilePreview({ filename, content, blobUrl, mimeType, onClose, onDownload, hideHeader, className, }: FilePreviewProps): react_jsx_runtime.JSX.Element;
 
+interface FileArtifactPaneEditorOptions {
+    enabled?: boolean;
+    mode?: DocumentEditorMode;
+    defaultMode?: DocumentEditorMode;
+    onModeChange?: (mode: DocumentEditorMode) => void;
+    backend?: DocumentEditorBackend;
+    collaboration?: DocumentEditorPaneCollaborationConfig;
+    placeholder?: string;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    saving?: boolean;
+    saveLabel?: string;
+    onChange?: (markdown: string) => void;
+    onSave?: (markdown: string) => Promise<void> | void;
+    previewClassName?: string;
+    editorClassName?: string;
+}
 interface FileArtifactPaneProps extends Omit<FilePreviewProps, "className"> {
     path?: string;
     tabs?: FileTabData[];
@@ -37,11 +58,12 @@ interface FileArtifactPaneProps extends Omit<FilePreviewProps, "className"> {
     toolbar?: ArtifactPaneProps["toolbar"];
     footer?: ArtifactPaneProps["footer"];
     className?: string;
+    editor?: FileArtifactPaneEditorOptions;
 }
 /**
  * FileArtifactPane — opinionated artifact frame for file previews with tabs and
  * header actions.
  */
-declare function FileArtifactPane({ filename, content, blobUrl, mimeType, onClose, onDownload, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, }: FileArtifactPaneProps): react_jsx_runtime.JSX.Element;
+declare function FileArtifactPane({ filename, content, blobUrl, mimeType, onClose, onDownload, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, editor, }: FileArtifactPaneProps): react_jsx_runtime.JSX.Element;
 
 export { FileArtifactPane, type FileArtifactPaneProps, FilePreview, type FilePreviewProps, FileTabData };

package/dist/files.js

@@ -4,7 +4,8 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-JF6E2DS5.js";
+} from "./chunk-ZYGWTIWO.js";
+import "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";
 import "./chunk-RQHJBTEU.js";
 export {

package/dist/hooks.d.ts

@@ -1,10 +1,12 @@
 export { A as AuthUser, U as UseAuthOptions, a as UseAuthResult, b as UsePtySessionOptions, c as UsePtySessionReturn, d as createAuthFetcher, u as useApiKey, e as useAuth, f as usePtySession } from './use-pty-session-DeZSxOCN.js';
-export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SessionInfo, SidecarAuth, TaskStreamEvent, TerminalStreamEvent, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseSessionStreamOptions, UseSessionStreamResult, UseSidecarAuthOptions, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream } from './sdk-hooks.js';
+export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, SessionInfo, SidecarAuth, TaskStreamEvent, TerminalStreamEvent, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseSessionStreamOptions, UseSessionStreamResult, UseSidecarAuthOptions, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream } from './sdk-hooks.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { S as Session } from './sidecar-CFU2W9j1.js';
 import 'react';
 import './run-CtFZ6s-D.js';
 import './parts-CyGkM6Fp.js';
+import './active-sessions-store-CeOmXgv5.js';
+import 'nanostores';
 import './tool-call-feed-D5Ume-Pt.js';
 import 'react/jsx-runtime';
 

package/dist/hooks.js

@@ -7,14 +7,17 @@ import {
   usePtySession
 } from "./chunk-GRYHFH5O.js";
 import {
+  RealtimeSessionRegistry,
   useDropdownMenu,
+  useRealtimeSession,
   useSSEStream,
   useSdkSession,
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5LV6DZZF.js";
+} from "./chunk-FOQTE67I.js";
 import "./chunk-CCKNIAS7.js";
+import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -92,6 +95,7 @@ function useRenameSession(apiUrl, token) {
   });
 }
 export {
+  RealtimeSessionRegistry,
   createAuthFetcher,
   useApiKey,
   useAuth,
@@ -100,6 +104,7 @@ export {
   useDeleteSession,
   useDropdownMenu,
   usePtySession,
+  useRealtimeSession,
   useRenameSession,
   useRunCollapseState,
   useRunGroups,

package/dist/index.d.ts

@@ -1,28 +1,30 @@
 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';
-export { AgentWorkbench, AuditCheck, AuditResults, AuditResultsProps, BannerType, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TerminalLine, TerminalPanel, TerminalProps, WorkspaceLayout, WorkspaceLayoutProps } from './workspace.js';
-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 { AgentWorkbench, AuditCheck, AuditResults, AuditResultsProps, BannerType, ContextBadge, DirectoryPane, DirectoryPaneProps, FormAudit, RuntimePane, RuntimePaneProps, SandboxWorkbench, SandboxWorkbenchArtifact, SandboxWorkbenchCustomArtifact, SandboxWorkbenchFileArtifact, SandboxWorkbenchLayoutOptions, SandboxWorkbenchMarkdownArtifact, SandboxWorkbenchOpenUIArtifact, SandboxWorkbenchProps, SandboxWorkbenchSessionProps, SessionActivityMonitor, SessionActivityMonitorProps, SessionSidebar, SessionSidebarBadge, SessionSidebarFilter, SessionSidebarItem, SessionSidebarLink, SessionSidebarProps, StatusBanner, StatusBannerProps, StatusBar, StatusBarProps, TerminalLine, TerminalPanel, TerminalProps, WorkspaceLayout, WorkspaceLayoutProps } from './workspace.js';
+export { a as ArtifactPane, A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.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 { AgentTimeline, AgentTimelineArtifactItem, AgentTimelineCustomItem, AgentTimelineItem, AgentTimelineMessageItem, AgentTimelineProps, AgentTimelineStatusItem, AgentTimelineTone, AgentTimelineToolGroupItem, AgentTimelineToolItem, ChatMessage, ChatMessageProps, MessageList, MessageListProps, MessageRole, ThinkingIndicator, ThinkingIndicatorProps, UserMessage, UserMessageProps } from './chat.js';
+export { C as ChatContainer, a as ChatContainerProps, b as ChatInput, c as ChatInputProps, P as PendingFile } from './chat-container-Dn1jWtWo.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';
+export { E as ExpandedToolDetail, I as InlineThinkingItem, c as InlineToolItem, R as RunGroup, e as RunGroupProps } from './expanded-tool-detail-DM5M_T9h.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 { F as FileNode, a as FileTabData, b as FileTabs, c as FileTabsProps, d as FileTree, e as FileTreeProps, f as FileTreeVisibilityOptions, g as filterFileTree } from './file-tabs-BLfxfmAH.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, 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';
-export { AppendUserMessageOptions, ApplySdkEventOptions, BeginAssistantMessageOptions, CompleteAssistantMessageOptions, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream } from './sdk-hooks.js';
+export { AppendUserMessageOptions, ApplySdkEventOptions, BeginAssistantMessageOptions, CompleteAssistantMessageOptions, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream } from './sdk-hooks.js';
 export { d as createAuthFetcher, u as useApiKey, e as useAuth, f as usePtySession } from './use-pty-session-DeZSxOCN.js';
 export { G as GroupedMessage, R as Run, b as RunStats, T as ToolCategory } from './run-CtFZ6s-D.js';
 export { S as Session } from './sidecar-CFU2W9j1.js';
 export { C as CustomToolRenderer, D as DisplayVariant, T as ToolDisplayMetadata } from './tool-display-Ct9nFAzJ.js';
 export { A as AgentBranding } from './branding-DCi5VEik.js';
+export { A as ActiveProjectActivity, a as ActiveSessionActivityOptions, b as ActiveSessionConnectionOptions, c as ActiveSessionConnectionState, d as ActiveSessionReconnectState, e as ActiveSessionRecord, f as ActiveSessionStatus, g as ActiveSessionTransportMode, h as ActiveSessionsState, R as RegisterActiveSessionOptions, S as SessionProjectKey } from './active-sessions-store-CeOmXgv5.js';
 export { TOOL_CATEGORY_ICONS, cn, copyText, formatDuration, getToolCategory, getToolDisplayMetadata, getToolErrorText, timeAgo, truncateText } from './utils.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-dialog';
@@ -33,6 +35,10 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-progress';
 import '@radix-ui/react-switch';
 import '@radix-ui/react-label';
+import './document-editor-pane-Bk-9MQmw.js';
+import '@hocuspocus/provider';
+import 'yjs';
+import 'nanostores';
 import 'clsx';
 
 type Theme = "light" | "dark" | "system";

package/dist/index.js

@@ -17,14 +17,17 @@ import {
   usePtySession
 } from "./chunk-GRYHFH5O.js";
 import {
+  RealtimeSessionRegistry,
   useDropdownMenu,
+  useRealtimeSession,
   useSSEStream,
   useSdkSession,
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5LV6DZZF.js";
+} from "./chunk-FOQTE67I.js";
 import {
+  DropZone,
   Label,
   Select,
   SelectContent,
@@ -44,8 +47,9 @@ import {
   TerminalLine,
   ToastContainer,
   ToastProvider,
+  UploadProgress,
   useToast
-} from "./chunk-TXI4MZAZ.js";
+} from "./chunk-CSIXZEKN.js";
 import {
   Avatar,
   AvatarFallback,
@@ -61,12 +65,14 @@ import {
   DialogOverlay,
   DialogPortal,
   DialogTitle,
-  DialogTrigger,
+  DialogTrigger
+} from "./chunk-SULQQJPB.js";
+import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger
-} from "./chunk-PDV7W4NY.js";
+} from "./chunk-Q56BYXQF.js";
 import {
   ToolCallFeed,
   parseToolEvent
@@ -77,11 +83,14 @@ import {
   DirectoryPane,
   RuntimePane,
   SandboxWorkbench,
+  SessionActivityMonitor,
+  SessionSidebar,
   StatusBanner,
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-QGI5E7JD.js";
+} from "./chunk-RQOX5JRR.js";
+import "./chunk-OEX7NZE3.js";
 import {
   EmptyState,
   Input,
@@ -95,7 +104,7 @@ import {
   MessageList,
   ThinkingIndicator,
   UserMessage
-} from "./chunk-4F2GJRGU.js";
+} from "./chunk-6H3EFUUC.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -113,7 +122,7 @@ import {
   RunGroup,
   WebSearchPreview,
   WriteFilePreview
-} from "./chunk-WUR652Y3.js";
+} from "./chunk-72UEKFZ2.js";
 import {
   formatDuration,
   truncateText
@@ -144,13 +153,15 @@ import {
   TableRow
 } from "./chunk-TQN3VR4F.js";
 import {
-  ArtifactPane,
   FileArtifactPane,
   FilePreview,
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-JF6E2DS5.js";
+} from "./chunk-ZYGWTIWO.js";
+import {
+  ArtifactPane
+} from "./chunk-W4LM3QYZ.js";
 import {
   CodeBlock as CodeBlock2,
   CopyButton,
@@ -348,6 +359,7 @@ export {
   DialogTrigger,
   DiffPreview,
   DirectoryPane,
+  DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -390,6 +402,7 @@ export {
   ProfileSelector,
   Progress,
   QuestionPreview,
+  RealtimeSessionRegistry,
   ResourceMeter,
   RunGroup,
   RuntimePane,
@@ -406,6 +419,8 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SessionActivityMonitor,
+  SessionSidebar,
   Skeleton,
   SkeletonCard,
   SkeletonTable,
@@ -440,6 +455,7 @@ export {
   ToolCallFeed,
   ToolCallGroup,
   ToolCallStep,
+  UploadProgress,
   UsageChart,
   UserMenu,
   UserMessage,
@@ -465,6 +481,7 @@ export {
   useAutoScroll,
   useDropdownMenu,
   usePtySession,
+  useRealtimeSession,
   useRunCollapseState,
   useRunGroups,
   useSSEStream,

package/dist/pages.js

@@ -4,12 +4,14 @@ import {
   DialogDescription,
   DialogFooter,
   DialogHeader,
-  DialogTitle,
+  DialogTitle
+} from "./chunk-SULQQJPB.js";
+import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger
-} from "./chunk-PDV7W4NY.js";
+} from "./chunk-Q56BYXQF.js";
 import {
   EmptyState,
   Input

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,
@@ -35,12 +37,14 @@ import {
   DialogOverlay,
   DialogPortal,
   DialogTitle,
-  DialogTrigger,
+  DialogTrigger
+} from "./chunk-SULQQJPB.js";
+import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger
-} from "./chunk-PDV7W4NY.js";
+} from "./chunk-Q56BYXQF.js";
 import {
   EmptyState,
   Input,
@@ -120,6 +124,7 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -175,6 +180,7 @@ export {
   Textarea,
   ToastContainer,
   ToastProvider,
+  UploadProgress,
   badgeVariants,
   buttonVariants,
   useToast

package/dist/run.d.ts

@@ -1,4 +1,4 @@
-export { E as ExpandedToolDetail, a as ExpandedToolDetailProps, I as InlineThinkingItem, b as InlineThinkingItemProps, c as InlineToolItem, d as InlineToolItemProps, R as RunGroup, e as RunGroupProps } from './expanded-tool-detail-BDi_h_dZ.js';
+export { E as ExpandedToolDetail, a as ExpandedToolDetailProps, I as InlineThinkingItem, b as InlineThinkingItemProps, c as InlineToolItem, d as InlineToolItemProps, R as RunGroup, e as RunGroupProps } from './expanded-tool-detail-DM5M_T9h.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
 import 'react';

package/dist/run.js

@@ -8,7 +8,7 @@ import {
   InlineToolItem,
   LiveDuration,
   RunGroup
-} from "./chunk-WUR652Y3.js";
+} from "./chunk-72UEKFZ2.js";
 import "./chunk-HRMUF35V.js";
 import {
   ToolCallGroup,

package/dist/sdk-hooks.d.ts

@@ -2,7 +2,9 @@ import * as React from 'react';
 import { RefObject } from 'react';
 import { G as GroupedMessage, R as Run } from './run-CtFZ6s-D.js';
 import { S as SessionMessage, a as SessionPart } from './parts-CyGkM6Fp.js';
+import { R as RegisterActiveSessionOptions, g as ActiveSessionTransportMode, c as ActiveSessionConnectionState } from './active-sessions-store-CeOmXgv5.js';
 import { F as FeedSegment } from './tool-call-feed-D5Ume-Pt.js';
+import 'nanostores';
 import 'react/jsx-runtime';
 
 /**
@@ -212,6 +214,35 @@ interface UseSdkSessionReturn {
 }
 declare function useSdkSession({ initialMessages, }?: UseSdkSessionOptions): UseSdkSessionReturn;
 
+interface RealtimeSessionOptions extends RegisterActiveSessionOptions {
+    connectUrl?: string | null;
+    enabled?: boolean;
+    foreground?: boolean;
+    keepRegistered?: boolean;
+    reconnect?: boolean;
+    reconnectIntervalMs?: number;
+    maxReconnectAttempts?: number;
+    transportMode?: ActiveSessionTransportMode;
+    onEvent?: (event: SdkSessionEvent) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onError?: (error: Error) => void;
+}
+interface RealtimeSessionState {
+    connectionState: ActiveSessionConnectionState;
+    lastError: string | null;
+    reconnectAttempts: number;
+    isConnected: boolean;
+}
+interface RealtimeSessionTarget extends RealtimeSessionOptions {
+    key?: string;
+}
+interface RealtimeSessionRegistryProps {
+    sessions: RealtimeSessionTarget[];
+}
+declare function useRealtimeSession({ sessionId, projectId, projectLabel, title, href, metadata, connectUrl, enabled, foreground, keepRegistered, reconnect, reconnectIntervalMs, maxReconnectAttempts, transportMode, onEvent, onOpen, onClose, onError, }: RealtimeSessionOptions): RealtimeSessionState;
+declare function RealtimeSessionRegistry({ sessions }: RealtimeSessionRegistryProps): React.FunctionComponentElement<RealtimeSessionTarget>[];
+
 interface UseRunGroupsOptions {
     messages: SessionMessage[];
     partMap: Record<string, SessionPart[]>;
@@ -325,4 +356,4 @@ interface SidecarAuth {
  */
 declare function useSidecarAuth({ resourceId, apiUrl, signMessage }: UseSidecarAuthOptions): SidecarAuth;
 
-export { type AgentStreamEvent, type AppendUserMessageOptions, type ApplySdkEventOptions, type AutomationStreamEvent, type BeginAssistantMessageOptions, type BotStreamEvent, type CompleteAssistantMessageOptions, type ConnectionState, type SSEEvent, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, type SessionInfo, type SidecarAuth, type TaskStreamEvent, type TerminalStreamEvent, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSdkSessionOptions, type UseSdkSessionReturn, type UseSessionStreamOptions, type UseSessionStreamResult, type UseSidecarAuthOptions, type UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };
+export { type AgentStreamEvent, type AppendUserMessageOptions, type ApplySdkEventOptions, type AutomationStreamEvent, type BeginAssistantMessageOptions, type BotStreamEvent, type CompleteAssistantMessageOptions, type ConnectionState, type RealtimeSessionOptions, RealtimeSessionRegistry, type RealtimeSessionRegistryProps, type RealtimeSessionState, type RealtimeSessionTarget, type SSEEvent, type SdkSessionAttachment, type SdkSessionEvent, type SdkSessionSeed, type SessionInfo, type SidecarAuth, type TaskStreamEvent, type TerminalStreamEvent, type UseRunGroupsOptions, type UseSSEStreamOptions, type UseSSEStreamResult, type UseSdkSessionOptions, type UseSdkSessionReturn, type UseSessionStreamOptions, type UseSessionStreamResult, type UseSidecarAuthOptions, type UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };

package/dist/sdk-hooks.js

@@ -1,12 +1,15 @@
 import {
+  RealtimeSessionRegistry,
   useDropdownMenu,
+  useRealtimeSession,
   useSSEStream,
   useSdkSession,
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-5LV6DZZF.js";
+} from "./chunk-FOQTE67I.js";
 import "./chunk-CCKNIAS7.js";
+import "./chunk-OEX7NZE3.js";
 import {
   useAutoScroll,
   useRunCollapseState,
@@ -17,8 +20,10 @@ import "./chunk-BX6AQMUS.js";
 import "./chunk-LTFK464G.js";
 import "./chunk-RQHJBTEU.js";
 export {
+  RealtimeSessionRegistry,
   useAutoScroll,
   useDropdownMenu,
+  useRealtimeSession,
   useRunCollapseState,
   useRunGroups,
   useSSEStream,

package/dist/stores.d.ts

@@ -1,4 +1,5 @@
 import * as nanostores from 'nanostores';
+export { A as ActiveProjectActivity, a as ActiveSessionActivityOptions, b as ActiveSessionConnectionOptions, c as ActiveSessionConnectionState, d as ActiveSessionReconnectState, e as ActiveSessionRecord, f as ActiveSessionStatus, g as ActiveSessionTransportMode, h as ActiveSessionsState, R as RegisterActiveSessionOptions, S as SessionProjectKey, i as activeSessionsAtom, j as bumpActiveSessionActivity, k as getActiveSession, l as getAllActiveSessions, m as getAllProjectActivity, n as getSessionsByActivity, o as getSessionsForNavbar, p as getSessionsForProject, q as getTotalRunningSessionCount, r as hasBackgroundRunningSessions, s as registerActiveSession, t as resetActiveSessions, u as setActiveSessionAttention, v as setActiveSessionConnection, w as setActiveSessionError, x as setActiveSessionRunning, y as setForegroundActiveSession, z as unregisterActiveSession, B as updateActiveSessionMeta, C as useActiveSession, D as useActiveSessions, E as useActiveSessionsState, F as useHasBackgroundRunningSessions, G as useNavbarSessions, H as useProjectActivity, I as useProjectSessions, J as useSessionsByActivity, K as useTotalRunningSessions } from './active-sessions-store-CeOmXgv5.js';
 import { S as SessionMessage, a as SessionPart } from './parts-CyGkM6Fp.js';
 
 interface ChatSession {