@tangle-network/sandbox-ui 0.3.11 → 0.3.13

package/dist/chunk-GRYHFH5O.js

@@ -1,110 +0,0 @@
-// src/hooks/use-pty-session.ts
-import { useState, useEffect, useRef, useCallback } from "react";
-function usePtySession({ apiUrl, token, onData }) {
-  const [isConnected, setIsConnected] = useState(false);
-  const [error, setError] = useState(null);
-  const sessionIdRef = useRef(null);
-  const eventSourceRef = useRef(null);
-  const retryTimerRef = useRef(void 0);
-  const mountedRef = useRef(true);
-  const onDataRef = useRef(onData);
-  onDataRef.current = onData;
-  const cleanup = useCallback(() => {
-    if (retryTimerRef.current) {
-      clearTimeout(retryTimerRef.current);
-      retryTimerRef.current = void 0;
-    }
-    if (eventSourceRef.current) {
-      eventSourceRef.current.close();
-      eventSourceRef.current = null;
-    }
-    if (sessionIdRef.current) {
-      const sid = sessionIdRef.current;
-      sessionIdRef.current = null;
-      fetch(`${apiUrl}/terminals/${sid}`, {
-        method: "DELETE",
-        headers: { Authorization: `Bearer ${token}` }
-      }).catch(() => {
-      });
-    }
-    setIsConnected(false);
-  }, [apiUrl, token]);
-  const connect = useCallback(async () => {
-    cleanup();
-    setError(null);
-    try {
-      const res = await fetch(`${apiUrl}/terminals`, {
-        method: "POST",
-        headers: {
-          Authorization: `Bearer ${token}`,
-          "Content-Type": "application/json"
-        }
-      });
-      if (!res.ok) {
-        throw new Error(`Failed to create terminal: ${res.status}`);
-      }
-      const body = await res.json();
-      const sessionId = body.data?.sessionId ?? body.sessionId;
-      if (!sessionId) throw new Error("No sessionId in response");
-      if (!mountedRef.current) return;
-      sessionIdRef.current = sessionId;
-      const streamUrl = `${apiUrl}/terminals/${sessionId}/stream?token=${encodeURIComponent(token)}`;
-      const es = new EventSource(streamUrl);
-      eventSourceRef.current = es;
-      es.onopen = () => {
-        if (mountedRef.current) {
-          setIsConnected(true);
-          setError(null);
-        }
-      };
-      es.onmessage = (event) => {
-        if (mountedRef.current && event.data) {
-          onDataRef.current(event.data);
-        }
-      };
-      es.onerror = () => {
-        if (!mountedRef.current) return;
-        es.close();
-        eventSourceRef.current = null;
-        setIsConnected(false);
-        retryTimerRef.current = setTimeout(() => {
-          if (mountedRef.current) connect();
-        }, 3e3);
-      };
-    } catch (err) {
-      if (mountedRef.current) {
-        setError(err instanceof Error ? err.message : "Terminal connection failed");
-        setIsConnected(false);
-      }
-    }
-  }, [apiUrl, token, cleanup]);
-  const sendCommand = useCallback(async (command) => {
-    const sid = sessionIdRef.current;
-    if (!sid) return;
-    const res = await fetch(`${apiUrl}/terminals/${sid}/execute`, {
-      method: "POST",
-      headers: {
-        Authorization: `Bearer ${token}`,
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ command })
-    });
-    if (!res.ok) {
-      const text = await res.text();
-      throw new Error(text || `Execute failed: ${res.status}`);
-    }
-  }, [apiUrl, token]);
-  useEffect(() => {
-    mountedRef.current = true;
-    connect();
-    return () => {
-      mountedRef.current = false;
-      cleanup();
-    };
-  }, [connect, cleanup]);
-  return { isConnected, error, sendCommand, reconnect: connect };
-}
-
-export {
-  usePtySession
-};

package/dist/index-BJIPTCKk.d.ts

