@tangle-network/sandbox-ui 0.3.12 → 0.4.0

package/dist/{chunk-PCTEG6HR.js → chunk-OHMO7NUX.js}

@@ -1,16 +1,14 @@
 import {
   Avatar,
   AvatarFallback,
-  AvatarImage
-} from "./chunk-B26TQ7SA.js";
-import {
+  AvatarImage,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger
-} from "./chunk-MCGKDCOR.js";
+} from "./chunk-IW2JZCOC.js";
 import {
   Button
 } from "./chunk-HWLX5NME.js";

package/dist/{chunk-CSIXZEKN.js → chunk-SSKVYXCR.js}

@@ -679,6 +679,98 @@ function UploadProgress({ files, onRemove, onRetry, className }) {
   )) });
 }
 
+// src/primitives/sidebar-drop-zone.tsx
+import { useCallback as useCallback3, useRef as useRef3, useState as useState4 } from "react";
+import { Upload } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function SidebarDropZone({
+  onDrop,
+  accept,
+  disabled,
+  title = "Drop files here",
+  description,
+  icon,
+  persistent = false,
+  className
+}) {
+  const [dragOver, setDragOver] = useState4(false);
+  const counter = useRef3(0);
+  const isAccepted = useCallback3(
+    (file) => {
+      if (!accept) return true;
+      const extensions = accept.split(",").map((ext) => ext.trim().toLowerCase());
+      const fileName = file.name.toLowerCase();
+      return extensions.some((ext) => fileName.endsWith(ext));
+    },
+    [accept]
+  );
+  const handleDragEnter = useCallback3(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (disabled) return;
+      counter.current++;
+      if (e.dataTransfer?.types.includes("Files")) setDragOver(true);
+    },
+    [disabled]
+  );
+  const handleDragLeave = useCallback3((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    counter.current--;
+    if (counter.current === 0) setDragOver(false);
+  }, []);
+  const handleDragOver = useCallback3(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!disabled) e.dataTransfer.dropEffect = "copy";
+    },
+    [disabled]
+  );
+  const handleDrop = useCallback3(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      counter.current = 0;
+      setDragOver(false);
+      if (disabled) return;
+      const allFiles = Array.from(e.dataTransfer?.files || []);
+      const accepted = accept ? allFiles.filter(isAccepted) : allFiles;
+      if (accepted.length > 0) onDrop(accepted);
+    },
+    [disabled, accept, isAccepted, onDrop]
+  );
+  const isVisible = persistent || dragOver;
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      onDragEnter: handleDragEnter,
+      onDragLeave: handleDragLeave,
+      onDragOver: handleDragOver,
+      onDrop: handleDrop,
+      className: cn(
+        "rounded-lg border-2 border-dashed transition-all duration-150",
+        isVisible ? "p-4" : "p-0 border-transparent",
+        dragOver ? "border-[var(--brand-cool,hsl(var(--ring)))] bg-[var(--brand-cool,hsl(var(--primary)))]/8" : persistent ? "border-[var(--border-subtle,hsl(var(--border)))] bg-transparent hover:border-[var(--border-default,hsl(var(--border)))] hover:bg-[var(--bg-hover,hsl(var(--accent)))]/50" : "",
+        disabled && "opacity-50 pointer-events-none",
+        className
+      ),
+      children: isVisible && /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-2 text-center", children: [
+        /* @__PURE__ */ jsx9("div", { className: cn(
+          "flex h-8 w-8 items-center justify-center rounded-lg transition-colors",
+          dragOver ? "bg-[var(--brand-cool,hsl(var(--primary)))]/15 text-[var(--brand-cool,hsl(var(--primary)))]" : "text-[var(--text-muted,hsl(var(--muted-foreground)))]"
+        ), children: icon ?? /* @__PURE__ */ jsx9(Upload, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsx9("p", { className: cn(
+          "text-xs font-medium",
+          dragOver ? "text-[var(--text-primary,hsl(var(--foreground)))]" : "text-[var(--text-muted,hsl(var(--muted-foreground)))]"
+        ), children: title }),
+        description && /* @__PURE__ */ jsx9("p", { className: "text-[10px] text-[var(--text-muted,hsl(var(--muted-foreground)))]", children: description })
+      ] })
+    }
+  );
+}
+
 export {
   Select,
   SelectGroup,
@@ -701,5 +793,6 @@ export {
   TerminalCursor,
   TerminalInput,
   DropZone,
-  UploadProgress
+  UploadProgress,
+  SidebarDropZone
 };

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, 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 { B as Backend, a as BackendSelector, b as BackendSelectorProps, C as ClusterStatusBar, c as ClusterStatusBarProps, d as ClusterStatusItem, e as CreditBalance, f as CreditBalanceProps, D as DashboardLayout, g as DashboardLayoutProps, ag as DashboardProfile, h as DashboardUser, I as Invoice, i as InvoiceTable, j as InvoiceTableProps, N as NavItem, k as NewSandboxCard, l as NewSandboxCardProps, m as PlanCardData, n as PlanCards, o as PlanCardsProps, ah as PlanFeature, p as ProductVariant, q as ProfileAvatar, r as ProfileAvatarProps, s as ProfileComparison, t as ProfileComparisonProps, u as ProfileSelector, v as ProfileSelectorProps, R as RailButton, w as RailButtonProps, x as RailModeButton, y as RailModeButtonProps, z as RailSeparator, A as RailSeparatorProps, E as ResourceMeter, F as ResourceMeterProps, S as SIDEBAR_PANEL_WIDTH, G as SIDEBAR_RAIL_WIDTH, H as SIDEBAR_TOTAL_WIDTH, J as SandboxCard, K as SandboxCardData, L as SandboxCardProps, M as SandboxStatus, O as SandboxTable, Q as SandboxTableProps, T as Sidebar, U as SidebarContent, V as SidebarContentProps, W as SidebarPanel, X as SidebarPanelContent, Y as SidebarPanelContentProps, Z as SidebarPanelHeader, _ as SidebarPanelHeaderProps, $ as SidebarPanelProps, a0 as SidebarProps, a1 as SidebarProvider, a2 as SidebarProviderProps, a3 as SidebarRail, a4 as SidebarRailFooter, a5 as SidebarRailFooterProps, a6 as SidebarRailHeader, a7 as SidebarRailHeaderProps, a8 as SidebarRailNav, a9 as SidebarRailNavProps, aa as SidebarRailProps, ab as SidebarUser, ai as Variant, ad as VariantList, ae as VariantListProps, aj as VariantOutcome, ak as VariantStatus, af as useSidebar } from './index-tTfThG0n.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

@@ -1,5 +1,4 @@
 import {
-  AppSidebar,
   BackendSelector,
   ClusterStatusBar,
   CreditBalance,
@@ -7,26 +6,43 @@ 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,
   UsageChart
 } from "./chunk-ZP6GSX4D.js";
 import "./chunk-OKCIKTXQ.js";
-import "./chunk-MCGKDCOR.js";
+import "./chunk-IW2JZCOC.js";
 import "./chunk-FRGMMANX.js";
 import "./chunk-MXCSSOGH.js";
 import "./chunk-HWLX5NME.js";
 import "./chunk-RQHJBTEU.js";
 export {
-  AppSidebar,
   BackendSelector,
   BillingDashboard,
   ClusterStatusBar,
@@ -36,11 +52,29 @@ export {
   NewSandboxCard,
   PlanCards,
   PricingPage,
+  ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
+  RailButton,
+  RailModeButton,
+  RailSeparator,
   ResourceMeter,
+  SIDEBAR_PANEL_WIDTH,
+  SIDEBAR_RAIL_WIDTH,
+  SIDEBAR_TOTAL_WIDTH,
   SandboxCard,
   SandboxTable,
+  Sidebar,
+  SidebarContent,
+  SidebarPanel,
+  SidebarPanelContent,
+  SidebarPanelHeader,
+  SidebarProvider,
+  SidebarRail,
+  SidebarRailFooter,
+  SidebarRailHeader,
+  SidebarRailNav,
   UsageChart,
-  VariantList
+  VariantList,
+  useSidebar
 };

package/dist/{document-editor-pane-AVKKXSLG.js → document-editor-pane-5TN2VWGZ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   DocumentEditorPane
-} from "./chunk-4HT5J6CE.js";
+} from "./chunk-HXEA7L2T.js";
 import "./chunk-Q56BYXQF.js";
 import "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";

package/dist/{document-editor-pane-Xnl8SmA7.d.ts → document-editor-pane-A70-EhdQ.d.ts}

@@ -121,4 +121,4 @@ interface DocumentEditorPaneProps extends Omit<ArtifactPaneProps, "children" | "
  */
 declare function DocumentEditorPane({ eyebrow, title, subtitle, meta, headerActions, footer, className, contentClassName, tabs, toolbar, markdown, mode, defaultMode, onModeChange, backend, placeholder, autoFocus, readOnly, onChange, onSave, saving, saveLabel, previewClassName, editorClassName, collaboration, }: DocumentEditorPaneProps): react_jsx_runtime.JSX.Element;
 
-export { type Collaborator as C, type DocumentEditorBackend as D, type EditorContextValue as E, type ConnectionState as a, type DocumentEditorMode as b, DocumentEditorPane as c, type DocumentEditorPaneCollaborationConfig as d, type DocumentEditorPaneProps as e, EditorProvider as f, type EditorProviderProps as g, type EditorTokenRefreshResult as h, type EditorUser as i, useEditorContext as u };
+export { type Collaborator as C, type DocumentEditorBackend as D, type EditorContextValue as E, type ConnectionState as a, type DocumentEditorMode as b, DocumentEditorPane as c, type DocumentEditorPaneCollaborationConfig as d, type DocumentEditorPaneProps as e, EditorProvider as f, type EditorProviderProps as g, type EditorUser as h, type EditorTokenRefreshResult as i, useEditorContext as u };

package/dist/editor.d.ts

@@ -1,5 +1,5 @@
-import { C as Collaborator, a as ConnectionState } from './document-editor-pane-Xnl8SmA7.js';
-export { D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, h as EditorTokenRefreshResult, i as EditorUser, u as useEditorContext } from './document-editor-pane-Xnl8SmA7.js';
+import { C as Collaborator, a as ConnectionState } from './document-editor-pane-A70-EhdQ.js';
+export { D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, i as EditorTokenRefreshResult, h as EditorUser, u as useEditorContext } from './document-editor-pane-A70-EhdQ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Editor } from '@tiptap/react';
 import { HocuspocusProvider } from '@hocuspocus/provider';

package/dist/editor.js

@@ -11,7 +11,7 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-4HT5J6CE.js";
+} from "./chunk-HXEA7L2T.js";
 import "./chunk-Q56BYXQF.js";
 import "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";

