@tangle-network/sandbox-ui 0.22.0 → 0.22.1

package/dist/{chunk-UHFJXO24.js → chunk-7ZA5SEK3.js}

@@ -2,6 +2,96 @@ import {
   cn
 } from "./chunk-EI44GEQ5.js";
 
+// src/primitives/index.ts
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  badgeVariants,
+  Button,
+  buttonVariants,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CodeBlock,
+  CopyButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropZone,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  InlineCode,
+  Input,
+  Label,
+  Progress,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SidebarDropZone,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable,
+  StatCard,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TerminalCursor,
+  TerminalDisplay,
+  TerminalInput,
+  TerminalLine,
+  Textarea,
+  ThemeToggle,
+  ToastContainer,
+  ToastProvider,
+  UploadProgress,
+  useTheme,
+  useToast
+} from "@tangle-network/ui/primitives";
+
 // src/primitives/logo.tsx
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -59,5 +149,91 @@ Logo.displayName = "Logo";
 
 export {
   TangleKnot,
-  Logo
+  Logo,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  badgeVariants,
+  Button,
+  buttonVariants,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CodeBlock,
+  CopyButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropZone,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  InlineCode,
+  Input,
+  Label,
+  Progress,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SidebarDropZone,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable,
+  StatCard,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TerminalCursor,
+  TerminalDisplay,
+  TerminalInput,
+  TerminalLine,
+  Textarea,
+  ThemeToggle,
+  ToastContainer,
+  ToastProvider,
+  UploadProgress,
+  useTheme,
+  useToast
 };

package/dist/{chunk-R3ZMMCT3.js → chunk-IOB2PW5Z.js}

