@tangle-network/sandbox-ui 0.14.0 → 0.15.2

package/dist/index.js

@@ -1,7 +1,17 @@
+import "./chunk-2BUPSB7O.js";
 import {
+  TOOL_CATEGORY_ICONS,
+  cn,
   copyText,
-  timeAgo
-} from "./chunk-QD4QE5P5.js";
+  formatBytes,
+  formatDuration,
+  formatUptime,
+  getToolCategory,
+  getToolDisplayMetadata,
+  getToolErrorText,
+  timeAgo,
+  truncateText
+} from "./chunk-TK46XFLM.js";
 import {
   CollaboratorsList,
   DocumentEditorPane,
@@ -15,85 +25,100 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-U6QTHMY6.js";
+} from "./chunk-YVXK4XRO.js";
 import {
   AuthHeader,
   GitHubLoginButton,
   LoginLayout,
   UserMenu
-} from "./chunk-DI3NZ5ZX.js";
+} from "./chunk-NJNME4J4.js";
 import {
+  RealtimeSessionRegistry,
   createAuthFetcher,
   useApiKey,
   useAuth,
-  useLiveTime,
-  useSandboxMetrics
-} from "./chunk-DPGIXDAI.js";
-import {
-  usePtySession
-} from "./chunk-AG7QDC2Q.js";
-import {
-  RealtimeSessionRegistry,
+  useAutoScroll,
+  useCreateSession,
+  useDeleteSession,
   useDropdownMenu,
+  useLiveTime,
   useRealtimeSession,
+  useRenameSession,
+  useRunCollapseState,
+  useRunGroups,
   useSSEStream,
+  useSandboxMetrics,
   useSdkSession,
-  useSessionStream,
-  useSidecarAuth,
+  useSessions,
   useToolCallStream
-} from "./chunk-DXMIEK4K.js";
+} from "./chunk-76IQLPW2.js";
 import {
-  DropZone,
-  Label,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-  SidebarDropZone,
-  Switch,
-  TerminalCursor,
-  TerminalDisplay,
-  TerminalInput,
-  TerminalLine,
-  ToastContainer,
-  ToastProvider,
-  UploadProgress,
-  useToast
-} from "./chunk-36QY2W5G.js";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger
-} from "./chunk-US6JKJKH.js";
+  usePtySession
+} from "./chunk-AG7QDC2Q.js";
 import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-} from "./chunk-Q56BYXQF.js";
