@tangle-network/sandbox-ui 0.6.1 → 0.8.4

package/dist/{chunk-TDYQBLL5.js → chunk-ZMNSRDMH.js}

@@ -7,10 +7,10 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 var Card = React.forwardRef(({ className, variant = "default", hover = false, ...props }, ref) => {
   const variants = {
-    default: "bg-card border-[var(--border-default)]",
-    elevated: "bg-[var(--bg-elevated)] border-[var(--border-subtle)] shadow-[var(--shadow-card)]",
-    glass: "bg-[var(--depth-2)] border-[var(--border-subtle)] shadow-[var(--shadow-card)]",
-    sandbox: "bg-[var(--depth-3)] border-[var(--border-accent)] shadow-[var(--shadow-accent)]"
+    default: "bg-card border-border",
+    elevated: "bg-muted/50 border-border shadow-[var(--shadow-card)]",
+    glass: "bg-card/80 backdrop-blur-xl border-border shadow-[var(--shadow-card)]",
+    sandbox: "bg-muted/50 border-primary/20 shadow-[var(--shadow-accent)]"
   };
   return /* @__PURE__ */ jsx(
     "div",
@@ -20,7 +20,7 @@ var Card = React.forwardRef(({ className, variant = "default", hover = false, ..
         "rounded-[var(--radius-lg)] border text-card-foreground transition-[border-color,box-shadow]",
         "duration-[var(--transition-default)]",
         variants[variant],
-        hover && "cursor-pointer hover:border-[var(--border-hover)]",
+        hover && "cursor-pointer hover:border-primary/30",
         className
       ),
       ...props
@@ -83,7 +83,7 @@ var badgeVariants = cva(
         warning: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
         error: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]",
         info: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
-        sandbox: "border-[var(--border-accent)] bg-[var(--accent-surface-soft)] text-[var(--accent-text)]",
+        sandbox: "border-border bg-[var(--accent-surface-soft)] text-[var(--accent-text)]",
         /* Operational status variants */
         running: "border-[var(--surface-teal-border)] bg-[var(--surface-teal-bg)] text-[var(--surface-teal-text)]",
         creating: "border-[var(--surface-violet-border)] bg-[var(--surface-violet-bg)] text-[var(--surface-violet-text)]",

package/dist/dashboard.d.ts

@@ -1,4 +1,136 @@
-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, ag as DashboardProfile, h as DashboardUser, I as Invoice, i as InvoiceTable, j as InvoiceTableProps, N as NavItem, k as NewSandboxCard, l as NewSandboxCardProps, m as PlanCardData, n as PlanCards, o as PlanCardsProps, ah as PlanFeature, p as ProductVariant, q as ProfileAvatar, r as ProfileAvatarProps, s as ProfileComparison, t as ProfileComparisonProps, u as ProfileSelector, v as ProfileSelectorProps, R as RailButton, w as RailButtonProps, x as RailModeButton, y as RailModeButtonProps, z as RailSeparator, A as RailSeparatorProps, E as ResourceMeter, F as ResourceMeterProps, S as SIDEBAR_PANEL_WIDTH, G as SIDEBAR_RAIL_WIDTH, H as SIDEBAR_TOTAL_WIDTH, J as SandboxCard, K as SandboxCardData, L as SandboxCardProps, M as SandboxStatus, O as SandboxTable, Q as SandboxTableProps, T as Sidebar, U as SidebarContent, V as SidebarContentProps, W as SidebarPanel, X as SidebarPanelContent, Y as SidebarPanelContentProps, Z as SidebarPanelHeader, _ as SidebarPanelHeaderProps, $ as SidebarPanelProps, a0 as SidebarProps, a1 as SidebarProvider, a2 as SidebarProviderProps, a3 as SidebarRail, a4 as SidebarRailFooter, a5 as SidebarRailFooterProps, a6 as SidebarRailHeader, a7 as SidebarRailHeaderProps, a8 as SidebarRailNav, a9 as SidebarRailNavProps, aa as SidebarRailProps, ab as SidebarUser, ai as Variant, ad as VariantList, ae as VariantListProps, aj as VariantOutcome, ak as VariantStatus, af as useSidebar } from './index-BT_-ecpc.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 } from './usage-chart-XCoB_7Xu.js';
-import 'react/jsx-runtime';
+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, P as DashboardProfile, h as DashboardUser, I as Invoice, i as InvoiceTable, j as InvoiceTableProps, N as NavItem, k as NewSandboxCard, l as NewSandboxCardProps, m as PlanCardData, n as PlanCards, o as PlanCardsProps, p as PlanFeature, q as ProductVariant, r as ProfileAvatar, s as ProfileAvatarProps, t as ProfileComparison, u as ProfileComparisonProps, v as ProfileSelector, w as ProfileSelectorProps, R as RailButton, x as RailButtonProps, y as RailModeButton, z as RailModeButtonProps, A as RailSeparator, E as RailSeparatorProps, F as ResourceMeter, G as ResourceMeterProps, S as SIDEBAR_PANEL_WIDTH, H as SIDEBAR_RAIL_WIDTH, J as SIDEBAR_TOTAL_WIDTH, K as SandboxCard, L as SandboxCardData, M as SandboxCardProps, O as SandboxStatus, Q as SandboxTable, T as SandboxTableProps, U as Sidebar, V as SidebarContent, W as SidebarContentProps, X as SidebarPanel, Y as SidebarPanelContent, Z as SidebarPanelContentProps, _ as SidebarPanelHeader, $ as SidebarPanelHeaderProps, a0 as SidebarPanelProps, a1 as SidebarProps, a2 as SidebarProvider, a3 as SidebarProviderProps, a4 as SidebarRail, a5 as SidebarRailFooter, a6 as SidebarRailFooterProps, a7 as SidebarRailHeader, a8 as SidebarRailHeaderProps, a9 as SidebarRailNav, aa as SidebarRailNavProps, ab as SidebarRailProps, ac as SidebarUser, ad as Variant, ae as VariantList, af as VariantListProps, ag as VariantOutcome, ah as VariantStatus, ai as useSidebar } from './variant-list-C8wx2TqF.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 } from './usage-chart-SSiOgeQI.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 'react';
+
+interface SystemLogsViewerProps {
+    apiUrl: string;
+    token: string;
+    className?: string;
+}
+declare function SystemLogsViewer({ apiUrl, token, className }: SystemLogsViewerProps): react_jsx_runtime.JSX.Element;
+
+interface UsageSummaryData {
+    computeHours: number;
+    activeSessions: number;
+    messagesSent: number;
+    estimatedCost: number;
+}
+interface UsageSummaryProps {
+    data: UsageSummaryData | null;
+    loading?: boolean;
+    className?: string;
+}
+declare function UsageSummary({ data, loading, className }: UsageSummaryProps): react_jsx_runtime.JSX.Element;
+
+interface GitStatusData {
+    branch: string;
+    isDirty: boolean;
+    ahead: number;
+    behind: number;
+    staged: string[];
+    modified: string[];
+    untracked: string[];
+}
+interface GitCommitData {
+    shortSha: string;
+    message: string;
+    author: string;
+    date: string;
+}
+interface GitPanelProps {
+    status: GitStatusData | null;
+    log: GitCommitData[];
+    loading?: boolean;
+    onRefresh?: () => void;
+    className?: string;
+}
+declare function GitPanel({ status, log, loading, onRefresh, className }: GitPanelProps): react_jsx_runtime.JSX.Element;
+
+interface ExposedPort {
+    port: number;
+    url: string;
+    status: "active" | "pending";
+}
+interface PortsListProps {
+    ports: ExposedPort[];
+    onExposePort: (port: number) => void;
+    onRemovePort?: (port: number) => void;
+    isExposing?: boolean;
+    className?: string;
+}
+declare function PortsList({ ports, onExposePort, onRemovePort, isExposing, className }: PortsListProps): react_jsx_runtime.JSX.Element;
+
+interface ProcessInfo {
+    pid: number;
+    command: string;
+    running: boolean;
+    exitCode?: number;
+    startedAt?: string;
+    cwd?: string;
+}
+interface ProcessListProps {
+    processes: ProcessInfo[];
+    onSpawn: (command: string) => void;
+    onKill: (pid: number) => void;
+    loading?: boolean;
+    className?: string;
+}
+declare function ProcessList({ processes, onSpawn, onKill, loading, className }: ProcessListProps): react_jsx_runtime.JSX.Element;
+
+interface NetworkConfigData {
+    blockOutbound: boolean;
+    allowList: string[];
+}
+interface NetworkConfigProps {
+    config: NetworkConfigData | null;
+    onUpdate: (config: Partial<NetworkConfigData>) => void;
+    loading?: boolean;
+    className?: string;
+}
+declare function NetworkConfig({ config, onUpdate, loading, className }: NetworkConfigProps): react_jsx_runtime.JSX.Element;
+
+interface BackendStatusData {
+    running: boolean;
+    model?: string;
+    provider?: string;
+    uptime?: number;
+}
+interface McpServer {
+    name: string;
+    command: string;
+    args?: string[];
+    status?: "running" | "stopped" | "error";
+}
+interface BackendConfigProps {
+    status: BackendStatusData | null;
+    mcpServers: McpServer[];
+    onAddMcp: (server: {
+        name: string;
+        command: string;
+        args?: string[];
+    }) => void;
+    onRemoveMcp: (name: string) => void;
+    onRestart: () => void;
+    loading?: boolean;
+    className?: string;
+}
+declare function BackendConfig({ status, mcpServers, onAddMcp, onRemoveMcp, onRestart, loading, className, }: BackendConfigProps): react_jsx_runtime.JSX.Element;
+
+interface SnapshotInfo {
+    id: string;
+    createdAt: string;
+    sizeBytes?: number;
+    tags?: string[];
+}
+interface SnapshotListProps {
+    snapshots: SnapshotInfo[];
+    onCreate: (tags?: string[]) => void;
+    onRestore: (snapshotId: string) => void;
+    loading?: boolean;
+    className?: string;
+}
+declare function SnapshotList({ snapshots, onCreate, onRestore, loading, className }: SnapshotListProps): react_jsx_runtime.JSX.Element;
+
+export { BackendConfig, type BackendConfigProps, type BackendStatusData, type SnapshotInfo as DashboardSnapshotInfo, type ExposedPort, type GitCommitData, GitPanel, type GitPanelProps, type GitStatusData, type McpServer, NetworkConfig, type NetworkConfigData, type NetworkConfigProps, PortsList, type PortsListProps, type ProcessInfo, ProcessList, type ProcessListProps, SnapshotList, type SnapshotListProps, SystemLogsViewer, type SystemLogsViewerProps, UsageSummary, type UsageSummaryData, type UsageSummaryProps };