@tangle-network/sandbox-ui 0.3.6 → 0.3.10

package/dist/stores.js

@@ -1,3 +1,34 @@
+import {
+  activeSessionsAtom,
+  bumpActiveSessionActivity,
+  getActiveSession,
+  getAllActiveSessions,
+  getAllProjectActivity,
+  getSessionsByActivity,
+  getSessionsForNavbar,
+  getSessionsForProject,
+  getTotalRunningSessionCount,
+  hasBackgroundRunningSessions,
+  registerActiveSession,
+  resetActiveSessions,
+  setActiveSessionAttention,
+  setActiveSessionConnection,
+  setActiveSessionError,
+  setActiveSessionRunning,
+  setForegroundActiveSession,
+  unregisterActiveSession,
+  updateActiveSessionMeta,
+  useActiveSession,
+  useActiveSessions,
+  useActiveSessionsState,
+  useHasBackgroundRunningSessions,
+  useNavbarSessions,
+  useProjectActivity,
+  useProjectSessions,
+  useSessionsByActivity,
+  useTotalRunningSessions
+} from "./chunk-OEX7NZE3.js";
+
 // src/stores/session-store.ts
 import { atom } from "nanostores";
 var sessionAtom = atom(null);
@@ -36,14 +67,42 @@ function clearChat() {
   insertionCounter = 0;
 }
 export {
+  activeSessionsAtom,
   addMessage,
   addParts,
+  bumpActiveSessionActivity,
   clearChat,
   connectSession,
   disconnectSession,
+  getActiveSession,
+  getAllActiveSessions,
+  getAllProjectActivity,
+  getSessionsByActivity,
+  getSessionsForNavbar,
+  getSessionsForProject,
+  getTotalRunningSessionCount,
+  hasBackgroundRunningSessions,
   isStreamingAtom,
   messagesAtom,
   partMapAtom,
+  registerActiveSession,
+  resetActiveSessions,
   sessionAtom,
-  updatePart
+  setActiveSessionAttention,
+  setActiveSessionConnection,
+  setActiveSessionError,
+  setActiveSessionRunning,
+  setForegroundActiveSession,
+  unregisterActiveSession,
+  updateActiveSessionMeta,
+  updatePart,
+  useActiveSession,
+  useActiveSessions,
+  useActiveSessionsState,
+  useHasBackgroundRunningSessions,
+  useNavbarSessions,
+  useProjectActivity,
+  useProjectSessions,
+  useSessionsByActivity,
+  useTotalRunningSessions
 };

package/dist/types.d.ts

