@tangle-network/sandbox-ui 0.14.0 → 0.15.2

package/dist/chunk-JBGKGLD7.js

@@ -0,0 +1,16 @@
+// src/run/index.ts
+import {
+  ExpandedToolDetail,
+  InlineThinkingItem,
+  InlineToolItem,
+  LiveDuration,
+  RunGroup
+} from "@tangle-network/ui/run";
+
+export {
+  ExpandedToolDetail,
+  InlineThinkingItem,
+  InlineToolItem,
+  LiveDuration,
+  RunGroup
+};

package/dist/chunk-NJNME4J4.js

@@ -0,0 +1,14 @@
+// src/auth/index.ts
+import {
+  AuthHeader,
+  GitHubLoginButton,
+  LoginLayout,
+  UserMenu
+} from "@tangle-network/ui/auth";
+
+export {
+  AuthHeader,
+  GitHubLoginButton,
+  LoginLayout,
+  UserMenu
+};

package/dist/chunk-QPAJR74X.js

@@ -0,0 +1,20 @@
+// src/chat/index.ts
+import {
+  AgentTimeline,
+  ChatContainer,
+  ChatInput,
+  ChatMessage,
+  MessageList,
+  ThinkingIndicator,
+  UserMessage
+} from "@tangle-network/ui/chat";
+
+export {
+  AgentTimeline,
+  ChatContainer,
+  ChatInput,
+  ChatMessage,
+  MessageList,
+  ThinkingIndicator,
+  UserMessage
+};

package/dist/chunk-TK46XFLM.js

@@ -0,0 +1,28 @@
+// src/utils/index.ts
+import {
+  TOOL_CATEGORY_ICONS,
+  cn,
+  copyText,
+  formatBytes,
+  formatDuration,
+  formatUptime,
+  getToolCategory,
+  getToolDisplayMetadata,
+  getToolErrorText,
+  timeAgo,
+  truncateText
+} from "@tangle-network/ui/utils";
+
+export {
+  TOOL_CATEGORY_ICONS,
+  cn,
+  copyText,
+  formatBytes,
+  formatDuration,
+  formatUptime,
+  getToolCategory,
+  getToolDisplayMetadata,
+  getToolErrorText,
+  timeAgo,
+  truncateText
+};

package/dist/chunk-WID73FPH.js

@@ -0,0 +1,89 @@
+// src/stores/index.ts
+import {
+  activeSessionsAtom,
+  bumpActiveSessionActivity,
+  getActiveSession,
+  getAllActiveSessions,
+  getAllProjectActivity,
+  getSessionsByActivity,
+  getSessionsForNavbar,
+  getSessionsForProject,
+  getTotalRunningSessionCount,
+  hasBackgroundRunningSessions,
+  registerActiveSession,
+  resetActiveSessions,
+  setActiveSessionAttention,
+  setActiveSessionConnection,
+  setActiveSessionError,
+  setActiveSessionRunning,
+  setForegroundActiveSession,
+  unregisterActiveSession,
+  updateActiveSessionMeta,
+  useActiveSession,
+  useActiveSessions,
+  useActiveSessionsState,
+  useHasBackgroundRunningSessions,
+  useNavbarSessions,
+  useProjectActivity,
+  useProjectSessions,
+  useSessionsByActivity,
+  useTotalRunningSessions,
+  addMessage,
+  addParts,
+  clearChat,
+  isStreamingAtom,
+  messagesAtom,
+  partMapAtom,
+  updatePart
+} from "@tangle-network/ui/stores";
+
+// src/stores/session-store.ts
+import { atom } from "nanostores";
+var sessionAtom = atom(null);
+function connectSession(session) {
+  sessionAtom.set(session);
+}
+function disconnectSession() {
+  sessionAtom.set(null);
+}
+
+export {
+  sessionAtom,
+  connectSession,
+  disconnectSession,
+  activeSessionsAtom,
+  bumpActiveSessionActivity,
+  getActiveSession,
+  getAllActiveSessions,
+  getAllProjectActivity,
+  getSessionsByActivity,
+  getSessionsForNavbar,
+  getSessionsForProject,
+  getTotalRunningSessionCount,
+  hasBackgroundRunningSessions,
+  registerActiveSession,
+  resetActiveSessions,
+  setActiveSessionAttention,
+  setActiveSessionConnection,
+  setActiveSessionError,
+  setActiveSessionRunning,
+  setForegroundActiveSession,
+  unregisterActiveSession,
+  updateActiveSessionMeta,
+  useActiveSession,
+  useActiveSessions,
+  useActiveSessionsState,
+  useHasBackgroundRunningSessions,
+  useNavbarSessions,
+  useProjectActivity,
+  useProjectSessions,
+  useSessionsByActivity,
+  useTotalRunningSessions,
+  addMessage,
+  addParts,
+  clearChat,
+  isStreamingAtom,
+  messagesAtom,
+  partMapAtom,
+  updatePart
+};

