@tangle-network/sandbox-ui 0.14.0 → 0.15.1

package/dist/use-sandbox-metrics-DWc0k9Xm.d.ts

@@ -1,153 +0,0 @@
-interface AuthUser {
-    customer_id: string;
-    email: string;
-    name?: string;
-    tier: string;
-    github?: {
-        login: string;
-        connected: boolean;
-    } | null;
-    session_expires_at?: string;
-}
-interface UseAuthOptions {
-    apiBaseUrl: string;
-    revalidateOnFocus?: boolean;
-    shouldRetryOnError?: boolean;
-}
-interface UseAuthResult {
-    user: AuthUser | null;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    mutate: () => Promise<void>;
-}
-/**
- * Hook for managing authentication state.
- * Fetches user session from the API and provides loading/error states.
- */
-declare function useAuth({ apiBaseUrl, revalidateOnFocus, shouldRetryOnError, }: UseAuthOptions): UseAuthResult;
-/**
- * Creates a fetcher function that includes auth credentials.
- * Uses both cookie-based session and localStorage API key for backwards compatibility.
- */
-declare function createAuthFetcher(_apiBaseUrl: string): <T = unknown>(url: string, options?: RequestInit) => Promise<T>;
-/**
- * Hook to get the API key from localStorage.
- * For backwards compatibility with API key-based auth.
- */
-declare function useApiKey(): string | null;
-
-interface UsePtySessionOptions {
-    /** Base URL of the sidecar (e.g. "http://localhost:9100"). */
-    apiUrl: string;
-    /** Bearer token for authentication. */
-    token: string;
-    /** Called with raw PTY output (may contain ANSI escape codes). */
-    onData: (data: string) => void;
-}
-interface UsePtySessionReturn {
-    /** Whether the underlying transport is connected and receiving data. */
-    isConnected: boolean;
-    /** Connection or API error, if any. */
-    error: string | null;
-    /** Send a command to the PTY session. */
-    sendCommand: (command: string) => Promise<void>;
-    /** Safely resize the remote PTY. */
-    resizeTerminal: (cols: number, rows: number) => Promise<void>;
-    /** Tear down and reconnect. */
-    reconnect: () => void;
-}
-/**
- * Manages a PTY session against the sidecar terminal API.
- *
- * Transport:
- *   1. POST /terminals creates the session.
- *   2. The hook tries WebSocket: GET /terminals/:id/ws (Upgrade).
- *      - Server → client: TEXT frames carrying raw PTY output.
- *      - Client → server: BINARY frames carrying stdin (UTF-8); TEXT
- *        frames carrying JSON control messages (`{"type":"resize",...}`).
- *   3. If the WS does not reach OPEN within WS_OPEN_TIMEOUT_MS, or it
- *      errors before opening, the hook falls back to SSE+POST:
- *      - GET /terminals/:id/stream (SSE for output)
- *      - POST /terminals/:id/input (one batched POST at a time)
- *      - PATCH /terminals/:id (resize)
- *   4. DELETE /terminals/:id closes the session (both transports).
- *
- * The WS path eliminates the per-keystroke HTTP round-trip that
- * dominates typing latency through edge proxies; the HTTP+SSE path is
- * preserved as a fallback so the hook keeps working against
- * deployments that have not yet shipped the WS endpoint.
- */
-declare function usePtySession({ apiUrl, token, onData }: UsePtySessionOptions): UsePtySessionReturn;
-
-/**
- * Returns `Date.now()` and re-renders every `intervalMs` so derived
- * values like "uptime" tick forward without polling upstream data.
- */
-declare function useLiveTime(intervalMs?: number): number;
-
-/**
- * Shape returned by the sidecar `/metrics/json` endpoint. Only the
- * fields read by this hook are modeled; the sidecar may add more.
- */
-interface SidecarMetricsPayload {
-    process?: {
-        memoryBytes?: {
-            rss?: number;
-            heapTotal?: number;
-            heapUsed?: number;
-            external?: number;
-            arrayBuffers?: number;
-        };
-        cpuSeconds?: {
-            user?: number;
-            system?: number;
-        };
-    };
-}
-interface SandboxMetrics {
-    /**
-     * CPU% derived from consecutive samples. `null` on the first sample
-     * because a delta is required. Can exceed 100 on multi-core hosts.
-     */
-    cpuPercent: number | null;
-    rssBytes: number;
-    heapUsedBytes: number;
-    heapTotalBytes: number;
-}
-interface UseSandboxMetricsOptions {
-    /** Sandbox API base URL, e.g. `https://api.tangle.tools`. */
-    apiBaseUrl: string;
-    /** Sandbox id; when falsy the hook stays idle. */
-    sandboxId?: string | null;
-    /**
-     * Optional bearer token. When omitted the fetch still sends
-     * credentials so a cookie session can authenticate the proxy.
-     */
-    token?: string | null;
-    /** Pause polling when false. Defaults to true. */
-    enabled?: boolean;
-    /** Poll cadence; clamped to a 500ms floor. Defaults to 3000. */
-    intervalMs?: number;
-}
-interface UseSandboxMetricsResult {
-    metrics: SandboxMetrics | null;
-    /**
-     * True only until the first successful sample has arrived (or the
-     * first one after the target `sandboxId` changes). Subsequent polls
-     * do not flip this back to true, so consumers can gate a spinner
-     * on it without it flashing on every cycle.
-     */
-    loading: boolean;
-    error: Error | null;
-    /** Wall-clock ms of the last successful sample, or null. */
-    lastUpdatedAt: number | null;
-}
-/**
- * Polls the sandbox's sidecar metrics through the API proxy and
- * derives a CPU% value from consecutive cumulative-CPU samples. Used
- * by the sandbox overview dashboard to drive live CPU/memory panels.
- */
-declare function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled, intervalMs, }: UseSandboxMetricsOptions): UseSandboxMetricsResult;
-
-export { type AuthUser as A, type SandboxMetrics as S, type UseAuthOptions as U, type SidecarMetricsPayload as a, type UseAuthResult as b, type UsePtySessionOptions as c, type UsePtySessionReturn as d, type UseSandboxMetricsOptions as e, type UseSandboxMetricsResult as f, createAuthFetcher as g, useAuth as h, useLiveTime as i, usePtySession as j, useSandboxMetrics as k, useApiKey as u };