+  useSessionStream,
+  useSidecarAuth
+} from "./chunk-CMY7W45U.js";
+import {
+  activeSessionsAtom,
+  addMessage,
+  addParts,
+  bumpActiveSessionActivity,
+  clearChat,
+  connectSession,
+  disconnectSession,
+  getActiveSession,
+  getAllActiveSessions,
+  getAllProjectActivity,
+  getSessionsByActivity,
+  getSessionsForNavbar,
+  getSessionsForProject,
+  getTotalRunningSessionCount,
+  hasBackgroundRunningSessions,
+  isStreamingAtom,
+  messagesAtom,
+  partMapAtom,
+  registerActiveSession,
+  resetActiveSessions,
+  sessionAtom,
+  setActiveSessionAttention,
+  setActiveSessionConnection,
+  setActiveSessionError,
+  setActiveSessionRunning,
+  setForegroundActiveSession,
+  unregisterActiveSession,
+  updateActiveSessionMeta,
+  updatePart,
+  useActiveSession,
+  useActiveSessions,
+  useActiveSessionsState,
+  useHasBackgroundRunningSessions,
+  useNavbarSessions,
+  useProjectActivity,
+  useProjectSessions,
+  useSessionsByActivity,
+  useTotalRunningSessions
+} from "./chunk-WID73FPH.js";
 import {
-  ChatMessage
-} from "./chunk-GSZA3TSY.js";
+  AgentTimeline,
+  ChatContainer,
+  ChatInput,
+  ChatMessage,
+  MessageList,
+  ThinkingIndicator,
+  UserMessage
+} from "./chunk-QPAJR74X.js";
 import {
-  ToolCallFeed,
-  parseToolEvent
-} from "./chunk-QID2OOMG.js";
+  ExpandedToolDetail,
+  InlineThinkingItem,
+  InlineToolItem,
+  LiveDuration,
+  RunGroup
+} from "./chunk-JBGKGLD7.js";
 import {
   AgentWorkbench,
   ApprovalQueue,
+  ArtifactPane,
   AuditResults,
   CalendarView,
   DirectoryPane,
@@ -106,101 +131,37 @@ import {
   TaskBoard,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-5OQ27N57.js";
-import "./chunk-OEX7NZE3.js";
-import {
-  EmptyState,
-  Input,
-  Textarea
-} from "./chunk-MA7YKRUP.js";
-import {
-  AgentTimeline,
-  ChatContainer,
-  ChatInput,
-  MessageList,
-  ThinkingIndicator,
-  UserMessage
-} from "./chunk-XLG757B6.js";
+} from "./chunk-GPT7VKK6.js";
 import {
-  useAutoScroll,
-  useRunCollapseState,
-  useRunGroups
-} from "./chunk-54SQQMMM.js";
-import {
-  CommandPreview,
-  DiffPreview,
-  ExpandedToolDetail,
-  GlobResultsPreview,
-  GrepResultsPreview,
-  InlineThinkingItem,
-  InlineToolItem,
-  QuestionPreview,
-  RunGroup,
-  WebSearchPreview,
-  WriteFilePreview
-} from "./chunk-MQXABZTB.js";
-import {
-  formatBytes,
-  formatDuration,
-  formatUptime,
-  truncateText
-} from "./chunk-4CLN43XT.js";
-import {
-  ToolCallGroup,
-  ToolCallStep
-} from "./chunk-MT5FJ3ZT.js";
-import {
-  TOOL_CATEGORY_ICONS,
-  getToolCategory,
-  getToolDisplayMetadata,
-  getToolErrorText
-} from "./chunk-BX6AQMUS.js";
-import {
-  InlineCode,
   OpenUIArtifactRenderer
-} from "./chunk-ZNCEM5CD.js";
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "./chunk-34I7UFSX.js";
-import {
-  RichFileTree
-} from "./chunk-LQNEZDRM.js";
+} from "./chunk-AZ3AWMTM.js";
 import {
   FileArtifactPane,
   FilePreview,
   FileTabs,
   FileTree,
+  RichFileTree,
   filterFileTree
-} from "./chunk-QDH5GEGY.js";
-import {
-  ArtifactPane
-} from "./chunk-HB5Y37YU.js";
-import {
-  CodeBlock,
-  CopyButton,
-  Markdown
-} from "./chunk-T7HMZEVO.js";
+} from "./chunk-3J6FG3FJ.js";
 import {
+  BackendConfig,
   BackendSelector,
   ClusterStatusBar,
   CreditBalance,
   DashboardLayout,
+  GitPanel,
   HARNESS_OPTIONS,
   HarnessPicker,
   InvoiceTable,
-  ModelPicker,
+  NetworkConfig,
   NewSandboxCard,
   PlanCards,
+  PortsList,
+  ProcessList,
   ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
+  PromoBanner,
   RailButton,
   RailModeButton,
   RailSeparator,
@@ -221,26 +182,50 @@ import {
   SidebarRailFooter,
   SidebarRailHeader,
   SidebarRailNav,
+  SnapshotList,
+  SystemLogsViewer,
+  UsageSummary,
   VariantList,
-  canonicalModelId,
-  formatContext,
-  formatPricing,
+  canAdminSandbox,
   useSidebar
-} from "./chunk-NKUPJC34.js";
+} from "./chunk-HLZTKSGT.js";
 import {
   BillingDashboard,
+  InfoPanel,
+  ModelPicker,
   PricingPage,
-  UsageChart
-} from "./chunk-QMU2PWOU.js";
-import {
-  Logo,
-  StatCard,
-  TangleKnot
-} from "./chunk-OKLQVY3Y.js";
+  TemplateCard,
+  UsageChart,
+  canonicalModelId,
+  formatContext,
+  formatPrice,
+  formatPricing
+} from "./chunk-ENMWGVDL.js";
 import {
   Avatar,
   AvatarFallback,
   AvatarImage,
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CodeBlock,
+  CopyButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropZone,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -255,116 +240,73 @@ import {
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
-  DropdownMenuTrigger
-} from "./chunk-34A66VBG.js";
-import {
+  DropdownMenuTrigger,
+  EmptyState,
+  InlineCode,
+  Input,
+  Label,
+  Logo,
   Progress,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SidebarDropZone,
   Skeleton,
   SkeletonCard,
-  SkeletonTable
-} from "./chunk-66EZOYZR.js";
-import {
-  Badge,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  badgeVariants
-} from "./chunk-ZMNSRDMH.js";
+  SkeletonTable,
+  StatCard,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TangleKnot,
+  TerminalDisplay,
+  Textarea,
+  ThemeToggle,
+  ToastContainer,
+  ToastProvider,
+  UploadProgress,
+  badgeVariants,
+  buttonVariants,
+  useTheme,
+  useToast
+} from "./chunk-7ZA5SEK3.js";
+import "./chunk-EI44GEQ5.js";
+
+// src/index.ts
+import { CodeBlock as CodeBlock2 } from "@tangle-network/ui/markdown";
 import {
-  Button,
-  buttonVariants
-} from "./chunk-MKTSMWVD.js";
+  TerminalLine,
+  TerminalInput,
+  TerminalCursor
+} from "@tangle-network/ui/primitives";
 import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/primitives/theme-toggle.tsx