@@ -1,264 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import './usage-chart-CY9xo3KX.js';
-
-interface SidebarNavItem {
-    id: string;
-    label: string;
-    href: string;
-    icon: string;
-    badge?: string;
-}
-interface SidebarSandbox {
-    id: string;
-    name: string;
-    label?: string;
-}
-interface AppSidebarProps {
-    navItems: SidebarNavItem[];
-    activeNavId?: string;
-    sandboxes?: SidebarSandbox[];
-    activeSandboxId?: string;
-    onSandboxChange?: (id: string) => void;
-    onNewAgent?: () => void;
-    className?: string;
-    LinkComponent?: React.ComponentType<any>;
-}
-declare function AppSidebar({ navItems, activeNavId, sandboxes, activeSandboxId, onSandboxChange, onNewAgent, className, LinkComponent, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
-
-interface ClusterStatusItem {
-    icon: string;
-    label: string;
-    value: string;
-    valueClass?: string;
-}
-interface ClusterStatusBarProps {
-    items: ClusterStatusItem[];
-    latency?: string;
-    className?: string;
-}
-declare function ClusterStatusBar({ items, latency, className }: ClusterStatusBarProps): react_jsx_runtime.JSX.Element;
-
-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;
-    }>;
-    /** Material icon name for Stitch sidebar (optional, falls back to icon component) */
-    materialIcon?: string;
-}
-interface DashboardUser {
-    email: string;
-    name?: string;
-    tier?: string;
-    avatarUrl?: string;
-}
-interface TopNavLink {
-    label: string;
-    href: string;
-}
-interface DashboardLayoutProps {
-    children: React.ReactNode;
-    variant?: ProductVariant;
-    navItems: NavItem[];
-    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;
-    sandboxName?: string;
-    sandboxLabel?: string;
-    /** Custom link component (e.g., Next.js Link). Use any type to support various router implementations. */
-    LinkComponent?: React.ComponentType<any>;
-    /** Footer content rendered at bottom of viewport */
-    footer?: React.ReactNode;
-}
-declare function DashboardLayout({ children, variant, navItems, activeNavId, user, isLoading, onLogout, onSettingsClick, settingsHref, onNewSandbox, className, sidebarClassName, contentClassName, topNavLinks, activeTopNavHref, sandboxName, sandboxLabel, LinkComponent, footer, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
-
-interface ResourceMeterProps {
-    label: string;
-    value: number;
-    max?: number;
-    unit?: string;
-    icon?: string;
-    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";
-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;
-}
-interface SandboxCardProps {
-    sandbox: SandboxCardData;
-    onOpenIDE?: (id: string) => void;
-    onOpenTerminal?: (id: string) => void;
-    onWake?: (id: string) => void;
-    onRestore?: (id: string) => void;
-    className?: string;
-}
-declare function SandboxCard({ sandbox, onOpenIDE, onOpenTerminal, onWake, onRestore, 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;
-    className?: string;
-}
-declare function SandboxTable({ sandboxes, page, pageSize, total, onPageChange, onOpenIDE, onOpenTerminal, onSSH, onWake, onMore, 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;
-    hint?: string;
-    multiSelect?: boolean;
-    className?: string;
-}
-declare function BackendSelector({ backends, selected, onChange, label, hint, multiSelect, className, }: BackendSelectorProps): 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 { AppSidebar as A, type Backend as B, ClusterStatusBar as C, DashboardLayout as D, type SidebarSandbox as E, type VariantListProps as F, type Profile as G, type PlanFeature as H, type Invoice as I, type ProductVariant as J, type Variant as K, type VariantOutcome as L, type VariantStatus as M, type NavItem as N, type PlanCardData as P, ResourceMeter as R, SandboxCard as S, type TopNavLink as T, VariantList as V, type AppSidebarProps as a, BackendSelector as b, type BackendSelectorProps as c, type ClusterStatusBarProps as d, type ClusterStatusItem as e, CreditBalance as f, type CreditBalanceProps as g, type DashboardLayoutProps as h, type DashboardUser as i, InvoiceTable as j, type InvoiceTableProps as k, NewSandboxCard as l, type NewSandboxCardProps as m, PlanCards as n, type PlanCardsProps as o, ProfileComparison as p, type ProfileComparisonProps as q, ProfileSelector as r, type ProfileSelectorProps as s, type ResourceMeterProps as t, type SandboxCardData as u, type SandboxCardProps as v, type SandboxStatus as w, SandboxTable as x, type SandboxTableProps as y, type SidebarNavItem as z };