@@ -3,4 +3,6 @@ export { F as FinalTextPart, G as GroupedMessage, M as MessageRun, a as MessageU
 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';
 import 'react';
+import 'nanostores';

package/dist/workspace.d.ts

@@ -1,12 +1,15 @@
 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';
+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 { OpenUIComponentNode, OpenUIAction } from './openui.js';
+import 'nanostores';
 import './parts-CyGkM6Fp.js';
 import './branding-DCi5VEik.js';
 import './tool-display-Ct9nFAzJ.js';
+import './run-CtFZ6s-D.js';
 
 interface WorkspaceLayoutProps {
     /** Left sidebar content (file tree, navigation) */
@@ -25,6 +28,8 @@ interface WorkspaceLayoutProps {
     rightHeader?: ReactNode;
     /** Bottom panel (terminal) */
     bottom?: ReactNode;
+    /** Bottom panel header */
+    bottomHeader?: ReactNode;
     /** Default left panel state */
     defaultLeftOpen?: boolean;
     /** Default right panel state */
@@ -59,7 +64,7 @@ interface WorkspaceLayoutProps {
     bottomLabel?: string;
     className?: string;
 }
-declare function WorkspaceLayout({ left, leftHeader, center, centerHeader, centerFooter, right, rightHeader, bottom, 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, minLeftWidth, maxLeftWidth, minRightWidth, maxRightWidth, persistenceKey, resizable, theme, density, leftLabel, rightLabel, bottomLabel, className, }: WorkspaceLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface DirectoryPaneProps {
     root: FileNode;
@@ -152,6 +157,73 @@ interface RuntimePaneProps {
  */
 declare function RuntimePane({ title, subtitle, statusBanner, statusBar, terminal, audit, inspector, footer, className, }: RuntimePaneProps): react_jsx_runtime.JSX.Element;
 
+interface SessionSidebarItem {
+    id: string;
+    title: string;
+    subtitle?: string;
+    href?: string;
+    updatedAt?: string | number | Date;
+    projectId?: SessionProjectKey | null;
+    status?: ActiveSessionStatus;
+    category?: string;
+    isPinned?: boolean;
+    badges?: SessionSidebarBadge[];
+}
+interface SessionSidebarBadge {
+    id: string;
+    label: string;
+    tone?: "neutral" | "accent" | "success" | "warning" | "danger";
+}
+interface SessionSidebarLink {
+    id: string;
+    label: string;
+    href?: string;
+    icon?: "vault" | "settings" | "back";
+}
+interface SessionSidebarFilter {
+    id: string;
+    label: string;
+    matches: (item: SessionSidebarItem, options: {
+        session: ActiveSessionRecord | null;
+        isActive: boolean;
+    }) => boolean;
+}
+interface SessionSidebarProps {
+    title: string;
+    subtitle?: string;
+    projectId?: SessionProjectKey | null;
+    items: SessionSidebarItem[];
+    currentItemId?: string | null;
+    createLabel?: string;
+    onCreate?: () => void;
+    onSelectItem?: (item: SessionSidebarItem) => void;
+    onSelectLink?: (link: SessionSidebarLink) => void;
+    links?: SessionSidebarLink[];
+    className?: string;
+    emptyMessage?: string;
+    searchPlaceholder?: string;
+    enableSearch?: boolean;
+    activityMonitor?: ReactNode;
+    filters?: SessionSidebarFilter[];
+    defaultFilterId?: string;
+    renderItemActions?: (item: SessionSidebarItem, options: {
+        session: ActiveSessionRecord | null;
+        isActive: boolean;
+    }) => ReactNode;
+}
+declare function SessionSidebar({ title, subtitle, projectId, items, currentItemId, createLabel, onCreate, onSelectItem, onSelectLink, links, className, emptyMessage, searchPlaceholder, enableSearch, activityMonitor, filters, defaultFilterId, renderItemActions, }: SessionSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface SessionActivityMonitorProps {
+    className?: string;
+    compact?: boolean;
+    sessionsById?: Record<string, ActiveSessionRecord>;
+    emptyMessage?: string;
+    resolveProjectLabel?: (projectId: SessionProjectKey, label?: string) => string;
+    onSelectSession?: (session: ActiveSessionRecord) => void;
+}
+declare function SessionActivityMonitor({ className, compact, sessionsById, emptyMessage, resolveProjectLabel, onSelectSession, }: SessionActivityMonitorProps): react_jsx_runtime.JSX.Element | null;
+
+type SandboxWorkbenchPlacement = "left" | "right" | "bottom" | "hidden";
 interface SandboxWorkbenchArtifactBase {
     id: string;
     title: ReactNode;
@@ -195,8 +267,14 @@ interface SandboxWorkbenchSessionProps extends Omit<ChatContainerProps, "classNa
     subtitle?: ReactNode;
     meta?: ReactNode;
     headerActions?: ReactNode;
+    renderRunActions?: ChatContainerProps["renderRunActions"];
+    renderUserMessageActions?: ChatContainerProps["renderUserMessageActions"];
+    renderToolActions?: ChatContainerProps["renderToolActions"];
 }
-interface SandboxWorkbenchLayoutOptions extends Pick<WorkspaceLayoutProps, "defaultBottomOpen" | "defaultLeftOpen" | "defaultLeftWidth" | "defaultRightOpen" | "defaultRightWidth" | "density" | "maxLeftWidth" | "maxRightWidth" | "minLeftWidth" | "minRightWidth" | "persistenceKey" | "resizable" | "theme"> {
+interface SandboxWorkbenchLayoutOptions extends Pick<WorkspaceLayoutProps, "bottomHeader" | "defaultBottomOpen" | "defaultLeftOpen" | "defaultLeftWidth" | "defaultRightOpen" | "defaultRightWidth" | "density" | "maxLeftWidth" | "maxRightWidth" | "minLeftWidth" | "minRightWidth" | "persistenceKey" | "resizable" | "theme"> {
+    directoryPlacement?: SandboxWorkbenchPlacement;
+    artifactPlacement?: SandboxWorkbenchPlacement;
+    runtimePlacement?: SandboxWorkbenchPlacement;
 }
 interface SandboxWorkbenchProps {
     title?: ReactNode;
@@ -248,4 +326,4 @@ interface AuditResultsProps {
 }
 declare function AuditResults({ forms, crossFormChecks, overallScore, className }: AuditResultsProps): react_jsx_runtime.JSX.Element;
 
-export { AgentWorkbench, type AuditCheck, AuditResults, type AuditResultsProps, type BannerType, type ContextBadge, DirectoryPane, type DirectoryPaneProps, type FormAudit, RuntimePane, type RuntimePaneProps, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, type TerminalLine, TerminalPanel, type TerminalProps, WorkspaceLayout, type WorkspaceLayoutProps };
+export { AgentWorkbench, type AuditCheck, AuditResults, type AuditResultsProps, type BannerType, type ContextBadge, DirectoryPane, type DirectoryPaneProps, type FormAudit, RuntimePane, type RuntimePaneProps, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, SessionActivityMonitor, type SessionActivityMonitorProps, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, type TerminalLine, TerminalPanel, type TerminalProps, WorkspaceLayout, type WorkspaceLayoutProps };

package/dist/workspace.js

@@ -4,23 +4,27 @@ import {
   DirectoryPane,
   RuntimePane,
   SandboxWorkbench,
+  SessionActivityMonitor,
+  SessionSidebar,
   StatusBanner,
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-QGI5E7JD.js";
+} from "./chunk-RQOX5JRR.js";
+import "./chunk-OEX7NZE3.js";
 import "./chunk-MUOL44AE.js";
-import "./chunk-4F2GJRGU.js";
+import "./chunk-6H3EFUUC.js";
 import "./chunk-CNWVHQFY.js";
-import "./chunk-WUR652Y3.js";
+import "./chunk-72UEKFZ2.js";
 import "./chunk-HRMUF35V.js";
 import "./chunk-CJ2RYVZH.js";
 import "./chunk-BX6AQMUS.js";
 import "./chunk-YDBXQQLC.js";
 import "./chunk-TQN3VR4F.js";
+import "./chunk-ZYGWTIWO.js";
 import {
   ArtifactPane
-} from "./chunk-JF6E2DS5.js";
+} from "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";
 import "./chunk-MXCSSOGH.js";
 import "./chunk-HWLX5NME.js";
@@ -32,6 +36,8 @@ export {
   DirectoryPane,
   RuntimePane,
   SandboxWorkbench,
+  SessionActivityMonitor,
+  SessionSidebar,
   StatusBanner,
   StatusBar,
   TerminalPanel,

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.3.6",
+  "version": "0.3.10",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tangle-network/sandbox-ui"
+  },
+  "homepage": "https://github.com/tangle-network/sandbox-ui",
+  "bugs": {
+    "url": "https://github.com/tangle-network/sandbox-ui/issues"
+  },
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -129,7 +137,7 @@
     "@tiptap/extension-collaboration": {
       "optional": true
     },
-    "@tiptap/extension-collaboration-cursor": {
+    "@tiptap/extension-collaboration-caret": {
       "optional": true
     },
     "yjs": {
@@ -137,6 +145,7 @@
     }
   },
   "dependencies": {
+    "@nanostores/react": "^1.1.0",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-collapsible": "^1.1.0",
     "@radix-ui/react-dialog": "^1.1.0",
@@ -151,26 +160,28 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.469.0",
+    "marked": "^17.0.5",
+    "nanostores": "^1.2.0",
     "react-markdown": "^10.1.0",
     "react-pdf": "^9.2.1",
     "rehype-sanitize": "^6.0.0",
     "remark-gfm": "^4.0.1",
-    "tailwind-merge": "^3.0.2"
+    "tailwind-merge": "^3.0.2",
+    "turndown": "^7.2.2"
   },
   "devDependencies": {
     "@hocuspocus/provider": "^3.4.4",
-    "@nanostores/react": "^1.1.0",
     "@tanstack/react-query": "^5.91.0",
     "@tiptap/core": "^3.20.4",
     "@tiptap/extension-collaboration": "^3.20.4",
-    "@tiptap/extension-collaboration-cursor": "^2.26.2",
+    "@tiptap/extension-collaboration-caret": "^3.7.0",
     "@tiptap/react": "^3.20.4",
     "@tiptap/starter-kit": "^3.20.4",
     "@types/react": "^19.1.2",
+    "@types/turndown": "^5.0.6",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-web-links": "^0.12.0",
     "@xterm/xterm": "^6.0.0",
-    "nanostores": "^1.2.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "tailwindcss": "^4.1.4",