package/dist/variant-list-BrHYcBCk.d.ts

@@ -1,540 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-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 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 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 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;
-
-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 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 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;
-
-/**
- * Wire-format model entry as returned by `/v1/models` on the Tangle Router
- * (and most OpenAI-compatible gateways). Field names match the upstream
- * response so consumers can pass `data.data` straight through.
- */
-interface ModelInfo {
-    /** Provider-local id, e.g. "gpt-5.4" or "anthropic/claude-sonnet-4-6". */
-    id: string;
-    /** Human label (defaults to id if absent). */
-    name?: string;
-    /** Provider key, e.g. "openai", "anthropic". Underscored for compat with router. */
-    _provider?: string;
-    /** Alternative provider field on some gateways. */
-    provider?: string;
-    /**
-     * Per-token prices in USD as decimal strings. Multiply by 1_000_000 for
-     * the conventional $/M tokens display.
-     */
-    pricing?: {
-        prompt?: string | null;
-        completion?: string | null;
-    };
-    context_length?: number;
-    description?: string | null;
-    architecture?: {
-        modality?: string;
-        input_modalities?: string[];
-        output_modalities?: string[];
-    };
-}
-/**
- * Curated preset bucket. Three are surfaced by default — they map to typical
- * cost/quality tradeoffs without forcing the consumer to pick a specific
- * model. `match` resolves the preset against the loaded model list.
- */
-interface ModelPreset {
-    id: "fast" | "balanced" | "best" | string;
-    label: string;
-    hint: string;
-    icon?: React.ComponentType<{
-        className?: string;
-    }>;
-    /**
-     * Pick the canonical model id for this preset given the loaded list.
-     * Should return undefined if no acceptable model is loaded yet.
-     */
-    match: (models: ModelInfo[]) => string | undefined;
-}
-type ModelPickerVariant = "field" | "pill";
-interface ModelPickerProps {
-    /** Canonical model id (provider-prefixed, e.g. "openai/gpt-5.4"). */
-    value: string;
-    onChange: (modelId: string) => void;
-    /** Models to choose from. Pass `[]` while loading. */
-    models: ModelInfo[];
-    /** Show the loading state (overrides empty-list copy). */
-    loading?: boolean;
-    /** Recently-used canonical ids to surface at the top. */
-    recents?: ReadonlyArray<string>;
-    /**
-     * Curated presets shown above the full list. Defaults to Fast/Balanced/Best
-     * resolved against common gpt-5/Claude families.
-     */
-    presets?: ReadonlyArray<ModelPreset>;
-    /** Drop providers from the picker entirely (e.g. "audio", "embedding"). */
-    excludeProviders?: ReadonlyArray<string>;
-    /** Restrict to these architectures (e.g. ["text"]). Default: all. */
-    modalities?: ReadonlyArray<string>;
-    /** Trigger appearance. "field" = full-width form field; "pill" = inline chat input pill. */
-    variant?: ModelPickerVariant;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-}
-/**
- * Resolve the canonical id for a model. Some upstreams already prefix the
- * provider in the id (e.g. "anthropic/claude-haiku-4.5"); others put it in
- * `_provider` and leave the id bare. Always returns "<provider>/<model>"
- * unless the id is already prefixed.
- */
-declare function canonicalModelId(model: ModelInfo): string;
-/** Format $/M tokens. Returns null if pricing is missing or zero. */
-declare function formatPricing(pricing: ModelInfo["pricing"]): string | null;
-/** Format context length compactly (e.g. 200_000 → "200k"). */
-declare function formatContext(ctx: number | undefined): string | null;
-declare function ModelPicker({ value, onChange, models, loading, recents, presets, excludeProviders, modalities, variant, label, placeholder, className, disabled, }: ModelPickerProps): 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;
-
-export { SandboxTable as $, type ProfileComparisonProps as A, type Backend as B, ClusterStatusBar as C, DashboardLayout as D, ProfileSelector as E, type ProfileSelectorProps as F, type RailButtonProps as G, HARNESS_OPTIONS as H, type Invoice as I, RailModeButton as J, type RailModeButtonProps as K, RailSeparator as L, type ModelInfo as M, type NavItem as N, type RailSeparatorProps as O, type PanelConfig as P, ResourceMeter as Q, RailButton as R, type ResourceMeterProps as S, SIDEBAR_MOBILE_WIDTH as T, SIDEBAR_PANEL_WIDTH as U, SIDEBAR_RAIL_WIDTH as V, SIDEBAR_TOTAL_WIDTH as W, SandboxCard as X, type SandboxCardData as Y, type SandboxCardProps as Z, type SandboxStatus as _, BackendSelector as a, type SandboxTableProps as a0, Sidebar as a1, SidebarContent as a2, type SidebarContentProps as a3, SidebarPanel as a4, SidebarPanelContent as a5, type SidebarPanelContentProps as a6, SidebarPanelHeader as a7, type SidebarPanelHeaderProps as a8, type SidebarPanelProps as a9, type SidebarProps as aa, SidebarProvider as ab, type SidebarProviderProps as ac, SidebarRail as ad, SidebarRailFooter as ae, type SidebarRailFooterProps as af, SidebarRailHeader as ag, type SidebarRailHeaderProps as ah, SidebarRailNav as ai, type SidebarRailNavProps as aj, type SidebarRailProps as ak, type SidebarUser as al, type TopNavLink as am, VariantList as an, type VariantListProps as ao, canonicalModelId as ap, formatContext as aq, formatPricing as ar, useSidebar as as, type Profile as at, type PlanFeature as au, type TeamRole as av, type Variant as aw, type VariantOutcome as ax, type VariantStatus as ay, canAdminSandbox as az, 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, HarnessPicker as i, type HarnessPickerProps as j, type HarnessType as k, InvoiceTable as l, type InvoiceTableProps as m, ModelPicker as n, type ModelPickerProps as o, type ModelPickerVariant as p, type ModelPreset as q, NewSandboxCard as r, type NewSandboxCardProps as s, type PlanCardData as t, PlanCards as u, type PlanCardsProps as v, type ProductVariant as w, ProfileAvatar as x, type ProfileAvatarProps as y, ProfileComparison as z };