-import { useCallback, useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getSystemTheme() {
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function applyTheme(theme) {
-  const resolved = theme === "system" ? getSystemTheme() : theme;
-  document.documentElement.classList.toggle("dark", resolved === "dark");
-}
-function useTheme() {
-  const [theme, setThemeState] = useState(() => {
-    if (typeof window === "undefined") return "system";
-    return localStorage.getItem("theme") ?? "system";
-  });
-  const setTheme = useCallback((next) => {
-    setThemeState(next);
-    if (next === "system") {
-      localStorage.removeItem("theme");
-    } else {
-      localStorage.setItem("theme", next);
-    }
-    applyTheme(next);
-  }, []);
-  useEffect(() => {
-    applyTheme(theme);
-    if (theme !== "system") return;
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = () => applyTheme("system");
-    mq.addEventListener("change", handler);
-    return () => mq.removeEventListener("change", handler);
-  }, [theme]);
-  return { theme, setTheme };
-}
-var iconClass = "h-4 w-4";
-function SunIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: iconClass,
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 5 }),
-        /* @__PURE__ */ jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
-      ]
-    }
-  );
-}
-function MoonIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: iconClass,
-      children: /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
-    }
-  );
-}
-function ThemeToggle() {
-  const { theme, setTheme } = useTheme();
-  const resolved = theme === "system" ? getSystemTheme() : theme;
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick: () => setTheme(resolved === "dark" ? "light" : "dark"),
-      className: "inline-flex items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-accent hover:text-accent-foreground transition-colors",
-      "aria-label": `Switch to ${resolved === "dark" ? "light" : "dark"} mode`,
-      children: resolved === "dark" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {})
-    }
-  );
-}
+  CommandPreview,
+  WriteFilePreview,
+  GrepResultsPreview,
+  GlobResultsPreview,
+  WebSearchPreview,
+  QuestionPreview,
+  DiffPreview
+} from "@tangle-network/ui/tool-previews";
+import { Markdown } from "@tangle-network/ui/markdown";
 export {
   AgentTimeline,
   AgentWorkbench,
@@ -375,6 +317,7 @@ export {
   Avatar,
   AvatarFallback,
   AvatarImage,
+  BackendConfig,
   BackendSelector,
   Badge,
   BillingDashboard,
@@ -391,7 +334,7 @@ export {
   ChatMessage,
   ClusterStatusBar,
   CodeBlock,
-  CodeBlock as CodeBlockDisplay,
+  CodeBlock2 as CodeBlockDisplay,
   CollaboratorsList,
   CommandPreview,
   CopyButton,
@@ -435,29 +378,36 @@ export {
   FileTabs,
   FileTree,
   GitHubLoginButton,
+  GitPanel,
   GlobResultsPreview,
   GrepResultsPreview,
   HARNESS_OPTIONS,
   HarnessPicker,
+  InfoPanel,
   InlineCode,
   InlineThinkingItem,
   InlineToolItem,
   Input,
   InvoiceTable,
   Label,
+  LiveDuration,
   LoginLayout,
   Logo,
   Markdown,
   MessageList,
   ModelPicker,
+  NetworkConfig,
   NewSandboxCard,
   OpenUIArtifactRenderer,
   PlanCards,
-  PricingPage as PricingCards,
+  PortsList,
+  PricingPage,
+  ProcessList,
   ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
   Progress,
+  PromoBanner,
   QuestionPreview,
   RailButton,
   RailModeButton,
@@ -474,6 +424,7 @@ export {
   SandboxCard,
   SandboxTable,
   SandboxWorkbench,
+  SegmentedControl,
   Select,
   SelectContent,
   SelectGroup,
@@ -500,10 +451,12 @@ export {
   Skeleton,
   SkeletonCard,
   SkeletonTable,
+  SnapshotList,
   StatCard,
   StatusBanner,
   StatusBar,
   Switch,
+  SystemLogsViewer,
   TOOL_CATEGORY_ICONS,
   Table,
   TableBody,
@@ -519,6 +472,7 @@ export {
   TabsTrigger,
   TangleKnot,
   TaskBoard,
+  TemplateCard,
   TerminalDisplay,
   TerminalCursor as TerminalDisplayCursor,
   TerminalInput as TerminalDisplayInput,
@@ -530,58 +484,99 @@ export {
   TiptapEditor,
   ToastContainer,
   ToastProvider,
-  ToolCallFeed,
-  ToolCallGroup,
-  ToolCallStep,
   UploadProgress,
   UsageChart,
+  UsageSummary,
   UserMenu,
   UserMessage,
   VariantList,
   WebSearchPreview,
   WorkspaceLayout,
   WriteFilePreview,
+  activeSessionsAtom,
+  addMessage,
+  addParts,
   badgeVariants,
+  bumpActiveSessionActivity,
   buttonVariants,
+  canAdminSandbox,
   canonicalModelId,
+  clearChat,
   cn,
+  connectSession,
   copyText,
   createAuthFetcher,
+  disconnectSession,
   filterFileTree,
   formatBytes,
   formatContext,
   formatDuration,
+  formatPrice,
   formatPricing,
   formatUptime,
+  getActiveSession,
+  getAllActiveSessions,
+  getAllProjectActivity,
+  getSessionsByActivity,
+  getSessionsForNavbar,
+  getSessionsForProject,
   getToolCategory,
   getToolDisplayMetadata,
   getToolErrorText,
-  parseToolEvent,
+  getTotalRunningSessionCount,
+  hasBackgroundRunningSessions,
+  isStreamingAtom,
+  messagesAtom,
+  partMapAtom,
+  registerActiveSession,
+  resetActiveSessions,
+  sessionAtom,
+  setActiveSessionAttention,
+  setActiveSessionConnection,
+  setActiveSessionError,
+  setActiveSessionRunning,
+  setForegroundActiveSession,
   timeAgo,
   truncateText,
+  unregisterActiveSession,
+  updateActiveSessionMeta,
+  updatePart,
+  useActiveSession,
+  useActiveSessions,
+  useActiveSessionsState,
   useApiKey,
   useAuth,
   useAutoScroll,
   useAwareness,
   useCollaboratorPresence,
   useCollaborators,
+  useCreateSession,
+  useDeleteSession,
   useDocumentChanges,
   useDropdownMenu,
   useEditorConnection,
   useEditorContext,
+  useHasBackgroundRunningSessions,
   useLiveTime,
+  useNavbarSessions,
+  useProjectActivity,
+  useProjectSessions,
   usePtySession,
   useRealtimeSession,
+  useRenameSession,
   useRunCollapseState,
   useRunGroups,
   useSSEStream,
   useSandboxMetrics,
   useSdkSession,
   useSessionStream,
+  useSessions,
+  useSessionsByActivity,
   useSidebar,
   useSidecarAuth,
   useTheme,
   useToast,
   useToolCallStream,
+  useTotalRunningSessions,
   useYjsState
 };