@tangle-network/sandbox-ui 0.87.0 → 0.87.1

package/dist/{template-card-UhV3pmRC.d.ts → template-card-Bn-Bw5xC.d.ts}

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface BillingSubscription {
@@ -25,7 +24,7 @@ interface BillingDashboardProps {
     className?: string;
     cardClassName?: string;
 }
-declare function BillingDashboard({ subscription, balance, usage, onManageSubscription, onAddCredits, variant, className, cardClassName, }: BillingDashboardProps): react_jsx_runtime.JSX.Element;
+declare function BillingDashboard({ subscription, balance, usage, onManageSubscription, onAddCredits, variant, className, cardClassName, }: BillingDashboardProps): React.JSX.Element;
 
 interface PricingTier {
     id: string;
@@ -57,7 +56,7 @@ interface PricingPageProps {
  * @param cents - Amount in whole US cents (e.g. 1099 for $10.99).
  */
 declare function formatPrice(cents: number): string;
-declare function PricingPage({ tiers, currentTierId, billingPeriod, onBillingPeriodChange, onSelectTier, loading, className, }: PricingPageProps): react_jsx_runtime.JSX.Element;
+declare function PricingPage({ tiers, currentTierId, billingPeriod, onBillingPeriodChange, onSelectTier, loading, className, }: PricingPageProps): React.JSX.Element;
 
 interface UsageDataPoint {
     date: string;
@@ -69,7 +68,7 @@ interface UsageChartProps {
     unit: string;
     className?: string;
 }
-declare function UsageChart({ data, title, unit, className }: UsageChartProps): react_jsx_runtime.JSX.Element;
+declare function UsageChart({ data, title, unit, className }: UsageChartProps): React.JSX.Element;
 
 interface TemplateCardData {
     id: string;
@@ -83,6 +82,6 @@ interface TemplateCardProps {
     onUseTemplate: (templateId: string) => void;
     className?: string;
 }
-declare function TemplateCard({ template, onUseTemplate, className }: TemplateCardProps): react_jsx_runtime.JSX.Element;
+declare function TemplateCard({ template, onUseTemplate, className }: TemplateCardProps): React.JSX.Element;
 
 export { type BillingBalance as B, PricingPage as P, TemplateCard as T, UsageChart as U, BillingDashboard as a, type BillingDashboardProps as b, type BillingSubscription as c, type BillingUsage as d, type PricingPageProps as e, type PricingTier as f, type TemplateCardData as g, type TemplateCardProps as h, type UsageChartProps as i, type UsageDataPoint as j, formatPrice as k };

package/dist/terminal.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
 interface TerminalTheme {
     background: string;
@@ -54,6 +54,6 @@ interface TerminalViewProps {
     connectionId?: string;
 }
 declare const DEFAULT_TERMINAL_THEME: TerminalTheme;
-declare function TerminalView({ apiUrl, token, theme, title, subtitle, isActive, connectionId, fontSize, }: TerminalViewProps): react_jsx_runtime.JSX.Element;
+declare function TerminalView({ apiUrl, token, theme, title, subtitle, isActive, connectionId, fontSize, }: TerminalViewProps): React.JSX.Element;
 
 export { DEFAULT_TERMINAL_THEME, type TerminalTheme, TerminalView, type TerminalViewProps };

package/dist/workbench.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { CSSProperties } from 'react';
 import { RichFileTreeGitEntry, RichFileTreeGitStatus } from '@tangle-network/ui/files';
-import { E as ExposedPort } from './ports-list-DfG0VfPt.js';
+import { E as ExposedPort } from './ports-list-CDIvTNnX.js';
 
 /** Which surface the artifact pane is currently showing. */
 type ArtifactView = "code" | "diff" | "preview" | "ports" | "terminal";
@@ -77,7 +76,7 @@ interface SandboxArtifactPaneProps {
  * baseline; Preview a url; Ports a port list; Terminal a live binding), so the
  * chrome never shows a dead surface.
  */
-declare function SandboxArtifactPane({ artifact, paths, gitStatus, showTree, ports, previewUrl, terminal, activeView, defaultView, onViewChange, onFileSelect, onExposePort, onRemovePort, className, style, }: SandboxArtifactPaneProps): react_jsx_runtime.JSX.Element;
+declare function SandboxArtifactPane({ artifact, paths, gitStatus, showTree, ports, previewUrl, terminal, activeView, defaultView, onViewChange, onFileSelect, onExposePort, onRemovePort, className, style, }: SandboxArtifactPaneProps): React.JSX.Element;
 
 interface PillTabItem<T extends string> {
     value: T;
@@ -98,7 +97,7 @@ interface PillTabsProps<T extends string> {
  * load so the indicator tracks the active tab exactly. Token-swapped onto the
  * sandbox-ui surface ladder.
  */
-declare function PillTabs<T extends string>({ items, value, onChange, className, "aria-label": ariaLabel, }: PillTabsProps<T>): react_jsx_runtime.JSX.Element;
+declare function PillTabs<T extends string>({ items, value, onChange, className, "aria-label": ariaLabel, }: PillTabsProps<T>): React.JSX.Element;
 
 interface DiffStats {
     added: number;
@@ -124,7 +123,7 @@ declare function buildUnifiedPatch(filename: string, baseline: string, current:
 
 declare function GitStatusBadge({ status }: {
     status: RichFileTreeGitStatus;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 interface PanelHeaderProps {
     filename: string;
     gitStatus?: RichFileTreeGitStatus;
@@ -142,7 +141,7 @@ interface PanelHeaderProps {
  * blueprint-agent's `PanelHeader` (min-h, hairline bottom border, dense
  * horizontal rhythm), retoned to the sandbox-ui surface ladder.
  */
-declare function PanelHeader({ filename, gitStatus, stats, copyText, children, className }: PanelHeaderProps): react_jsx_runtime.JSX.Element;
+declare function PanelHeader({ filename, gitStatus, stats, copyText, children, className }: PanelHeaderProps): React.JSX.Element;
 
 interface FileBreadcrumbProps {
     /** Canonical path, e.g. `src/lib/retry.ts`. */
@@ -156,7 +155,7 @@ interface FileBreadcrumbProps {
  * already owns navigation, so this is a read-only trail: caret-separated parent
  * segments with a file-icon leaf.
  */
-declare function FileBreadcrumb({ path, className }: FileBreadcrumbProps): react_jsx_runtime.JSX.Element;
+declare function FileBreadcrumb({ path, className }: FileBreadcrumbProps): React.JSX.Element;
 
 interface CodeViewProps {
     path: string;
@@ -177,7 +176,7 @@ interface CodeViewProps {
  * view. The rail owns navigation; selecting a path fans out to `onFileSelect`
  * so the host can swap the active artifact.
  */
-declare function CodeView({ path, filename, content, language, paths, gitStatus, onFileSelect, showTree, className, }: CodeViewProps): react_jsx_runtime.JSX.Element;
+declare function CodeView({ path, filename, content, language, paths, gitStatus, onFileSelect, showTree, className, }: CodeViewProps): React.JSX.Element;
 
 interface DiffViewProps {
     filename: string;
@@ -190,7 +189,7 @@ interface DiffViewProps {
  * with jsdiff's `createTwoFilesPatch` (baseline → current); the renderer owns
  * hunking, intra-line word diffing, gutters, and syntax highlighting.
  */
-declare function DiffView({ filename, baseline, current, className }: DiffViewProps): react_jsx_runtime.JSX.Element;
+declare function DiffView({ filename, baseline, current, className }: DiffViewProps): React.JSX.Element;
 
 interface PreviewViewProps {
     /** Origin to load in the preview iframe. */
@@ -205,7 +204,7 @@ interface PreviewViewProps {
  * veil clears on `onLoad` (or a short fallback timer), which is the right
  * behavior for a static origin without a probe service wired in.
  */
-declare function PreviewView({ url, className }: PreviewViewProps): react_jsx_runtime.JSX.Element;
+declare function PreviewView({ url, className }: PreviewViewProps): React.JSX.Element;
 
 /** Resolve a Prism language id from an explicit hint or the filename. */
 declare function resolveLanguage(filename: string, explicit?: string): string;
@@ -222,6 +221,6 @@ interface CodeSurfaceProps {
  * highlighter itself never grows the layout; line numbers sit in a muted,
  * tabular column.
  */
-declare function CodeSurface({ code, filename, language, showLineNumbers, className, }: CodeSurfaceProps): react_jsx_runtime.JSX.Element;
+declare function CodeSurface({ code, filename, language, showLineNumbers, className, }: CodeSurfaceProps): React.JSX.Element;
 
 export { type ArtifactView, BRAND_PRISM_THEME, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffView, type DiffViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workbench.js

@@ -12,16 +12,16 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-HCOZO53G.js";
+} from "./chunk-WTUPC4OZ.js";
 import "./chunk-3J6FG3FJ.js";
 import "./chunk-H237JF3H.js";
 import "./chunk-OMUIPJQZ.js";
 import "./chunk-VIREDUBF.js";
 import "./chunk-77WVVJA4.js";
 import "./chunk-4ZZUMXPX.js";
-import "./chunk-2T6KBMLN.js";
-import "./chunk-R4AR3TKR.js";
-import "./chunk-I3G23XHN.js";
+import "./chunk-NF3Q4RJU.js";
+import "./chunk-EHMD4JJM.js";
+import "./chunk-5XRAKVIV.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 export {

package/dist/workflows.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-export { M as ModelBrandIdentity, a as ModelBrandStack, m as modelBrandFor } from './model-brand-CsFykzMA.js';
+import * as React from 'react';
+export { M as ModelBrandIdentity, a as ModelBrandStack, m as modelBrandFor } from './model-brand-CuXKfTMh.js';
 import '@tangle-network/agent-interface';
 
 /**
@@ -192,6 +192,6 @@ interface WorkflowGraphProps {
     onNodeClick?: (nodeId: string, data: WfNodeData) => void;
 }
 
-declare function WorkflowGraph(props: WorkflowGraphProps): react_jsx_runtime.JSX.Element;
+declare function WorkflowGraph(props: WorkflowGraphProps): React.JSX.Element;
 
 export { type BuildWorkflowGraphOptions, type WfEdge, type WfGraph, type WfNode, type WfNodeData, type WfNodeState, type WfNodeStatus, type WfNodeTone, WorkflowGraph as WorkflowGraphLazy, type WorkflowGraphProps, buildWorkflowGraph };

package/dist/workflows.js

@@ -4,7 +4,7 @@ import {
 import {
   ModelBrandStack,
   modelBrandFor
-} from "./chunk-I3G23XHN.js";
+} from "./chunk-5XRAKVIV.js";
 import "./chunk-EI44GEQ5.js";
 import "./chunk-U67V476Y.js";
 
@@ -31,7 +31,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 function lazyWorkflowGraph() {
   return lazy(
     () => retryImport(
-      () => import("./WorkflowGraph-J2SVX3WP.js").then((m) => ({ default: m.WorkflowGraph }))
+      () => import("./WorkflowGraph-YZGPXSDJ.js").then((m) => ({ default: m.WorkflowGraph }))
     )
   );
 }

package/dist/workspace.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 import { ReactNode, Ref } from 'react';
 export { ArtifactPane, ArtifactPaneProps } from '@tangle-network/ui/primitives';
 import { FileNode, FileTreeVisibilityOptions, FileTabData } from '@tangle-network/ui/files';
@@ -65,7 +65,7 @@ interface WorkspaceLayoutProps {
     bottomLabel?: string;
     className?: string;
 }
-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;
+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$1.JSX.Element;
 
 interface DirectoryPaneProps {
     root: FileNode;
@@ -84,7 +84,7 @@ interface DirectoryPaneProps {
  * DirectoryPane — searchable file-system navigation surface for sandbox
  * sessions.
  */
-declare function DirectoryPane({ root, selectedPath, onSelect, onRefresh, onUpload, title, subtitle, defaultExpanded, searchPlaceholder, visibility, className, }: DirectoryPaneProps): react_jsx_runtime.JSX.Element;
+declare function DirectoryPane({ root, selectedPath, onSelect, onRefresh, onUpload, title, subtitle, defaultExpanded, searchPlaceholder, visibility, className, }: DirectoryPaneProps): React$1.JSX.Element;
 
 /**
  * StatusBanner — full-width notification banner for connection/provisioning states.
@@ -97,7 +97,7 @@ interface StatusBannerProps {
     onDismiss?: () => void;
     className?: string;
 }
-declare function StatusBanner({ type, message, detail, onDismiss, className }: StatusBannerProps): react_jsx_runtime.JSX.Element;
+declare function StatusBanner({ type, message, detail, onDismiss, className }: StatusBannerProps): React$1.JSX.Element;
 
 /**
  * StatusBar — compact bottom bar: connection state, file/artifact context
@@ -120,7 +120,7 @@ interface StatusBarProps {
     status?: "connected" | "connecting" | "disconnected" | "provisioning";
     className?: string;
 }
-declare function StatusBar({ credits, contextBadges, onRemoveBadge, status, className, }: StatusBarProps): react_jsx_runtime.JSX.Element;
+declare function StatusBar({ credits, contextBadges, onRemoveBadge, status, className, }: StatusBarProps): React$1.JSX.Element;
 
 /**
  * Terminal — read-only terminal output panel.
@@ -143,7 +143,7 @@ interface TerminalProps {
     maxHeight?: number;
     className?: string;
 }
-declare function TerminalPanel({ lines, title, isCollapsed, onToggle, onClose, maxHeight, className, }: TerminalProps): react_jsx_runtime.JSX.Element;
+declare function TerminalPanel({ lines, title, isCollapsed, onToggle, onClose, maxHeight, className, }: TerminalProps): React$1.JSX.Element;
 
 interface RuntimePaneProps {
     title?: string;
@@ -162,7 +162,7 @@ interface RuntimePaneProps {
  * RuntimePane — shared operating surface for sandbox session state, terminal
  * output, audit results, and runtime metadata.
  */
-declare function RuntimePane({ title, subtitle, statusBanner, statusBar, content, terminal, audit, inspector, footer, className, }: RuntimePaneProps): react_jsx_runtime.JSX.Element;
+declare function RuntimePane({ title, subtitle, statusBanner, statusBar, content, terminal, audit, inspector, footer, className, }: RuntimePaneProps): React$1.JSX.Element;
 
 /**
  * Optimistic session/thread list: reflect a just-created / renamed / deleted
@@ -298,7 +298,7 @@ interface SessionSidebarProps {
      */
     optimisticRef?: Ref<SessionOptimisticController | null>;
 }
-declare function SessionSidebar({ title, subtitle, projectId, items, currentItemId, createLabel, onCreate, onSelectItem, onSelectLink, links, className, emptyMessage, searchPlaceholder, enableSearch, activityMonitor, filters, defaultFilterId, resizable, defaultWidth, minWidth, maxWidth, onWidthChange, renderItemActions, optimistic, optimisticRef, }: SessionSidebarProps): react_jsx_runtime.JSX.Element;
+declare function SessionSidebar({ title, subtitle, projectId, items, currentItemId, createLabel, onCreate, onSelectItem, onSelectLink, links, className, emptyMessage, searchPlaceholder, enableSearch, activityMonitor, filters, defaultFilterId, resizable, defaultWidth, minWidth, maxWidth, onWidthChange, renderItemActions, optimistic, optimisticRef, }: SessionSidebarProps): React$1.JSX.Element;
 
 /**
  * Snappy in-app navigation: a shared `shouldRevalidate` rule for the agent-app
@@ -383,7 +383,7 @@ interface SessionActivityMonitorProps {
     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;
+declare function SessionActivityMonitor({ className, compact, sessionsById, emptyMessage, resolveProjectLabel, onSelectSession, }: SessionActivityMonitorProps): React$1.JSX.Element | null;
 
 type SandboxWorkbenchPlacement = "left" | "right" | "bottom" | "hidden";
 interface SandboxWorkbenchArtifactBase {
@@ -465,8 +465,8 @@ interface SandboxWorkbenchProps {
  * into a complete session surface: directory, agent timeline, artifacts, and
  * runtime in one reusable shell.
  */
-declare function SandboxWorkbench({ title, subtitle, status, directory, session, artifacts, activeArtifactId, onArtifactChange, onArtifactClose, runtime, layout, emptyArtifactState, className, }: SandboxWorkbenchProps): react_jsx_runtime.JSX.Element;
-declare function AgentWorkbench(props: SandboxWorkbenchProps): react_jsx_runtime.JSX.Element;
+declare function SandboxWorkbench({ title, subtitle, status, directory, session, artifacts, activeArtifactId, onArtifactChange, onArtifactClose, runtime, layout, emptyArtifactState, className, }: SandboxWorkbenchProps): React$1.JSX.Element;
+declare function AgentWorkbench(props: SandboxWorkbenchProps): React$1.JSX.Element;
 
 /**
  * AuditResults — structured pass/fail display for form audits.
@@ -493,7 +493,7 @@ interface AuditResultsProps {
     overallScore?: number;
     className?: string;
 }
-declare function AuditResults({ forms, crossFormChecks, overallScore, className }: AuditResultsProps): react_jsx_runtime.JSX.Element;
+declare function AuditResults({ forms, crossFormChecks, overallScore, className }: AuditResultsProps): React$1.JSX.Element;
 
 interface TaskBoardItem {
     id: string;
@@ -543,7 +543,7 @@ interface TaskBoardProps {
      */
     renderItemWrapper?: (item: TaskBoardItem, index: number, defaultCard: ReactNode) => ReactNode;
 }
-declare function TaskBoard({ items, columns, className, onMoveItem, onClickItem, renderItemMeta, renderColumnAction, renderBadge, columnEmptyState, header, renderColumnBody, renderItemWrapper, }: TaskBoardProps): react_jsx_runtime.JSX.Element;
+declare function TaskBoard({ items, columns, className, onMoveItem, onClickItem, renderItemMeta, renderColumnAction, renderBadge, columnEmptyState, header, renderColumnBody, renderItemWrapper, }: TaskBoardProps): React$1.JSX.Element;
 
 interface CalendarEvent {
     id: string;
@@ -583,7 +583,7 @@ interface CalendarViewProps {
  * Stateless by default (controlled month/selectedDay). Falls back to internal
  * state when uncontrolled. All rendering is customizable via render props.
  */
-declare function CalendarView({ events, className, month: controlledMonth, year: controlledYear, onMonthChange, selectedDay: controlledSelectedDay, onSelectDay, onDoubleClickDay, renderEventChip, renderDayDetail, headerLeft, headerRight, showDayPanel, }: CalendarViewProps): react_jsx_runtime.JSX.Element;
+declare function CalendarView({ events, className, month: controlledMonth, year: controlledYear, onMonthChange, selectedDay: controlledSelectedDay, onSelectDay, onDoubleClickDay, renderEventChip, renderDayDetail, headerLeft, headerRight, showDayPanel, }: CalendarViewProps): React$1.JSX.Element;
 
 interface ApprovalItem {
     id: string;
@@ -630,6 +630,6 @@ interface ApprovalQueueProps {
  * and a collapsible resolved history. Designed for the agent approval feedback
  * loop: agent proposes → user approves/rejects → rejection reasons feed back.
  */
-declare function ApprovalQueue({ items, className, onApprove, onReject, renderItemDetail, renderTypeBadge, renderStats, canResolve, header, emptyState, showResolved: controlledShowResolved, }: ApprovalQueueProps): react_jsx_runtime.JSX.Element;
+declare function ApprovalQueue({ items, className, onApprove, onReject, renderItemDetail, renderTypeBadge, renderStats, canResolve, header, emptyState, showResolved: controlledShowResolved, }: ApprovalQueueProps): React$1.JSX.Element;
 
 export { AgentWorkbench, type ApprovalConfidenceStat, type ApprovalItem, ApprovalQueue, type ApprovalQueueProps, type AuditCheck, AuditResults, type AuditResultsProps, type BannerType, type CalendarEvent, CalendarView, type CalendarViewProps, type ContextBadge, DirectoryPane, type DirectoryPaneProps, type FormAudit, RuntimePane, type RuntimePaneProps, SESSION_CREATED_EVENT, SandboxWorkbench, type SandboxWorkbenchArtifact, type SandboxWorkbenchCustomArtifact, type SandboxWorkbenchFileArtifact, type SandboxWorkbenchLayoutOptions, type SandboxWorkbenchMarkdownArtifact, type SandboxWorkbenchOpenUIArtifact, type SandboxWorkbenchProps, type SandboxWorkbenchSessionProps, SessionActivityMonitor, type SessionActivityMonitorProps, type SessionCreatedDetail, type SessionOptimisticController, SessionSidebar, type SessionSidebarBadge, type SessionSidebarFilter, type SessionSidebarItem, type SessionSidebarLink, type SessionSidebarProps, type ShellShouldRevalidateArgs, type ShellShouldRevalidateOptions, StatusBanner, type StatusBannerProps, StatusBar, type StatusBarProps, TaskBoard, type TaskBoardColumn, type TaskBoardItem, type TaskBoardProps, type TerminalLine, TerminalPanel, type TerminalProps, type UseOptimisticSessionItemsOptions, WorkspaceLayout, type WorkspaceLayoutProps, createShellShouldRevalidate, dispatchSessionCreated, shellShouldRevalidate, useOptimisticSessionItems };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.87.0",
+  "version": "0.87.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -115,29 +115,38 @@
     "dist",
     "tailwind.config.cjs"
   ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
-  },
   "peerDependencies": {
-    "@tangle-network/agent-interface": ">=0.17.0 <1.0.0",
+    "@hocuspocus/provider": ">=2.15.0 <5.0.0",
+    "@nanostores/react": ">=0.8.4 <2.0.0",
+    "@tangle-network/agent-interface": ">=0.32.0 <1.0.0",
     "@tangle-network/brand": "^1.1.0",
     "@tangle-network/ui": "^11.0.0",
+    "@tanstack/react-query": "^5.0.0",
+    "@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
+    "@tiptap/extension-collaboration-caret": ">=3.7.0 <4.0.0",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/addon-web-links": "^0.12.0",
+    "@xterm/addon-webgl": "^0.19.0",
+    "@xterm/xterm": "^6.0.0",
     "@xyflow/react": "^12.0.0",
     "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
+    "react-dom": "^18 || ^19",
+    "yjs": "^13.6.0"
   },
   "peerDependenciesMeta": {
-    "@xyflow/react": {
+    "@hocuspocus/provider": {
       "optional": true
     },
-    "@xterm/xterm": {
+    "@nanostores/react": {
+      "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
+    },
+    "@tiptap/extension-collaboration": {
+      "optional": true
+    },
+    "@tiptap/extension-collaboration-caret": {
       "optional": true
     },
     "@xterm/addon-fit": {
@@ -149,80 +158,79 @@
     "@xterm/addon-webgl": {
       "optional": true
     },
-    "@tanstack/react-query": {
+    "@xterm/xterm": {
+      "optional": true
+    },
+    "@xyflow/react": {
       "optional": true
     },
-    "nanostores": {
+    "yjs": {
       "optional": true
     }
   },
   "dependencies": {
-    "@lobehub/icons-static-svg": "^1.90.0",
-    "@pierre/diffs": "^1.2.11",
-    "@radix-ui/react-dropdown-menu": "^2.1.0",
-    "@radix-ui/react-select": "^2.1.0",
-    "diff": "^5.2.0",
-    "lucide-react": "^0.469.0",
-    "nanostores": "^1.2.0",
+    "@lobehub/icons-static-svg": "^1.94.0",
+    "@pierre/diffs": "^1.2.12",
+    "@radix-ui/react-dropdown-menu": "^2.1.21",
+    "@radix-ui/react-select": "^2.3.4",
+    "@tiptap/core": "^3.28.0",
+    "@tiptap/extension-mention": "^3.28.0",
+    "@tiptap/react": "^3.28.0",
+    "@tiptap/starter-kit": "^3.28.0",
+    "@tiptap/suggestion": "^3.28.0",
+    "diff": "^9.0.0",
+    "lucide-react": "^1.25.0",
+    "nanostores": "^1.4.1",
     "yaml": "^2.5.0"
   },
-  "pnpm": {
-    "overrides": {
-      "picomatch": ">=4.0.4"
-    }
-  },
   "devDependencies": {
-    "@hocuspocus/provider": "^3.4.4",
+    "@hocuspocus/provider": "^4.4.0",
     "@nanostores/react": "^1.1.0",
-    "@pierre/trees": "1.0.0-beta.3",
-    "@storybook/addon-essentials": "^8",
-    "@storybook/addon-mcp": "^0.4.2",
-    "@storybook/react": "^8.6.18",
-    "@storybook/react-vite": "^8.6.18",
-    "@tailwindcss/postcss": "^4.2.2",
-    "@tailwindcss/vite": "^4.2.2",
-    "@tangle-network/agent-interface": ">=0.17.0 <1.0.0",
+    "@storybook/react": "^10.5.3",
+    "@storybook/react-vite": "^10.5.3",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@tangle-network/agent-interface": "^0.32.0",
     "@tangle-network/brand": "^1.1.0",
-    "@tangle-network/ui": "^11.0.0",
-    "@tanstack/react-query": "^5.91.0",
+    "@tangle-network/ui": "^11.2.0",
+    "@tanstack/react-query": "^5.101.4",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@tiptap/core": "^3.20.4",
-    "@tiptap/extension-collaboration": "^3.20.4",
-    "@tiptap/extension-collaboration-caret": "^3.7.0",
-    "@tiptap/extension-mention": "^3.22.5",
-    "@tiptap/pm": "^3.22.5",
-    "@tiptap/react": "^3.20.4",
-    "@tiptap/starter-kit": "^3.20.4",
-    "@tiptap/suggestion": "^3.22.5",
-    "@types/react": "^19.1.2",
+    "@tiptap/extension-collaboration": "^3.28.0",
+    "@tiptap/extension-collaboration-caret": "^3.28.0",
+    "@tiptap/y-tiptap": "^3.0.7",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.1.2",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-web-links": "^0.12.0",
     "@xterm/addon-webgl": "^0.19.0",
     "@xterm/xterm": "^6.0.0",
-    "@xyflow/react": "^12.11.0",
-    "jsdom": "^29.0.2",
-    "marked": "^17.0.5",
-    "postcss": "^8.5.8",
+    "@xyflow/react": "^12.11.2",
+    "jsdom": "^29.1.1",
+    "postcss": "^8.5.21",
     "postcss-import": "^16.1.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-markdown": "^10.1.0",
-    "react-pdf": "^9.2.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-syntax-highlighter": "^16.1.1",
-    "rehype-sanitize": "^6.0.0",
-    "remark-gfm": "^4.0.1",
-    "storybook": "^8.6.18",
-    "tailwindcss": "^4.1.4",
+    "storybook": "^10.5.3",
+    "tailwindcss": "^4.3.3",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.4.0",
-    "turndown": "^7.2.2",
-    "typescript": "^5.8.3",
-    "vite": "^8.0.5",
-    "vitest": "^4.1.3",
-    "yjs": "^13.6.30"
+    "typescript": "^5.9.3",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10",
+    "yjs": "^13.6.31"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "test:package": "node scripts/package-smoke.mjs",
+    "test:watch": "vitest",
+    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
   }
-}
+}