package/dist/files.d.ts

@@ -1,7 +1,7 @@
 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-Xnl8SmA7.js';
+import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-A70-EhdQ.js';
 import { A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.js';
 import 'react';
 import '@hocuspocus/provider';

package/dist/files.js

@@ -4,7 +4,7 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-IAIJUFM6.js";
+} from "./chunk-HYLTXGOI.js";
 import "./chunk-W4LM3QYZ.js";
 import "./chunk-LTFK464G.js";
 import "./chunk-RQHJBTEU.js";

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

@@ -2,29 +2,123 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import './usage-chart-CY9xo3KX.js';
 
-interface SidebarNavItem {
-    id: string;
+interface SidebarUser {
+    email: string;
+    name?: string;
+    tier?: string;
+    avatarUrl?: string;
+}
+interface SidebarProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function Sidebar({ children, className }: SidebarProps): react_jsx_runtime.JSX.Element;
+interface SidebarRailProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function SidebarRail({ children, className }: SidebarRailProps): react_jsx_runtime.JSX.Element;
+interface SidebarRailHeaderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function SidebarRailHeader({ children, className }: SidebarRailHeaderProps): react_jsx_runtime.JSX.Element;
+interface SidebarRailNavProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function SidebarRailNav({ children, className }: SidebarRailNavProps): react_jsx_runtime.JSX.Element;
+interface SidebarRailFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function SidebarRailFooter({ children, className }: SidebarRailFooterProps): react_jsx_runtime.JSX.Element;
+interface RailSeparatorProps {
+    className?: string;
+}
+declare function RailSeparator({ className }: RailSeparatorProps): react_jsx_runtime.JSX.Element;
+interface RailButtonProps {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
     label: string;
-    href: string;
-    icon: string;
-    badge?: string;
+    isActive?: boolean;
+    badge?: number;
+    onClick?: () => void;
+    className?: string;
 }
-interface SidebarSandbox {
-    id: string;
-    name: string;
-    label?: string;
+declare function RailButton({ icon: Icon, label, isActive, badge, onClick, className }: RailButtonProps): react_jsx_runtime.JSX.Element;
+interface RailModeButtonProps {
+    mode: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    badge?: number;
+    className?: string;
 }
-interface AppSidebarProps {
-    navItems: SidebarNavItem[];
-    activeNavId?: string;
-    sandboxes?: SidebarSandbox[];
-    activeSandboxId?: string;
-    onSandboxChange?: (id: string) => void;
-    onNewAgent?: () => void;
+declare function RailModeButton({ mode, icon, label, badge, className }: RailModeButtonProps): react_jsx_runtime.JSX.Element;
+interface SidebarPanelProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function SidebarPanel({ children, className }: SidebarPanelProps): react_jsx_runtime.JSX.Element;
+interface SidebarPanelHeaderProps {
+    children?: React.ReactNode;
+    title?: string;
+    className?: string;
+}
+declare function SidebarPanelHeader({ children, title, className }: SidebarPanelHeaderProps): react_jsx_runtime.JSX.Element;
+interface SidebarPanelContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function SidebarPanelContent({ children, className }: SidebarPanelContentProps): react_jsx_runtime.JSX.Element;
+interface SidebarContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function SidebarContent({ children, className }: SidebarContentProps): react_jsx_runtime.JSX.Element;
+interface ProfileAvatarProps {
+    user?: SidebarUser | null;
+    isLoading?: boolean;
+    onLogout?: () => void;
+    onSettingsClick?: () => void;
+    settingsHref?: string;
+    /** Extra dropdown items rendered before settings/logout */
+    children?: React.ReactNode;
     className?: string;
     LinkComponent?: React.ComponentType<any>;
 }
-declare function AppSidebar({ navItems, activeNavId, sandboxes, activeSandboxId, onSandboxChange, onNewAgent, className, LinkComponent, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ProfileAvatar({ user, isLoading, onLogout, onSettingsClick, settingsHref, children, className, LinkComponent, }: ProfileAvatarProps): react_jsx_runtime.JSX.Element;
+
+/** Width constants (px) matching blueprint-agent layout */
+declare const SIDEBAR_RAIL_WIDTH = 64;
+declare const SIDEBAR_PANEL_WIDTH = 260;
+declare const SIDEBAR_TOTAL_WIDTH: number;
+interface SidebarContextValue {
+    /** Whether the content panel beside the rail is open */
+    panelOpen: boolean;
+    setPanelOpen: (open: boolean) => void;
+    togglePanel: () => void;
+    /** Current panel mode (app-defined, e.g. "projects", "batches") */
+    mode: string;
+    setMode: (mode: string) => void;
+    /** Switch mode — opens panel if closed, closes if same mode clicked */
+    switchMode: (mode: string) => void;
+    /** Whether entire sidebar (rail + panel) is hidden (focus mode) */
+    hidden: boolean;
+    setHidden: (hidden: boolean) => void;
+    /** Computed content margin in px */
+    contentMargin: number;
+}
+interface SidebarProviderProps {
+    defaultPanelOpen?: boolean;
+    defaultMode?: string;
+    children: React.ReactNode;
+}
+declare function SidebarProvider({ defaultPanelOpen, defaultMode, children, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
+declare function useSidebar(): SidebarContextValue;
 
 interface ClusterStatusItem {
     icon: string;
@@ -88,12 +182,11 @@ type ProductVariant = "sandbox";
 interface NavItem {
     id: string;
     label: string;
-    href: string;
+    href?: string;
     icon: React.ComponentType<{
         className?: string;
     }>;
-    /** Material icon name for Stitch sidebar (optional, falls back to icon component) */
-    materialIcon?: string;
+    badge?: number;
 }
 interface DashboardUser {
     email: string;
@@ -105,10 +198,20 @@ interface TopNavLink {
     label: string;
     href: string;
 }
+interface PanelConfig {
+    mode: string;
+    title: string;
+    content: React.ReactNode;
+}
 interface DashboardLayoutProps {
     children: React.ReactNode;
     variant?: ProductVariant;
+    /** Navigation items for the rail */
     navItems: NavItem[];
+    /** Nav item IDs that act as panel mode switchers (others are direct links) */
+    modeItems?: string[];
+    /** Panel content per mode */
+    panels?: PanelConfig[];
     activeNavId?: string;
     user?: DashboardUser | null;
     isLoading?: boolean;
@@ -121,14 +224,16 @@ interface DashboardLayoutProps {
     contentClassName?: string;
     topNavLinks?: TopNavLink[];
     activeTopNavHref?: string;
-    sandboxName?: string;
-    sandboxLabel?: string;
-    /** Custom link component (e.g., Next.js Link). Use any type to support various router implementations. */
     LinkComponent?: React.ComponentType<any>;
-    /** Footer content rendered at bottom of viewport */
     footer?: React.ReactNode;
+    defaultPanelOpen?: boolean;
+    defaultMode?: string;
+    /** Extra content in the rail footer (above profile avatar) */
+    railFooter?: React.ReactNode;
+    /** Extra dropdown items in the profile menu */
+    profileMenuItems?: React.ReactNode;
 }
-declare function DashboardLayout({ children, variant, navItems, activeNavId, user, isLoading, onLogout, onSettingsClick, settingsHref, onNewSandbox, className, sidebarClassName, contentClassName, topNavLinks, activeTopNavHref, sandboxName, sandboxLabel, LinkComponent, footer, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
+declare function DashboardLayout({ defaultPanelOpen, defaultMode, ...props }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface ResourceMeterProps {
     label: string;
@@ -261,4 +366,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 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 };
+export { type SidebarPanelProps as $, type RailSeparatorProps as A, type Backend as B, ClusterStatusBar as C, DashboardLayout as D, ResourceMeter as E, type ResourceMeterProps as F, SIDEBAR_RAIL_WIDTH as G, SIDEBAR_TOTAL_WIDTH as H, type Invoice as I, SandboxCard as J, type SandboxCardData as K, type SandboxCardProps as L, type SandboxStatus as M, type NavItem as N, SandboxTable as O, type PanelConfig as P, type SandboxTableProps as Q, RailButton as R, SIDEBAR_PANEL_WIDTH as S, Sidebar as T, SidebarContent as U, type SidebarContentProps as V, SidebarPanel as W, SidebarPanelContent as X, type SidebarPanelContentProps as Y, SidebarPanelHeader as Z, type SidebarPanelHeaderProps as _, BackendSelector as a, type SidebarProps as a0, SidebarProvider as a1, type SidebarProviderProps as a2, SidebarRail as a3, SidebarRailFooter as a4, type SidebarRailFooterProps as a5, SidebarRailHeader as a6, type SidebarRailHeaderProps as a7, SidebarRailNav as a8, type SidebarRailNavProps as a9, type SidebarRailProps as aa, type SidebarUser as ab, type TopNavLink as ac, VariantList as ad, type VariantListProps as ae, useSidebar as af, type Profile as ag, type PlanFeature as ah, type Variant as ai, type VariantOutcome as aj, type VariantStatus as ak, type BackendSelectorProps as b, type ClusterStatusBarProps as c, type ClusterStatusItem as d, CreditBalance as e, type CreditBalanceProps as f, type DashboardLayoutProps as g, type DashboardUser as h, InvoiceTable as i, type InvoiceTableProps as j, NewSandboxCard as k, type NewSandboxCardProps as l, type PlanCardData as m, PlanCards as n, type PlanCardsProps as o, type ProductVariant as p, ProfileAvatar as q, type ProfileAvatarProps as r, ProfileComparison as s, type ProfileComparisonProps as t, ProfileSelector as u, type ProfileSelectorProps as v, type RailButtonProps as w, RailModeButton as x, type RailModeButtonProps as y, RailSeparator 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, 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';
+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, SidebarDropZone, SidebarDropZoneProps, 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,14 +7,16 @@ export { AgentWorkbench, AuditCheck, AuditResults, AuditResultsProps, BannerType
 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, 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 { C as ChatContainer, a as ChatContainerProps, b as ChatInput, c as ChatInputProps, P as PendingFile } from './chat-container-Cg-GwyiK.js';
+export { C as Collaborator, a as ConnectionState, D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, h as EditorUser, u as useEditorContext } from './document-editor-pane-A70-EhdQ.js';
+export { CollaboratorsList, EditorToolbar, TiptapEditor, TiptapEditorProps, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useYjsState } from './editor.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, 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 { B as Backend, a as BackendSelector, b as BackendSelectorProps, C as ClusterStatusBar, c as ClusterStatusBarProps, d as ClusterStatusItem, e as CreditBalance, f as CreditBalanceProps, D as DashboardLayout, g as DashboardLayoutProps, h as DashboardUser, I as Invoice, i as InvoiceTable, j as InvoiceTableProps, N as NavItem, k as NewSandboxCard, l as NewSandboxCardProps, P as PanelConfig, m as PlanCardData, n as PlanCards, o as PlanCardsProps, p as ProductVariant, q as ProfileAvatar, r as ProfileAvatarProps, s as ProfileComparison, t as ProfileComparisonProps, u as ProfileSelector, v as ProfileSelectorProps, R as RailButton, w as RailButtonProps, x as RailModeButton, y as RailModeButtonProps, z as RailSeparator, A as RailSeparatorProps, E as ResourceMeter, F as ResourceMeterProps, S as SIDEBAR_PANEL_WIDTH, G as SIDEBAR_RAIL_WIDTH, H as SIDEBAR_TOTAL_WIDTH, J as SandboxCard, K as SandboxCardData, L as SandboxCardProps, M as SandboxStatus, O as SandboxTable, Q as SandboxTableProps, T as Sidebar, U as SidebarContent, V as SidebarContentProps, W as SidebarPanel, X as SidebarPanelContent, Y as SidebarPanelContentProps, Z as SidebarPanelHeader, _ as SidebarPanelHeaderProps, $ as SidebarPanelProps, a0 as SidebarProps, a1 as SidebarProvider, a2 as SidebarProviderProps, a3 as SidebarRail, a4 as SidebarRailFooter, a5 as SidebarRailFooterProps, a6 as SidebarRailHeader, a7 as SidebarRailHeaderProps, a8 as SidebarRailNav, a9 as SidebarRailNavProps, aa as SidebarRailProps, ab as SidebarUser, ac as TopNavLink, ad as VariantList, ae as VariantListProps, af as useSidebar } from './index-tTfThG0n.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';
@@ -35,9 +37,9 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-progress';
 import '@radix-ui/react-switch';
 import '@radix-ui/react-label';
-import './document-editor-pane-Xnl8SmA7.js';
 import '@hocuspocus/provider';
 import 'yjs';
+import '@tiptap/react';
 import 'nanostores';
 import 'clsx';