package/dist/chunk-YVXK4XRO.js

@@ -0,0 +1,30 @@
+// src/editor/index.ts
+import {
+  CollaboratorsList,
+  EditorToolbar,
+  TiptapEditor,
+  useAwareness,
+  useCollaboratorPresence,
+  useCollaborators,
+  useDocumentChanges,
+  useEditorConnection,
+  useYjsState,
+  DocumentEditorPane,
+  EditorProvider,
+  useEditorContext
+} from "@tangle-network/ui/editor";
+
+export {
+  CollaboratorsList,
+  EditorToolbar,
+  TiptapEditor,
+  useAwareness,
+  useCollaboratorPresence,
+  useCollaborators,
+  useDocumentChanges,
+  useEditorConnection,
+  useYjsState,
+  DocumentEditorPane,
+  EditorProvider,
+  useEditorContext
+};

package/dist/dashboard.d.ts

@@ -1,8 +1,454 @@
-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, at as DashboardProfile, h as DashboardUser, H as HARNESS_OPTIONS, i as HarnessPicker, j as HarnessPickerProps, k as HarnessType, I as Invoice, l as InvoiceTable, m as InvoiceTableProps, M as ModelInfo, n as ModelPicker, o as ModelPickerProps, p as ModelPickerVariant, q as ModelPreset, N as NavItem, r as NewSandboxCard, s as NewSandboxCardProps, t as PlanCardData, u as PlanCards, v as PlanCardsProps, au as PlanFeature, w as ProductVariant, x as ProfileAvatar, y as ProfileAvatarProps, z as ProfileComparison, A as ProfileComparisonProps, E as ProfileSelector, F as ProfileSelectorProps, R as RailButton, G as RailButtonProps, J as RailModeButton, K as RailModeButtonProps, L as RailSeparator, O as RailSeparatorProps, Q as ResourceMeter, S as ResourceMeterProps, T as SIDEBAR_MOBILE_WIDTH, U as SIDEBAR_PANEL_WIDTH, V as SIDEBAR_RAIL_WIDTH, W as SIDEBAR_TOTAL_WIDTH, X as SandboxCard, Y as SandboxCardData, Z as SandboxCardProps, _ as SandboxStatus, $ as SandboxTable, a0 as SandboxTableProps, a1 as Sidebar, a2 as SidebarContent, a3 as SidebarContentProps, a4 as SidebarPanel, a5 as SidebarPanelContent, a6 as SidebarPanelContentProps, a7 as SidebarPanelHeader, a8 as SidebarPanelHeaderProps, a9 as SidebarPanelProps, aa as SidebarProps, ab as SidebarProvider, ac as SidebarProviderProps, ad as SidebarRail, ae as SidebarRailFooter, af as SidebarRailFooterProps, ag as SidebarRailHeader, ah as SidebarRailHeaderProps, ai as SidebarRailNav, aj as SidebarRailNavProps, ak as SidebarRailProps, al as SidebarUser, av as TeamRole, aw as Variant, an as VariantList, ao as VariantListProps, ax as VariantOutcome, ay as VariantStatus, az as canAdminSandbox, ap as canonicalModelId, aq as formatContext, ar as formatPricing, as as useSidebar } from './variant-list-BrHYcBCk.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, i as formatPrice } from './usage-chart-CPTcNlGs.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { a as TemplateCard, T as TemplateCardData, b as TemplateCardProps } from './template-card-BAtvcAkU.js';
 import * as React from 'react';