@@ -1,7 +1,3 @@
-import {
-  TangleKnot
-} from "./chunk-UHFJXO24.js";
-
 // src/auth/index.ts
 import {
   AuthHeader,
@@ -14,6 +10,18 @@ import {
 import { Button } from "@tangle-network/ui/primitives";
 import { cn } from "@tangle-network/ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
+function TangleMark({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M4 5h16v3.2h-6.4V19h-3.2V8.2H4V5z" })
+    }
+  );
+}
 function TangleLoginButton({
   authUrl = "/auth/tangle",
   variant = "default",
@@ -31,7 +39,7 @@ function TangleLoginButton({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx(TangleKnot, { size: 20 }),
+        /* @__PURE__ */ jsx(TangleMark, { className: "h-5 w-5" }),
         children ?? "Sign in with Tangle"
       ]
     }

package/dist/dashboard.d.ts

@@ -218,9 +218,72 @@ interface ResourceMeterProps {
     max?: number;
     unit?: string;
     icon?: React.ReactNode;
+    /**
+     * Overrides the right-hand readout. Use for values the raw
+     * `value{unit}/max{unit}` template can't express, e.g. byte sizes
+     * ("1.2 GB / 4 GB"). The bar fill still derives from value/max.
+     */
+    valueLabel?: string;
+    className?: string;
+}
+declare function ResourceMeter({ label, value, max, unit, valueLabel, icon, className }: ResourceMeterProps): react_jsx_runtime.JSX.Element;
+
+interface ResourceSnapshotItem {
+    /** Stable React key; falls back to `label` plus row index when omitted. */
+    id?: string;
+    label: string;
+    /** Current value, in the same unit as `max`. */
+    value: number;
+    /** Full-scale value. Omit to treat `value` as a 0-100 percent. */
+    max?: number;
+    /** Unit suffix for the default `value{unit}/max{unit}` readout. */
+    unit?: string;
+    /** Right-hand readout override (e.g. "1.2 GB / 4 GB"). */
+    valueLabel?: string;
+    icon?: React.ReactNode;
+}
+interface ResourceSnapshotProps {
+    title?: string;
+    /** Right-aligned header slot, e.g. a "View metrics" link. */
+    action?: React.ReactNode;
+    items: ResourceSnapshotItem[];
+    loading?: boolean;
+    /** When set, replaces the meters with an error line. */
+    error?: string | null;
     className?: string;
 }
-declare function ResourceMeter({ label, value, max, unit, icon, className }: ResourceMeterProps): react_jsx_runtime.JSX.Element;
+/**
+ * Compact at-a-glance resource panel: a stack of {@link ResourceMeter}
+ * rows for an instantaneous CPU / memory / disk read. Time-series detail
+ * belongs in a dedicated metrics view; this is the snapshot.
+ */
+declare function ResourceSnapshot({ title, action, items, loading, error, className, }: ResourceSnapshotProps): react_jsx_runtime.JSX.Element;
+
+interface ActivityItem {
+    /** Stable key. */
+    id: string;
+    icon?: React.ReactNode;
+    title: string;
+    detail?: string;
+    /** Wall-clock ms. Drives ordering and the relative timestamp. */
+    timestamp?: number;
+}
+interface ActivityFeedProps {
+    title?: string;
+    action?: React.ReactNode;
+    items: ActivityItem[];
+    loading?: boolean;
+    /** Caps the rendered rows after sorting newest-first. Default 6. */
+    maxItems?: number;
+    emptyLabel?: string;
+    className?: string;
+}
+/**
+ * Newest-first list of recent sandbox activity (commits, snapshots,
+ * lifecycle events). Items are sorted by `timestamp` descending here so
+ * callers can merge heterogeneous sources without pre-sorting.
+ */
+declare function ActivityFeed({ title, action, items, loading, maxItems, emptyLabel, className, }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
 
 type SandboxStatus = "running" | "hibernating" | "provisioning" | "stopped" | "failed" | "archived" | "creating";
 type TeamRole = "owner" | "admin" | "member" | "viewer";
@@ -659,4 +722,4 @@ interface InfoPanelProps {
 }
 declare function InfoPanel({ label, title, description, className }: InfoPanelProps): react_jsx_runtime.JSX.Element;
 
-export { BackendConfig, type BackendConfigProps, type BackendStatusData, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CreditBalance, type CreditBalanceProps, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, INSUFFICIENT_BALANCE_CODE, InfoPanel, type InfoPanelProps, type InsufficientBalance, type Invoice, InvoiceTable, type InvoiceTableProps, type McpServer, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type NavItem, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, NewSandboxCard, type NewSandboxCardProps, OutOfCreditsModal, type OutOfCreditsModalProps, type PlanCardData, PlanCards, type PlanCardsProps, type PlanFeature, PortsList, type PortsListProps, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, PromoBanner, type PromoBannerProps, RailButton, type RailButtonProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, ResourceMeter, type ResourceMeterProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxStatus, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailHeader, type SidebarRailHeaderProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, type TeamRole, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, canAdminSandbox, parseInsufficientBalance, useSidebar };
+export { ActivityFeed, type ActivityFeedProps, type ActivityItem, BackendConfig, type BackendConfigProps, type BackendStatusData, ClusterStatusBar, type ClusterStatusBarProps, type ClusterStatusItem, CreditBalance, type CreditBalanceProps, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type SnapshotInfo as DashboardSnapshotInfo, type DashboardUser, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, INSUFFICIENT_BALANCE_CODE, InfoPanel, type InfoPanelProps, type InsufficientBalance, type Invoice, InvoiceTable, type InvoiceTableProps, type McpServer, MetricAreaChart, type MetricAreaChartProps, type MetricChartPoint, type MetricChartTone, type NavItem, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, NewSandboxCard, type NewSandboxCardProps, OutOfCreditsModal, type OutOfCreditsModalProps, type PlanCardData, PlanCards, type PlanCardsProps, type PlanFeature, PortsList, type PortsListProps, type ProcessInfo, ProcessList, type ProcessListProps, type ProductVariant, ProfileAvatar, type ProfileAvatarProps, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, PromoBanner, type PromoBannerProps, RailButton, type RailButtonProps, RailModeButton, type RailModeButtonProps, RailSeparator, type RailSeparatorProps, ResourceMeter, type ResourceMeterProps, ResourceSnapshot, type ResourceSnapshotItem, type ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, type SandboxCardData, type SandboxCardProps, type SandboxStatus, SandboxTable, type SandboxTableProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarPanel, SidebarPanelContent, type SidebarPanelContentProps, SidebarPanelHeader, type SidebarPanelHeaderProps, type SidebarPanelProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarRailFooter, type SidebarRailFooterProps, SidebarRailHeader, type SidebarRailHeaderProps, SidebarRailNav, type SidebarRailNavProps, type SidebarRailProps, type SidebarUser, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, type TeamRole, UsageSummary, type UsageSummaryData, type UsageSummaryProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus, canAdminSandbox, parseInsufficientBalance, useSidebar };

package/dist/dashboard.js

@@ -1,4 +1,5 @@
 import {
+  ActivityFeed,
   BackendConfig,
   ClusterStatusBar,
   CreditBalance,
@@ -21,6 +22,7 @@ import {
   RailModeButton,
   RailSeparator,
   ResourceMeter,
+  ResourceSnapshot,
   SIDEBAR_MOBILE_WIDTH,
   SIDEBAR_PANEL_WIDTH,
   SIDEBAR_RAIL_WIDTH,
@@ -44,7 +46,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-ZNYEJERQ.js";
+} from "./chunk-7X2DHDQ6.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -53,8 +55,7 @@ import {
   UsageChart,
   formatPrice
 } from "./chunk-DNZ4DTNA.js";
-import "./chunk-SM7IJY4I.js";
-import "./chunk-UHFJXO24.js";
+import "./chunk-7ZA5SEK3.js";
 import {
   BackendSelector,
   HARNESS_OPTIONS,
@@ -68,6 +69,7 @@ import {
 } from "./chunk-4KAPMTPU.js";
 import "./chunk-EI44GEQ5.js";
 export {
+  ActivityFeed,
   BackendConfig,
   BackendSelector,
   BillingDashboard,
@@ -97,6 +99,7 @@ export {
   RailModeButton,
   RailSeparator,
   ResourceMeter,
+  ResourceSnapshot,
   SIDEBAR_MOBILE_WIDTH,
   SIDEBAR_PANEL_WIDTH,
   SIDEBAR_RAIL_WIDTH,

package/dist/globals.css

@@ -365,9 +365,6 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
-  .bottom-2 {
-    bottom: calc(var(--spacing) * 2);
-  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
@@ -383,18 +380,12 @@
   .left-0\.5 {
     left: calc(var(--spacing) * 0.5);
   }
-  .left-1 {
-    left: calc(var(--spacing) * 1);
-  }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
-  .left-2\.5 {
-    left: calc(var(--spacing) * 2.5);
-  }
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
@@ -611,9 +602,6 @@
   .table {
     display: table;
   }
-  .aspect-\[9\/16\] {
-    aspect-ratio: 9/16;
-  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -735,9 +723,6 @@
   .h-screen {
     height: 100vh;
   }
-  .max-h-40 {
-    max-height: calc(var(--spacing) * 40);
-  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -792,9 +777,6 @@
   .min-h-\[44px\] {
     min-height: 44px;
   }
-  .min-h-\[60px\] {
-    min-height: 60px;
-  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -810,9 +792,6 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
-  .min-h-\[300px\] {
-    min-height: 300px;
-  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1086,9 +1065,6 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
-  .min-w-40 {
-    min-width: calc(var(--spacing) * 40);
-  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1638,10 +1614,6 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
-  .border-l-2 {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 2px;
-  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -1959,9 +1931,6 @@
       background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
     }
   }
-  .bg-black {
-    background-color: var(--color-black);
-  }
   .bg-black\/40 {
     background-color: color-mix(in srgb, #000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2070,12 +2039,6 @@
       background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
-  .bg-white\/40 {
-    background-color: color-mix(in srgb, #fff 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
-    }
-  }
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
@@ -2115,9 +2078,6 @@
   .object-contain {
     object-fit: contain;
   }
-  .object-cover {
-    object-fit: cover;
-  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2310,9 +2270,6 @@
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
-  .pr-1 {
-    padding-right: calc(var(--spacing) * 1);
-  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -2352,9 +2309,6 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
-  .pl-3 {
-    padding-left: calc(var(--spacing) * 3);
-  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -2724,9 +2678,6 @@
   .text-blue-400 {
     color: var(--color-blue-400);
   }
-  .text-blue-500 {
-    color: var(--color-blue-500);
-  }
   .text-emerald-400 {
     color: var(--color-emerald-400);
   }
@@ -2784,9 +2735,6 @@
   .italic {
     font-style: italic;
   }
-  .not-italic {
-    font-style: normal;
-  }
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2810,9 +2758,6 @@
   .opacity-30 {
     opacity: 30%;
   }
-  .opacity-40 {
-    opacity: 40%;
-  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -3259,16 +3204,6 @@
       }
     }
   }
-  .hover\:bg-black\/60 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #000 60%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-blue-600\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3289,16 +3224,6 @@
       }
     }
   }
-  .hover\:bg-green-600\/5 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 5%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-green-600) 5%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-green-600\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3357,13 +3282,6 @@
       }
     }
   }
-  .hover\:text-green-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-green-600);
-      }
-    }
-  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -3679,11 +3597,6 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
-  .sm\:grid-cols-3 {
-    @media (width >= 40rem) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
-    }
-  }
   .sm\:grid-cols-4 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -3870,11 +3783,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .xl\:grid-cols-5 {
-    @media (width >= 80rem) {
-      grid-template-columns: repeat(5, minmax(0, 1fr));
-    }
-  }
   .dark\:text-neutral-500 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-neutral-500);

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { AgentSessionControls, AgentSessionControlsProps, AgentSessionHarnessCon
 export { ExpandedToolDetail, ExpandedToolDetailProps, InlineThinkingItem, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps } from '@tangle-network/ui/run';
 export { CommandPreview, DiffPreview, GlobResultsPreview, GrepResultsPreview, QuestionPreview, WebSearchPreview, WriteFilePreview } from '@tangle-network/ui/tool-previews';
 export { FileArtifactPane, FileArtifactPaneProps, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, filterFileTree } from '@tangle-network/ui/files';
-export { BackendConfig, BackendConfigProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, ExposedPort, GitCommitData, GitPanel, GitPanelProps, GitStatusData, INSUFFICIENT_BALANCE_CODE, InfoPanel, InfoPanelProps, InsufficientBalance, Invoice, InvoiceTable, InvoiceTableProps, McpServer, MetricAreaChart, MetricAreaChartProps, MetricChartPoint, MetricChartTone, NavItem, NetworkConfig, NetworkConfigData, NetworkConfigProps, NewSandboxCard, NewSandboxCardProps, OutOfCreditsModal, OutOfCreditsModalProps, PlanCardData, PlanCards, PlanCardsProps, PlanFeature, PortsList, PortsListProps, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailModeButton, RailModeButtonProps, RailSeparator, RailSeparatorProps, ResourceMeter, ResourceMeterProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, SidebarPanel, SidebarPanelContent, SidebarPanelContentProps, SidebarPanelHeader, SidebarPanelHeaderProps, SidebarPanelProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailFooter, SidebarRailFooterProps, SidebarRailHeader, SidebarRailHeaderProps, SidebarRailNav, SidebarRailNavProps, SidebarRailProps, SidebarUser, SnapshotList, SnapshotListProps, SystemLogsViewer, SystemLogsViewerProps, TeamRole, UsageSummary, UsageSummaryData, UsageSummaryProps, Variant, VariantList, VariantListProps, VariantOutcome, VariantStatus, canAdminSandbox, parseInsufficientBalance, useSidebar } from './dashboard.js';
+export { ActivityFeed, ActivityFeedProps, ActivityItem, BackendConfig, BackendConfigProps, BackendStatusData, ClusterStatusBar, ClusterStatusBarProps, ClusterStatusItem, CreditBalance, CreditBalanceProps, DashboardLayout, DashboardLayoutProps, DashboardProfile, DashboardSnapshotInfo, DashboardUser, ExposedPort, GitCommitData, GitPanel, GitPanelProps, GitStatusData, INSUFFICIENT_BALANCE_CODE, InfoPanel, InfoPanelProps, InsufficientBalance, Invoice, InvoiceTable, InvoiceTableProps, McpServer, MetricAreaChart, MetricAreaChartProps, MetricChartPoint, MetricChartTone, NavItem, NetworkConfig, NetworkConfigData, NetworkConfigProps, NewSandboxCard, NewSandboxCardProps, OutOfCreditsModal, OutOfCreditsModalProps, PlanCardData, PlanCards, PlanCardsProps, PlanFeature, PortsList, PortsListProps, ProcessInfo, ProcessList, ProcessListProps, ProductVariant, ProfileAvatar, ProfileAvatarProps, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, PromoBanner, PromoBannerProps, RailButton, RailButtonProps, RailModeButton, RailModeButtonProps, RailSeparator, RailSeparatorProps, ResourceMeter, ResourceMeterProps, ResourceSnapshot, ResourceSnapshotItem, ResourceSnapshotProps, SIDEBAR_MOBILE_WIDTH, SIDEBAR_PANEL_WIDTH, SIDEBAR_RAIL_WIDTH, SIDEBAR_TOTAL_WIDTH, SandboxCard, SandboxCardData, SandboxCardProps, SandboxStatus, SandboxTable, SandboxTableProps, Sidebar, SidebarContent, SidebarContentProps, SidebarPanel, SidebarPanelContent, SidebarPanelContentProps, SidebarPanelHeader, SidebarPanelHeaderProps, SidebarPanelProps, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarRail, SidebarRailFooter, SidebarRailFooterProps, SidebarRailHeader, SidebarRailHeaderProps, SidebarRailNav, SidebarRailNavProps, SidebarRailProps, SidebarUser, SnapshotList, SnapshotListProps, SystemLogsViewer, SystemLogsViewerProps, TeamRole, UsageSummary, UsageSummaryData, UsageSummaryProps, Variant, VariantList, VariantListProps, VariantOutcome, VariantStatus, canAdminSandbox, parseInsufficientBalance, useSidebar } from './dashboard.js';
 export { B as Backend, a as BackendSelector, b as BackendSelectorProps, H as HARNESS_OPTIONS, c as HarnessPicker, d as HarnessPickerProps, e as HarnessType } from './harness-picker-C1W3rTeb.js';
 export { M as ModelInfo, a as ModelPicker, b as ModelPickerProps, c as ModelPickerVariant, d as canonicalModelId, f as formatContext, e as formatPricing } from './model-picker-DUfMTQo5.js';
 export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, P as PricingPage, e as PricingPageProps, f as PricingTier, T as TemplateCard, g as TemplateCardData, h as TemplateCardProps, U as UsageChart, i as UsageChartProps, j as UsageDataPoint, k as formatPrice } from './template-card-UhV3pmRC.js';

package/dist/index.js

@@ -58,7 +58,7 @@ import {
   LoginLayout,
   TangleLoginButton,
   UserMenu
-} from "./chunk-R3ZMMCT3.js";
+} from "./chunk-IOB2PW5Z.js";
 import {
   RealtimeSessionRegistry,
   createAuthFetcher,
@@ -141,6 +141,7 @@ import {
   filterFileTree
 } from "./chunk-3J6FG3FJ.js";
 import {
+  ActivityFeed,
   BackendConfig,
   ClusterStatusBar,
   CreditBalance,
@@ -163,6 +164,7 @@ import {
   RailModeButton,
   RailSeparator,
   ResourceMeter,
+  ResourceSnapshot,
   SIDEBAR_MOBILE_WIDTH,
   SIDEBAR_PANEL_WIDTH,
   SIDEBAR_RAIL_WIDTH,
@@ -186,7 +188,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-ZNYEJERQ.js";
+} from "./chunk-7X2DHDQ6.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -239,6 +241,7 @@ import {
   InlineCode,
   Input,
   Label,
+  Logo,
   Progress,
   SegmentedControl,
   Select,
@@ -269,6 +272,7 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
+  TangleKnot,
   TerminalDisplay,
   Textarea,
   ThemeToggle,
@@ -279,11 +283,7 @@ import {
   buttonVariants,
   useTheme,
   useToast
-} from "./chunk-SM7IJY4I.js";
-import {
-  Logo,
-  TangleKnot
-} from "./chunk-UHFJXO24.js";
+} from "./chunk-7ZA5SEK3.js";
 import {
   BackendSelector,
   HARNESS_OPTIONS,
@@ -315,6 +315,7 @@ import {
 } from "@tangle-network/ui/tool-previews";
 import { Markdown } from "@tangle-network/ui/markdown";
 export {
+  ActivityFeed,
   AgentSessionControls,
   AgentTimeline,
   AgentWorkbench,
@@ -425,6 +426,7 @@ export {
   RealtimeSessionRegistry,
   ReasoningLevelPicker,
   ResourceMeter,
+  ResourceSnapshot,
   RichFileTree,
   RunGroup,
   RuntimePane,

package/dist/pages.js

@@ -11,8 +11,7 @@ import {
   Input,
   Switch,
   Textarea
-} from "./chunk-SM7IJY4I.js";
-import "./chunk-UHFJXO24.js";
+} from "./chunk-7ZA5SEK3.js";
 import "./chunk-4KAPMTPU.js";
 import {
   cn