@tangle-network/sandbox-ui 0.3.11 → 0.3.13

package/dist/index.js

@@ -2,12 +2,26 @@ import {
   copyText,
   timeAgo
 } from "./chunk-QD4QE5P5.js";
+import {
+  CollaboratorsList,
+  DocumentEditorPane,
+  EditorProvider,
+  EditorToolbar,
+  TiptapEditor,
+  useAwareness,
+  useCollaboratorPresence,
+  useCollaborators,
+  useDocumentChanges,
+  useEditorConnection,
+  useEditorContext,
+  useYjsState
+} from "./chunk-HXEA7L2T.js";
 import {
   AuthHeader,
   GitHubLoginButton,
   LoginLayout,
   UserMenu
-} from "./chunk-PCTEG6HR.js";
+} from "./chunk-OHMO7NUX.js";
 import {
   createAuthFetcher,
   useApiKey,
@@ -15,7 +29,7 @@ import {
 } from "./chunk-FJSVPBKY.js";
 import {
   usePtySession
-} from "./chunk-GRYHFH5O.js";
+} from "./chunk-DLCFZDGX.js";
 import {
   RealtimeSessionRegistry,
   useDropdownMenu,
@@ -25,7 +39,7 @@ import {
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-FOQTE67I.js";
+} from "./chunk-FJLS7PNT.js";
 import {
   DropZone,
   Label,
@@ -50,11 +64,6 @@ import {
   UploadProgress,
   useToast
 } from "./chunk-CSIXZEKN.js";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-} from "./chunk-B26TQ7SA.js";
 import {
   Dialog,
   DialogClose,
@@ -89,7 +98,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-CREVWUCA.js";
+} from "./chunk-DJEZKF5A.js";
 import "./chunk-OEX7NZE3.js";
 import {
   EmptyState,
@@ -158,7 +167,7 @@ import {
   FileTabs,
   FileTree,
   filterFileTree
-} from "./chunk-6NYG2R7V.js";
+} from "./chunk-HYLTXGOI.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";
@@ -168,7 +177,6 @@ import {
   Markdown
 } from "./chunk-LTFK464G.js";
 import {
-  AppSidebar,
   BackendSelector,
   ClusterStatusBar,
   CreditBalance,
@@ -176,13 +184,31 @@ import {
   InvoiceTable,
   NewSandboxCard,
   PlanCards,
+  ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
+  RailButton,
+  RailModeButton,
+  RailSeparator,
   ResourceMeter,
+  SIDEBAR_PANEL_WIDTH,
+  SIDEBAR_RAIL_WIDTH,
+  SIDEBAR_TOTAL_WIDTH,
   SandboxCard,
   SandboxTable,
-  VariantList
-} from "./chunk-DMYYQXPN.js";
+  Sidebar,
+  SidebarContent,
+  SidebarPanel,
+  SidebarPanelContent,
+  SidebarPanelHeader,
+  SidebarProvider,
+  SidebarRail,
+  SidebarRailFooter,
+  SidebarRailHeader,
+  SidebarRailNav,
+  VariantList,
+  useSidebar
+} from "./chunk-SMBF6HB5.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -193,6 +219,9 @@ import {
   TangleKnot
 } from "./chunk-OKCIKTXQ.js";
 import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -208,7 +237,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-MCGKDCOR.js";