+export { B as BillingBalance, a as BillingDashboard, b as BillingDashboardProps, c as BillingSubscription, d as BillingUsage, M as ModelInfo, e as ModelPicker, f as ModelPickerProps, g as ModelPickerVariant, h as ModelPreset, P as PricingPage, i as PricingPageProps, j as PricingTier, T as TemplateCard, k as TemplateCardData, l as TemplateCardProps, U as UsageChart, m as UsageChartProps, n as UsageDataPoint, o as canonicalModelId, p as formatContext, q as formatPrice, r as formatPricing } from './template-card-DStb8boW.js';
+
+interface SidebarUser {
+    email: string;
+    name?: string;
+    tier?: string;
+    avatarUrl?: string;
+}
+interface SidebarProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function Sidebar({ children, className, style }: SidebarProps): react_jsx_runtime.JSX.Element;
+interface SidebarRailProps {
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * Render the rail at the wider mobile-drawer width so labels fit
+     * beside the icons. Defaults to the 64px icon-only rail used on
+     * desktop.
+     */
+    wide?: boolean;
+}
+declare function SidebarRail({ children, className, wide }: 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;
+    isActive?: boolean;
+    badge?: number;
+    onClick?: () => void;
+    className?: string;
+    /** Show label text next to icon (for mobile drawer) */
+    showLabel?: boolean;
+}
+declare function RailButton({ icon: Icon, label, isActive, badge, onClick, className, showLabel }: RailButtonProps): react_jsx_runtime.JSX.Element;
+interface RailModeButtonProps {
+    mode: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    badge?: number;
+    className?: string;
+    /** Show label text next to icon (for mobile drawer) */
+    showLabel?: boolean;
+}
+declare function RailModeButton({ mode, icon, label, badge, className, showLabel }: 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 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;
+/**
+ * Width of the mobile drawer when the rail is rendered with labels
+ * (`showLabel` on {@link RailButton}). The standard 64px rail is only
+ * wide enough for icons; labels need a wider container to avoid truncation.
+ */
+declare const SIDEBAR_MOBILE_WIDTH = 256;
+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;
+    /** Whether there are panels at all */
+    hasPanels: boolean;
+}
+interface SidebarProviderProps {
+    defaultPanelOpen?: boolean;
+    defaultMode?: string;
+    hasPanels?: boolean;
+    children: React.ReactNode;
+}
+declare function SidebarProvider({ defaultPanelOpen, defaultMode, hasPanels, children, }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
+declare function useSidebar(): SidebarContextValue;
+
+interface CreditBalanceProps {
+    amount: number;
+    description?: string;
+    onTopUp?: (amount: number) => void;
+    quickAmounts?: number[];
+    className?: string;
+}
+declare function CreditBalance({ amount, description, onTopUp, quickAmounts, className, }: CreditBalanceProps): react_jsx_runtime.JSX.Element;
+
+interface ClusterStatusItem {
+    icon?: React.ReactNode;
+    label: string;
+    value: React.ReactNode;
+    valueClass?: string;
+}
+interface ClusterStatusBarProps {
+    items: ClusterStatusItem[];
+    latency?: string;
+    className?: string;
+}
+declare function ClusterStatusBar({ items, latency, className }: ClusterStatusBarProps): react_jsx_runtime.JSX.Element | null;
+
+interface ResourceMeterProps {
+    label: string;
+    value: number;
+    max?: number;
+    unit?: string;
+    icon?: React.ReactNode;
+    className?: string;
+}
+declare function ResourceMeter({ label, value, max, unit, icon, className }: ResourceMeterProps): react_jsx_runtime.JSX.Element;
+
+type SandboxStatus = "running" | "hibernating" | "provisioning" | "stopped" | "failed" | "archived" | "creating";
+type TeamRole = "owner" | "admin" | "member" | "viewer";
+interface SandboxCardData {
+    id: string;
+    name: string;
+    nodeId?: string;
+    status: SandboxStatus;
+    image?: string;
+    imageIcon?: React.ReactNode;
+    cpuPercent?: number;
+    ramUsed?: number;
+    ramTotal?: number;
+    provisioningMessage?: string;
+    provisioningPercent?: number;
+    archivedAt?: string;
+    /**
+     * Populated when the sandbox is shared with a team. Drives a small
+     * "shared with X" badge in the card header so a user can see at a
+     * glance which of their sandboxes are personal vs. collaborative.
+     */
+    team?: {
+        id: string;
+        name?: string;
+        /** Caller's role in the team — the card uses this to gate the Delete action. */
+        role: TeamRole;
+    };
+}
+interface SandboxCardProps {
+    sandbox: SandboxCardData;
+    onOpenIDE?: (id: string) => void;
+    onOpenTerminal?: (id: string) => void;
+    onWake?: (id: string) => void;
+    onRestore?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    onStop?: (id: string) => void;
+    onResume?: (id: string) => void;
+    onFork?: (id: string) => void;
+    onKeepAlive?: (id: string) => void;
+    onUsage?: (id: string) => void;
+    onHealth?: (id: string) => void;
+    className?: string;
+}
+declare function canAdminSandbox(sandbox: SandboxCardData): boolean;
+declare function SandboxCard({ sandbox, onOpenIDE, onOpenTerminal, onWake, onRestore, onDelete, onStop, onResume, onFork, onKeepAlive, onUsage, onHealth, className }: SandboxCardProps): react_jsx_runtime.JSX.Element;
+interface NewSandboxCardProps {
+    onClick?: () => void;
+    className?: string;
+}
+declare function NewSandboxCard({ onClick, className }: NewSandboxCardProps): react_jsx_runtime.JSX.Element;
+
+interface SandboxTableProps {
+    sandboxes: SandboxCardData[];
+    page?: number;
+    pageSize?: number;
+    total?: number;
+    onPageChange?: (page: number) => void;
+    onOpenIDE?: (id: string) => void;
+    onOpenTerminal?: (id: string) => void;
+    onSSH?: (id: string) => void;
+    onWake?: (id: string) => void;
+    onMore?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    className?: string;
+}
+declare function SandboxTable({ sandboxes, page, pageSize, total, onPageChange, onOpenIDE, onOpenTerminal, onSSH, onWake, onMore, onDelete, className, }: SandboxTableProps): react_jsx_runtime.JSX.Element;
+
+interface Invoice {
+    id: string;
+    date: string;
+    amount: number;
+    status: "paid" | "pending" | "failed";
+}
+interface InvoiceTableProps {
+    invoices: Invoice[];
+    onExportAll?: () => void;
+    onLoadMore?: () => void;
+    onViewInvoice?: (id: string) => void;
+    hasMore?: boolean;
+    className?: string;
+}
+declare function InvoiceTable({ invoices, onExportAll, onLoadMore, onViewInvoice, hasMore, className }: InvoiceTableProps): react_jsx_runtime.JSX.Element;
+
+interface PlanFeature {
+    text: string;
+}
+interface PlanCardData {
+    id: string;
+    name: string;
+    price: number;
+    period?: string;
+    features: PlanFeature[];
+    popular?: boolean;
+    current?: boolean;
+    ctaLabel?: string;
+    onSelect?: (id: string) => void;
+}
+interface PlanCardsProps {
+    plans: PlanCardData[];
+    className?: string;
+}
+declare function PlanCards({ plans, className }: PlanCardsProps): react_jsx_runtime.JSX.Element;
+
+interface Backend {
+    type: string;
+    label: string;
+    description?: string;
+}
+interface BackendSelectorProps {
+    backends: Backend[];
+    selected: string;
+    onChange: (selected: string) => void;
+    label?: string;
+    placeholder?: string;
+    className?: string;
+}
+declare function BackendSelector({ backends, selected, onChange, label, placeholder, className, }: BackendSelectorProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Sandbox agent harness types — mirrors `BackendType` from
+ * `@tangle-network/sandbox` SDK. Kept in lockstep with that enum:
+ * if the SDK adds a backend, add it here too.
+ */
+type HarnessType = "opencode" | "claude-code" | "codex" | "amp" | "factory-droids" | "cli-base";
+interface HarnessOption extends Backend {
+    type: HarnessType;
+}
+/**
+ * Default option list with human-readable copy. Order is curated so the
+ * recommended choice (`opencode`) appears first; `cli-base` (no agent) last.
+ */
+declare const HARNESS_OPTIONS: readonly HarnessOption[];
+interface HarnessPickerProps extends Omit<BackendSelectorProps, "backends" | "selected" | "onChange"> {
+    value: HarnessType;
+    onChange: (next: HarnessType) => void;
+    /** Filter the available harnesses (e.g. by plan tier). Defaults to all. */
+    available?: ReadonlyArray<HarnessType>;
+    /** Override or extend the option metadata. Keys are HarnessType. */
+    optionsOverride?: Partial<Record<HarnessType, Partial<Omit<HarnessOption, "type">>>>;
+}
+/**
+ * Type-safe harness/backend selector for sandbox-backed agent products.
+ *
+ * Wraps the generic {@link BackendSelector} with the canonical harness list
+ * baked in, so consumers don't have to re-declare it (or risk drifting from
+ * the SDK enum).
+ */
+declare function HarnessPicker({ value, onChange, available, optionsOverride, label, ...rest }: HarnessPickerProps): react_jsx_runtime.JSX.Element;
+
+type ProductVariant = "sandbox";
+interface NavItem {
+    id: string;
+    label: string;
+    href?: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    badge?: number;
+}
+interface DashboardUser {
+    email: string;
+    name?: string;
+    tier?: string;
+    avatarUrl?: string;
+}
+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;
+    onLogout?: () => void;
+    onSettingsClick?: () => void;
+    settingsHref?: string;
+    onNewSandbox?: () => void;
+    className?: string;
+    sidebarClassName?: string;
+    contentClassName?: string;
+    topNavLinks?: TopNavLink[];
+    activeTopNavHref?: string;
+    LinkComponent?: React.ComponentType<any>;
+    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;
+    /** Notification data for the bell dropdown */
+    notifications?: {
+        items: {
+            id: string;
+            title: string;
+            message: string;
+            read: boolean;
+            createdAt: string;
+        }[];
+        unreadCount: number;
+        onMarkRead?: (id: string) => void;
+        onMarkAllRead?: () => void;
+    };
+}
+declare function DashboardLayout({ defaultPanelOpen, defaultMode, ...props }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface Profile {
+    id: string;
+    name: string;
+    description?: string;
+    is_builtin?: boolean;
+    extends?: string;
+    model?: string;
+    metrics?: {
+        total_runs: number;
+        success_rate: number;
+        avg_duration_ms: number;
+    };
+}
+interface ProfileSelectorProps {
+    profiles: Profile[];
+    selectedId?: string | null;
+    onSelect: (profile: Profile | null) => void;
+    onCreateClick?: () => void;
+    onManageClick?: () => void;
+    label?: string;
+    placeholder?: string;
+    showMetrics?: boolean;
+    className?: string;
+}
+declare function ProfileSelector({ profiles, selectedId, onSelect, onCreateClick, onManageClick, label, placeholder, showMetrics, className, }: ProfileSelectorProps): react_jsx_runtime.JSX.Element;
+/**
+ * Profile performance comparison card.
+ * Shows metrics from multiple profiles side by side.
+ */
+interface ProfileComparisonProps {
+    profiles: Profile[];
+    className?: string;
+}
+declare function ProfileComparison({ profiles, className, }: ProfileComparisonProps): react_jsx_runtime.JSX.Element | null;
+
+type VariantStatus = "pending" | "running" | "completed" | "failed" | "cancelled";
+type VariantOutcome = "pending_review" | "accepted" | "rejected" | "merged_with_conflicts" | "expired";
+interface Variant {
+    id: string;
+    label: string;
+    sublabel?: string;
+    status: VariantStatus;
+    outcome?: VariantOutcome;
+    durationMs?: number;
+    error?: string;
+    summary?: string;
+    /** Link to view variant details (e.g., chat UI) */
+    detailsUrl?: string;
+}
+interface VariantListProps {
+    variants: Variant[];
+    selectedId?: string | null;
+    onSelect?: (id: string) => void;
+    onAccept?: (id: string) => void;
+    onReject?: (id: string) => void;
+    isActioning?: string | null;
+    className?: string;
+}
+declare function VariantList({ variants, selectedId, onSelect, onAccept, onReject, isActioning, className, }: VariantListProps): react_jsx_runtime.JSX.Element;
 
 interface SystemLogsViewerProps {
     apiUrl: string;
@@ -154,4 +600,4 @@ interface InfoPanelProps {
 }
 declare function InfoPanel({ label, title, description, className }: InfoPanelProps): react_jsx_runtime.JSX.Element;
 
-export { BackendConfig, type BackendConfigProps, type BackendStatusData, type SnapshotInfo as DashboardSnapshotInfo, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, InfoPanel, type InfoPanelProps, type McpServer, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, PortsList, type PortsListProps, type ProcessInfo, ProcessList, type ProcessListProps, PromoBanner, type PromoBannerProps, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, UsageSummary, type UsageSummaryData, type UsageSummaryProps };
+export { type Backend, BackendConfig, type BackendConfigProps, BackendSelector, type BackendSelectorProps, 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, HARNESS_OPTIONS, HarnessPicker, type HarnessPickerProps, type HarnessType, InfoPanel, type InfoPanelProps, type Invoice, InvoiceTable, type InvoiceTableProps, type McpServer, type NavItem, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, NewSandboxCard, type NewSandboxCardProps, 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, useSidebar };