+} from "./chunk-IW2JZCOC.js";
 import {
   Progress,
   Skeleton,
@@ -320,7 +349,6 @@ function ThemeToggle() {
 export {
   AgentTimeline,
   AgentWorkbench,
-  AppSidebar,
   ArtifactPane,
   AuditResults,
   AuthHeader,
@@ -343,6 +371,7 @@ export {
   ClusterStatusBar,
   CodeBlock2 as CodeBlock,
   CodeBlock as CodeBlockDisplay,
+  CollaboratorsList,
   CommandPreview,
   CopyButton,
   CreditBalance,
@@ -359,6 +388,7 @@ export {
   DialogTrigger,
   DiffPreview,
   DirectoryPane,
+  DocumentEditorPane,
   DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -375,6 +405,8 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EditorProvider,
+  EditorToolbar,
   EmptyState,
   ExpandedToolDetail,
   FileArtifactPane,
@@ -398,14 +430,21 @@ export {
   OpenUIArtifactRenderer,
   PlanCards,
   PricingPage as PricingCards,
+  ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
   Progress,
   QuestionPreview,
+  RailButton,
+  RailModeButton,
+  RailSeparator,
   RealtimeSessionRegistry,
   ResourceMeter,
   RunGroup,
   RuntimePane,
+  SIDEBAR_PANEL_WIDTH,
+  SIDEBAR_RAIL_WIDTH,
+  SIDEBAR_TOTAL_WIDTH,
   SandboxCard,
   SandboxTable,
   SandboxWorkbench,
@@ -421,6 +460,16 @@ export {
   SelectValue,
   SessionActivityMonitor,
   SessionSidebar,
+  Sidebar,
+  SidebarContent,
+  SidebarPanel,
+  SidebarPanelContent,
+  SidebarPanelHeader,
+  SidebarProvider,
+  SidebarRail,
+  SidebarRailFooter,
+  SidebarRailHeader,
+  SidebarRailNav,
   Skeleton,
   SkeletonCard,
   SkeletonTable,
@@ -450,6 +499,7 @@ export {
   Textarea,
   ThemeToggle,
   ThinkingIndicator,
+  TiptapEditor,
   ToastContainer,
   ToastProvider,
   ToolCallFeed,
@@ -479,7 +529,13 @@ export {
   useApiKey,
   useAuth,
   useAutoScroll,
+  useAwareness,
+  useCollaboratorPresence,
+  useCollaborators,
+  useDocumentChanges,
   useDropdownMenu,
+  useEditorConnection,
+  useEditorContext,
   usePtySession,
   useRealtimeSession,
   useRunCollapseState,
@@ -487,8 +543,10 @@ export {
   useSSEStream,
   useSdkSession,
   useSessionStream,
+  useSidebar,
   useSidecarAuth,
   useTheme,
   useToast,
-  useToolCallStream
+  useToolCallStream,
+  useYjsState
 };

package/dist/pages.d.ts

@@ -28,8 +28,14 @@ interface EnvironmentOption {
     icon: React.ReactNode;
     color: string;
 }
+interface EnvironmentEntry {
+    id: string;
+    description?: string;
+    version?: string;
+}
 interface ProvisioningWizardProps {
     environments?: EnvironmentOption[];
+    onLoadEnvironments?: () => Promise<EnvironmentEntry[]>;
     onSubmit?: (config: ProvisioningConfig) => void;
     onBack?: () => void;
     className?: string;
@@ -42,7 +48,11 @@ interface ProvisioningConfig {
     modelTier: string;
     systemPrompt: string;
 }
-declare function ProvisioningWizard({ environments, onSubmit, onBack, className, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
+declare function resolveEnvironment(env: {
+    id: string;
+    description?: string;
+}): EnvironmentOption;
+declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
 
 type ProductVariant = "sandbox";
 interface StandalonePricingPageProps {
@@ -111,4 +121,4 @@ interface ProfilesPageProps {
 }
 declare function ProfilesPage({ apiClient, tier, maxProfiles, onCompareClick, title, }: ProfilesPageProps): react_jsx_runtime.JSX.Element;
 
-export { BillingPage, type BillingPageData, type BillingPageProps, type EnvironmentOption, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, type ProvisioningConfig, ProvisioningWizard, type ProvisioningWizardProps, StandalonePricingPage, type StandalonePricingPageProps };
+export { BillingPage, type BillingPageData, type BillingPageProps, type EnvironmentEntry, type EnvironmentOption, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, type ProvisioningConfig, ProvisioningWizard, type ProvisioningWizardProps, StandalonePricingPage, type StandalonePricingPageProps, resolveEnvironment };

package/dist/pages.js

@@ -299,6 +299,37 @@ import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function MaterialIcon({ name, className }) {
   return /* @__PURE__ */ jsx2("span", { className: cn("material-symbols-outlined", className), style: { fontVariationSettings: "'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24" }, children: name });
 }
+var STACK_DISPLAY = {
+  universal: { name: "Universal", abbr: "U", color: "violet", textClass: "text-violet-400", bgClass: "bg-violet-500/10" },
+  ethereum: { name: "Ethereum", abbr: "\u039E", color: "blue", textClass: "text-blue-400", bgClass: "bg-blue-500/10" },
+  solana: { name: "Solana", abbr: "S", color: "green", textClass: "text-green-400", bgClass: "bg-green-500/10" },
+  tangle: { name: "Tangle", abbr: "T", color: "purple", textClass: "text-purple-400", bgClass: "bg-purple-500/10" },
+  "ai-sdk": { name: "AI SDK", abbr: "AI", color: "cyan", textClass: "text-cyan-400", bgClass: "bg-cyan-500/10" },
+  rust: { name: "Rust", abbr: "Rs", color: "orange", textClass: "text-orange-400", bgClass: "bg-orange-500/10" }
+};
+function resolveEnvironment(env) {
+  const display = STACK_DISPLAY[env.id];
+  const name = display?.name ?? (env.id.length > 0 ? env.id.charAt(0).toUpperCase() + env.id.slice(1).replace(/-/g, " ") : "Unknown");
+  const abbr = display?.abbr ?? (env.id.length > 0 ? env.id[0].toUpperCase() : "?");
+  const color = display?.color ?? "slate";
+  const textClass = display?.textClass ?? "text-slate-400";
+  return {
+    id: env.id,
+    name,
+    description: env.description ?? `${name} development environment`,
+    icon: /* @__PURE__ */ jsx2("span", { className: `${textClass} text-2xl font-bold`, children: abbr }),
+    color
+  };
+}
+var COLOR_BG_CLASS = {
+  green: "bg-green-500/10",
+  blue: "bg-blue-500/10",
+  orange: "bg-orange-500/10",
+  violet: "bg-violet-500/10",
+  purple: "bg-purple-500/10",
+  cyan: "bg-cyan-500/10",
+  slate: "bg-slate-500/10"
+};
 var defaultEnvironments = [
   { id: "node", name: "Node.js", description: "v20.x LTS with optimized runtime for asynchronous event-driven agents.", icon: /* @__PURE__ */ jsx2("span", { className: "text-green-400 text-2xl font-bold", children: "N" }), color: "green" },
   { id: "python", name: "Python", description: "v3.11 pre-installed with PyTorch and common data science libraries.", icon: /* @__PURE__ */ jsx2("span", { className: "text-blue-400 text-2xl font-bold", children: "Py" }), color: "blue" },
@@ -316,13 +347,36 @@ function calcCost(cpu, ram) {
   return cost.toFixed(2);
 }
 function ProvisioningWizard({
-  environments = defaultEnvironments,
+  environments: environmentsProp,
+  onLoadEnvironments,
   onSubmit,
   onBack,
   className
 }) {
+  const [environments, setEnvironments] = React2.useState(
+    environmentsProp ?? defaultEnvironments
+  );
+  const [loading, setLoading] = React2.useState(!environmentsProp && !!onLoadEnvironments);
   const [step, setStep] = React2.useState(0);
   const [selectedEnv, setSelectedEnv] = React2.useState(environments[0]?.id ?? "");
+  const onLoadRef = React2.useRef(onLoadEnvironments);
+  onLoadRef.current = onLoadEnvironments;
+  React2.useEffect(() => {
+    if (environmentsProp || !onLoadRef.current) return;
+    let cancelled = false;
+    onLoadRef.current().then((entries) => {
+      if (cancelled || !entries?.length) return;
+      const resolved = entries.map(resolveEnvironment);
+      setEnvironments(resolved);
+      setSelectedEnv(resolved[0].id);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [environmentsProp]);
   const [cpuCores, setCpuCores] = React2.useState(4);
   const [ramGB, setRamGB] = React2.useState(16);
   const [storageGB, setStorageGB] = React2.useState(128);
@@ -357,7 +411,7 @@ function ProvisioningWizard({
             /* @__PURE__ */ jsx2("div", { className: "w-10 h-10 rounded-lg bg-md3-primary/10 flex items-center justify-center text-md3-primary", children: /* @__PURE__ */ jsx2(MaterialIcon, { name: "layers" }) }),
             /* @__PURE__ */ jsx2("h2", { className: "text-xl font-bold", children: "Environment Selection" })
           ] }),
-          /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: environments.map((env) => /* @__PURE__ */ jsxs2(
+          loading ? /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx2("div", { className: "h-32 rounded-xl bg-surface-container animate-pulse" }, i)) }) : /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: environments.map((env) => /* @__PURE__ */ jsxs2(
             "button",
             {
               type: "button",
@@ -368,7 +422,7 @@ function ProvisioningWizard({
               ),
               children: [
                 /* @__PURE__ */ jsxs2("div", { className: "flex justify-between items-start mb-4", children: [
-                  /* @__PURE__ */ jsx2("div", { className: cn("w-12 h-12 rounded-full flex items-center justify-center", `bg-${env.color}-500/10`), children: env.icon }),
+                  /* @__PURE__ */ jsx2("div", { className: cn("w-12 h-12 rounded-full flex items-center justify-center", COLOR_BG_CLASS[env.color] ?? "bg-slate-500/10"), children: env.icon }),
                   /* @__PURE__ */ jsx2("div", { className: cn("w-5 h-5 rounded-full border-2 flex items-center justify-center", selectedEnv === env.id ? "border-md3-primary" : "border-outline-variant/30"), children: selectedEnv === env.id && /* @__PURE__ */ jsx2("div", { className: "w-2.5 h-2.5 bg-md3-primary rounded-full" }) })
                 ] }),
                 /* @__PURE__ */ jsx2("h3", { className: "font-bold text-lg mb-1", children: env.name }),
@@ -546,7 +600,7 @@ function ProvisioningWizard({
             /* @__PURE__ */ jsxs2("div", { className: "text-slate-300", children: [
               /* @__PURE__ */ jsx2("span", { className: "text-violet-400", children: "\u2713" }),
               " Platform: ",
-              /* @__PURE__ */ jsx2("span", { className: "text-white", children: environments.find((e) => e.id === selectedEnv)?.name ?? "Node.js" })
+              /* @__PURE__ */ jsx2("span", { className: "text-white", children: environments.find((e) => e.id === selectedEnv)?.name ?? selectedEnv })
             ] }),
             /* @__PURE__ */ jsxs2("div", { className: "text-slate-300", children: [
               /* @__PURE__ */ jsx2("span", { className: "text-violet-400", children: "\u2713" }),
@@ -1502,5 +1556,6 @@ export {
   BillingPage,
   ProfilesPage,
   ProvisioningWizard,
-  StandalonePricingPage
+  StandalonePricingPage,
+  resolveEnvironment
 };

package/dist/primitives.js

@@ -22,11 +22,6 @@ import {
   UploadProgress,
   useToast
 } from "./chunk-CSIXZEKN.js";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-} from "./chunk-B26TQ7SA.js";
 import {
   Dialog,
   DialogClose,
@@ -65,6 +60,9 @@ import {
   TangleKnot
 } from "./chunk-OKCIKTXQ.js";
 import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -80,7 +78,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-MCGKDCOR.js";
+} from "./chunk-IW2JZCOC.js";
 import {
   Progress,
   Skeleton,

package/dist/sdk-hooks.js

@@ -7,7 +7,7 @@ import {
   useSessionStream,
   useSidecarAuth,
   useToolCallStream
-} from "./chunk-FOQTE67I.js";
+} from "./chunk-FJLS7PNT.js";
 import "./chunk-CCKNIAS7.js";
 import "./chunk-OEX7NZE3.js";
 import {

package/dist/terminal.d.ts

@@ -35,10 +35,10 @@ interface TerminalViewProps {
     title?: string;
     /** Subtitle shown in the welcome box. Default: "Connected to PTY session". */
     subtitle?: string;
-    /** ANSI-escaped prompt string. Default: green "$ ". */
+    /** @deprecated No longer used — the PTY provides its own prompt. */
     prompt?: string;
 }
 declare const DEFAULT_TERMINAL_THEME: TerminalTheme;
-declare function TerminalView({ apiUrl, token, theme, title, subtitle, prompt, }: TerminalViewProps): react_jsx_runtime.JSX.Element;
+declare function TerminalView({ apiUrl, token, theme, title, subtitle, }: TerminalViewProps): react_jsx_runtime.JSX.Element;
 
 export { DEFAULT_TERMINAL_THEME, type TerminalTheme, TerminalView, type TerminalViewProps };

package/dist/terminal.js

@@ -1,6 +1,6 @@
 import {
   usePtySession
-} from "./chunk-GRYHFH5O.js";
+} from "./chunk-DLCFZDGX.js";
 
 // src/terminal/terminal-view.tsx
 import "@xterm/xterm/css/xterm.css";
@@ -33,23 +33,17 @@ var DEFAULT_TERMINAL_THEME = {
   brightCyan: "#67e8f9",
   brightWhite: "#fafafa"
 };
-var DEFAULT_PROMPT = "\x1B[38;5;48m$\x1B[0m ";
 function TerminalView({
   apiUrl,
   token,
   theme,
   title = "Terminal",
-  subtitle = "Connected to PTY session",
-  prompt = DEFAULT_PROMPT
+  subtitle = "Connected to PTY session"
 }) {
   const resolvedTheme = { ...DEFAULT_TERMINAL_THEME, ...theme };
   const containerRef = useRef(null);
   const termRef = useRef(null);
   const fitAddonRef = useRef(null);
-  const lineBufferRef = useRef("");
-  const writePrompt = useCallback(() => {
-    termRef.current?.write("\r\n" + prompt);
-  }, [prompt]);
   const onData = useCallback((data) => {
     termRef.current?.write(data);
   }, []);
@@ -87,37 +81,13 @@ function TerminalView({
     term.writeln(`\x1B[38;5;48m\u2502\x1B[0m  \x1B[1m${padTitle}\x1B[0m\x1B[38;5;48m\u2502\x1B[0m`);
     term.writeln(`\x1B[38;5;48m\u2502\x1B[0m  ${padSubtitle}\x1B[38;5;48m\u2502\x1B[0m`);
     term.writeln(`\x1B[38;5;48m\u2570${"\u2500".repeat(41)}\u256F\x1B[0m`);
-    term.write(prompt);
     term.onData((data) => {
-      const code = data.charCodeAt(0);
-      if (data === "\r") {
-        const cmd = lineBufferRef.current;
-        lineBufferRef.current = "";
-        term.write("\r\n");
-        if (cmd.trim()) {
-          sendCommand(cmd).catch((err) => {
-            term.writeln(`\x1B[31mError: ${err instanceof Error ? err.message : String(err)}\x1B[0m`);
-            writePrompt();
-          });
-        } else {
-          term.write(prompt);
-        }
-      } else if (data === "\x7F" || data === "\b") {
-        if (lineBufferRef.current.length > 0) {
-          lineBufferRef.current = lineBufferRef.current.slice(0, -1);
-          term.write("\b \b");
-        }
-      } else if (data === "") {
-        lineBufferRef.current = "";
-        term.write("^C");
-        writePrompt();
-      } else if (data === "\f") {
-        term.clear();
-        term.write(prompt);
-      } else if (code >= 32) {
-        lineBufferRef.current += data;
-        term.write(data);
-      }
+      sendCommand(data).catch((err) => {
+        termRef.current?.writeln(
+          `\r
+\x1B[31m${err instanceof Error ? err.message : "Send failed"}\x1B[0m`
+        );
+      });
     });
     const ro = new ResizeObserver(() => {
       requestAnimationFrame(() => {
@@ -131,7 +101,7 @@ function TerminalView({
       termRef.current = null;
       fitAddonRef.current = null;
     };
-  }, [sendCommand, writePrompt, prompt, resolvedTheme, title, subtitle]);
+  }, [sendCommand, resolvedTheme, title, subtitle]);
   return /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full", children: [
     /* @__PURE__ */ jsx(
       "div",

package/dist/{use-pty-session-DeZSxOCN.d.ts → use-pty-session-COzVkhtc.d.ts}

@@ -61,7 +61,7 @@ interface UsePtySessionReturn {
  * Protocol:
  * - POST /terminals              → create session → { data: { sessionId } }
  * - GET  /terminals/{id}/stream  → SSE output (raw PTY with ANSI codes)
- * - POST /terminals/{id}/execute → send command   { command: "..." }
+ * - POST /terminals/{id}/input   → send input     { data: "..." }
  * - DELETE /terminals/{id}       → close session
  */
 declare function usePtySession({ apiUrl, token, onData }: UsePtySessionOptions): UsePtySessionReturn;

package/dist/workspace.d.ts

@@ -145,6 +145,8 @@ interface RuntimePaneProps {
     subtitle?: string;
     statusBanner?: StatusBannerProps;
     statusBar?: StatusBarProps;
+    /** When provided, replaces the entire 2-column grid with custom content (e.g. a full-pane TerminalView). */
+    content?: React.ReactNode;
     terminal?: TerminalProps;
     audit?: React.ReactNode;
     inspector?: React.ReactNode;
@@ -155,7 +157,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, 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_jsx_runtime.JSX.Element;
 
 interface SessionSidebarItem {
     id: string;

package/dist/workspace.js

@@ -10,7 +10,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-CREVWUCA.js";
+} from "./chunk-DJEZKF5A.js";
 import "./chunk-OEX7NZE3.js";
 import "./chunk-MUOL44AE.js";
 import "./chunk-6H3EFUUC.js";
@@ -21,7 +21,7 @@ import "./chunk-CJ2RYVZH.js";
 import "./chunk-BX6AQMUS.js";
 import "./chunk-YDBXQQLC.js";
 import "./chunk-TQN3VR4F.js";
-import "./chunk-6NYG2R7V.js";
+import "./chunk-HYLTXGOI.js";
 import {
   ArtifactPane
 } from "./chunk-W4LM3QYZ.js";

package/package.json

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

package/dist/chunk-B26TQ7SA.js

@@ -1,47 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/avatar.tsx
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-sm",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-export {
-  Avatar,
-  AvatarImage,
-  AvatarFallback
-};