@tangle-network/sandbox-ui 0.3.3 → 0.3.5

package/dist/{chunk-COCSO7FG.js → chunk-PCTEG6HR.js}

@@ -166,8 +166,76 @@ function AuthHeader({
   );
 }
 
+// src/auth/login-layout.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function MaterialIcon({ name, className }) {
+  return /* @__PURE__ */ jsx2("span", { className: cn("material-symbols-outlined", className), style: { fontVariationSettings: "'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24" }, children: name });
+}
+function LoginLayout({
+  brandName = "Tangle Sandbox",
+  tagline,
+  subtitle = "Step into the next generation of sandboxed cloud infrastructure. Precise, ethereal, and designed for high-performance development.",
+  terminalLines = [
+    "Initializing secure environment...",
+    "DONE  Encrypted bridge established.",
+    "Awaiting user authentication..."
+  ],
+  footerLinks = [
+    { label: "Documentation", href: "/docs" },
+    { label: "Support", href: "/support" }
+  ],
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: cn("bg-surface text-on-surface font-sans overflow-hidden", className), children: [
+    /* @__PURE__ */ jsxs2("div", { className: "fixed inset-0 z-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsx2("div", { className: "absolute top-[-10%] left-[-10%] w-[50%] h-[50%] bg-md3-primary/10 rounded-full blur-[120px]" }),
+      /* @__PURE__ */ jsx2("div", { className: "absolute bottom-[-10%] right-[-10%] w-[40%] h-[40%] bg-secondary-container/10 rounded-full blur-[100px]" }),
+      /* @__PURE__ */ jsx2("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full h-full opacity-20 pointer-events-none", style: { backgroundImage: "radial-gradient(#4a4455 1px, transparent 1px)", backgroundSize: "40px 40px" } })
+    ] }),
+    /* @__PURE__ */ jsxs2("main", { className: "relative z-10 flex flex-col md:flex-row h-screen", children: [
+      /* @__PURE__ */ jsxs2("section", { className: "hidden md:flex flex-col justify-between p-12 lg:p-20 w-1/2 h-full", children: [
+        /* @__PURE__ */ jsx2("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx2("div", { className: "w-10 h-10 bg-gradient-to-br from-md3-primary to-primary-container rounded-lg flex items-center justify-center shadow-lg shadow-md3-primary/20", children: /* @__PURE__ */ jsx2(MaterialIcon, { name: "terminal", className: "text-on-primary text-2xl" }) }),
+          /* @__PURE__ */ jsx2("span", { className: "text-2xl font-extrabold tracking-tighter bg-gradient-to-br from-violet-300 to-violet-600 bg-clip-text text-transparent", children: brandName })
+        ] }) }),
+        /* @__PURE__ */ jsxs2("div", { className: "max-w-lg space-y-6", children: [
+          tagline ? /* @__PURE__ */ jsx2("div", { className: "text-5xl lg:text-7xl font-bold tracking-tight leading-none text-white", children: tagline }) : /* @__PURE__ */ jsxs2("h1", { className: "text-5xl lg:text-7xl font-bold tracking-tight leading-none text-white", children: [
+            "Orchestrate ",
+            /* @__PURE__ */ jsx2("br", {}),
+            /* @__PURE__ */ jsx2("span", { className: "text-primary-fixed-dim", children: "Agents" }),
+            " in Flow."
+          ] }),
+          /* @__PURE__ */ jsx2("p", { className: "text-on-surface-variant text-lg leading-relaxed font-light", children: subtitle }),
+          /* @__PURE__ */ jsxs2("div", { className: "mt-12 bg-surface-container-lowest rounded-xl border border-outline-variant/10 overflow-hidden shadow-2xl", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "bg-surface-container-high px-4 py-2 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx2("div", { className: "w-3 h-3 rounded-full bg-md3-error/40" }),
+              /* @__PURE__ */ jsx2("div", { className: "w-3 h-3 rounded-full bg-md3-primary/40" }),
+              /* @__PURE__ */ jsx2("div", { className: "w-3 h-3 rounded-full bg-md3-secondary/40" }),
+              /* @__PURE__ */ jsx2("span", { className: "ml-4 font-mono text-xs text-on-surface-variant/60", children: "tangle --init-node" })
+            ] }),
+            /* @__PURE__ */ jsx2("div", { className: "p-6 font-mono text-xs space-y-2", children: terminalLines.map((line, i) => /* @__PURE__ */ jsxs2("div", { className: "flex gap-4", children: [
+              /* @__PURE__ */ jsx2("span", { className: "text-md3-primary/60", children: String(i + 1).padStart(2, "0") }),
+              line.startsWith("DONE") ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                /* @__PURE__ */ jsx2("span", { className: "text-primary-fixed-dim", children: "DONE" }),
+                /* @__PURE__ */ jsx2("span", { className: "text-on-surface", children: line.replace("DONE  ", "") })
+              ] }) : /* @__PURE__ */ jsx2("span", { className: "text-on-surface", children: line })
+            ] }, i)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx2("nav", { className: "flex gap-8 text-sm font-medium text-on-surface-variant", children: footerLinks.map((link) => /* @__PURE__ */ jsxs2("a", { href: link.href, className: "hover:text-md3-primary transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx2(MaterialIcon, { name: link.label === "Documentation" ? "menu_book" : "contact_support", className: "text-lg" }),
+          link.label
+        ] }, link.href)) })
+      ] }),
+      /* @__PURE__ */ jsx2("section", { className: "w-full md:w-1/2 flex items-center justify-center p-6 lg:p-24 relative", children: /* @__PURE__ */ jsx2("div", { className: "w-full max-w-md bg-surface-container/60 backdrop-blur-[20px] rounded-[2rem] p-8 lg:p-12 shadow-2xl border border-white/5", children }) })
+    ] })
+  ] });
+}
+
 export {
   GitHubLoginButton,
   UserMenu,
-  AuthHeader
+  AuthHeader,
+  LoginLayout
 };

package/dist/{chunk-67C53XVV.js → chunk-QGI5E7JD.js}

@@ -248,7 +248,7 @@ function WorkspaceLayout({
       "data-sandbox-theme": theme,
       "data-density": density,
       className: cn(
-        "flex h-screen flex-col overflow-hidden bg-[radial-gradient(circle_at_top,rgba(98,114,243,0.14),transparent_34%),linear-gradient(180deg,var(--bg-root),var(--bg-dark)_82%)] text-[var(--text-primary)] font-[var(--font-sans)]",
+        "flex h-screen flex-col overflow-hidden bg-[var(--bg-root)] text-[var(--text-primary)] font-[var(--font-sans)]",
         className
       ),
       children: [

package/dist/dashboard.d.ts

@@ -1,114 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+export { A as AppSidebar, a as AppSidebarProps, B as Backend, b as BackendSelector, c as BackendSelectorProps, C as ClusterStatusBar, d as ClusterStatusBarProps, e as ClusterStatusItem, D as DashboardLayout, f as DashboardLayoutProps, v as DashboardProfile, g as DashboardUser, N as NavItem, h as NewSandboxCard, i as NewSandboxCardProps, w as ProductVariant, P as ProfileComparison, j as ProfileComparisonProps, k as ProfileSelector, l as ProfileSelectorProps, R as ResourceMeter, m as ResourceMeterProps, S as SandboxCard, n as SandboxCardData, o as SandboxCardProps, p as SandboxStatus, q as SandboxTable, r as SandboxTableProps, s as SidebarNavItem, t as SidebarSandbox, x as Variant, V as VariantList, u as VariantListProps, y as VariantOutcome, z as VariantStatus } from './index-BOjBJwzD.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-CY9xo3KX.js';
-import * as React from 'react';
-
-type ProductVariant = "sandbox";
-interface NavItem {
-    id: string;
-    label: string;
-    href: string;
-    icon: React.ComponentType<{
-        className?: string;
-    }>;
-}
-interface DashboardUser {
-    email: string;
-    name?: string;
-    tier?: string;
-    avatarUrl?: string;
-}
-interface DashboardLayoutProps {
-    children: React.ReactNode;
-    variant?: ProductVariant;
-    navItems: NavItem[];
-    activeNavId?: string;
-    user?: DashboardUser | null;
-    isLoading?: boolean;
-    onLogout?: () => void;
-    onSettingsClick?: () => void;
-    settingsHref?: string;
-    className?: string;
-    sidebarClassName?: string;
-    contentClassName?: string;
-    /** Custom link component (e.g., Next.js Link). Use any type to support various router implementations. */
-    LinkComponent?: React.ComponentType<any>;
-}
-declare function DashboardLayout({ children, variant, navItems, activeNavId, user, isLoading, onLogout, onSettingsClick, settingsHref, className, sidebarClassName, contentClassName, LinkComponent, }: DashboardLayoutProps): 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 { type Backend, BackendSelector, type BackendSelectorProps, DashboardLayout, type DashboardLayoutProps, type Profile as DashboardProfile, type DashboardUser, type NavItem, type ProductVariant, ProfileComparison, type ProfileComparisonProps, ProfileSelector, type ProfileSelectorProps, type Variant, VariantList, type VariantListProps, type VariantOutcome, type VariantStatus };
+import 'react/jsx-runtime';
+import 'react';

package/dist/dashboard.js

@@ -1,10 +1,16 @@
 import {
+  AppSidebar,
   BackendSelector,
+  ClusterStatusBar,
   DashboardLayout,
+  NewSandboxCard,
   ProfileComparison,
   ProfileSelector,
+  ResourceMeter,
+  SandboxCard,
+  SandboxTable,
   VariantList
-} from "./chunk-OM6ON27W.js";
+} from "./chunk-HY5IBRCE.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -17,12 +23,18 @@ import "./chunk-MXCSSOGH.js";
 import "./chunk-HWLX5NME.js";
 import "./chunk-RQHJBTEU.js";
 export {
+  AppSidebar,
   BackendSelector,
   BillingDashboard,
+  ClusterStatusBar,
   DashboardLayout,
+  NewSandboxCard,
   PricingPage,
   ProfileComparison,
   ProfileSelector,
+  ResourceMeter,
+  SandboxCard,
+  SandboxTable,
   UsageChart,
   VariantList
 };

package/dist/index-BOjBJwzD.d.ts

@@ -0,0 +1,219 @@
+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;
+
+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 NavItem as N, ProfileComparison 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, type DashboardLayoutProps as f, type DashboardUser as g, NewSandboxCard as h, type NewSandboxCardProps as i, type ProfileComparisonProps as j, ProfileSelector as k, type ProfileSelectorProps as l, type ResourceMeterProps as m, type SandboxCardData as n, type SandboxCardProps as o, type SandboxStatus as p, SandboxTable as q, type SandboxTableProps as r, type SidebarNavItem as s, type SidebarSandbox as t, type VariantListProps as u, type Profile as v, type ProductVariant as w, type Variant as x, type VariantOutcome as y, type VariantStatus as z };

package/dist/index.d.ts

@@ -13,9 +13,9 @@ export { E as ExpandedToolDetail, I as InlineThinkingItem, c as InlineToolItem,
 import { b as ToolPart } from './parts-CyGkM6Fp.js';
 export { R as ReasoningPart, S as SessionMessage, a as SessionPart, T as TextPart, c as ToolState, d as ToolStatus, e as ToolTime } from './parts-CyGkM6Fp.js';
 export { FileArtifactPane, FileArtifactPaneProps, FilePreview, FilePreviewProps } from './files.js';
-export { Backend, BackendSelector, BackendSelectorProps, DashboardLayout, DashboardLayoutProps, DashboardUser, NavItem, ProfileComparison, ProfileComparisonProps, ProfileSelector, ProfileSelectorProps, VariantList, VariantListProps } from './dashboard.js';
+export { A as AppSidebar, a as AppSidebarProps, B as Backend, b as BackendSelector, c as BackendSelectorProps, C as ClusterStatusBar, d as ClusterStatusBarProps, e as ClusterStatusItem, D as DashboardLayout, f as DashboardLayoutProps, g as DashboardUser, N as NavItem, h as NewSandboxCard, i as NewSandboxCardProps, P as ProfileComparison, j as ProfileComparisonProps, k as ProfileSelector, l as ProfileSelectorProps, R as ResourceMeter, m as ResourceMeterProps, S as SandboxCard, n as SandboxCardData, o as SandboxCardProps, p as SandboxStatus, q as SandboxTable, r as SandboxTableProps, s as SidebarNavItem, t as SidebarSandbox, T as TopNavLink, V as VariantList, u as VariantListProps } from './index-BOjBJwzD.js';
 export { c as BillingDashboard, d as BillingDashboardProps, e as PricingCards, f as PricingPageProps, g as UsageChart, h as UsageChartProps, U as UsageDataPoint } from './usage-chart-CY9xo3KX.js';
-export { AuthHeader, GitHubLoginButton, UserMenu } from './auth.js';
+export { AuthHeader, GitHubLoginButton, LoginLayout, LoginLayoutProps, UserMenu } from './auth.js';
 export { CodeBlock, CopyButton, Markdown, MarkdownProps } from './markdown.js';
 export { AppendUserMessageOptions, ApplySdkEventOptions, BeginAssistantMessageOptions, CompleteAssistantMessageOptions, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream } from './sdk-hooks.js';
 export { d as createAuthFetcher, u as useApiKey, e as useAuth, f as usePtySession } from './use-pty-session-DeZSxOCN.js';

package/dist/index.js

@@ -5,8 +5,9 @@ import {
 import {
   AuthHeader,
   GitHubLoginButton,
+  LoginLayout,
   UserMenu
-} from "./chunk-COCSO7FG.js";
+} from "./chunk-PCTEG6HR.js";
 import {
   createAuthFetcher,
   useApiKey,
@@ -80,7 +81,7 @@ import {
   StatusBar,
   TerminalPanel,
   WorkspaceLayout
-} from "./chunk-67C53XVV.js";
+} from "./chunk-QGI5E7JD.js";
 import {
   EmptyState,
   Input,
@@ -156,14 +157,18 @@ import {
   Markdown
 } from "./chunk-LTFK464G.js";
 import {
+  AppSidebar,
   BackendSelector,
+  ClusterStatusBar,
   DashboardLayout,
+  NewSandboxCard,
   ProfileComparison,
   ProfileSelector,
-  ThemeToggle,
-  VariantList,
-  useTheme
-} from "./chunk-OM6ON27W.js";
+  ResourceMeter,
+  SandboxCard,
+  SandboxTable,
+  VariantList
+} from "./chunk-HY5IBRCE.js";
 import {
   BillingDashboard,
   PricingPage,
@@ -213,9 +218,95 @@ import {
 import {
   cn
 } from "./chunk-RQHJBTEU.js";
+
+// src/primitives/theme-toggle.tsx
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getSystemTheme() {
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function applyTheme(theme) {
+  const resolved = theme === "system" ? getSystemTheme() : theme;
+  document.documentElement.classList.toggle("dark", resolved === "dark");
+}
+function useTheme() {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window === "undefined") return "system";
+    return localStorage.getItem("theme") ?? "system";
+  });
+  const setTheme = useCallback((next) => {
+    setThemeState(next);
+    if (next === "system") {
+      localStorage.removeItem("theme");
+    } else {
+      localStorage.setItem("theme", next);
+    }
+    applyTheme(next);
+  }, []);
+  useEffect(() => {
+    applyTheme(theme);
+    if (theme !== "system") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const handler = () => applyTheme("system");
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [theme]);
+  return { theme, setTheme };
+}
+var iconClass = "h-4 w-4";
+function SunIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: iconClass,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: 12, cy: 12, r: 5 }),
+        /* @__PURE__ */ jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" })
+      ]
+    }
+  );
+}
+function MoonIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: iconClass,
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    }
+  );
+}
+function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  const resolved = theme === "system" ? getSystemTheme() : theme;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setTheme(resolved === "dark" ? "light" : "dark"),
+      className: "inline-flex items-center justify-center rounded-md p-2 text-muted-foreground hover:bg-accent hover:text-accent-foreground transition-colors",
+      "aria-label": `Switch to ${resolved === "dark" ? "light" : "dark"} mode`,
+      children: resolved === "dark" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {})
+    }
+  );
+}
 export {
   AgentTimeline,
   AgentWorkbench,
+  AppSidebar,
   ArtifactPane,
   AuditResults,
   AuthHeader,
@@ -235,6 +326,7 @@ export {
   ChatContainer,
   ChatInput,
   ChatMessage,
+  ClusterStatusBar,
   CodeBlock2 as CodeBlock,
   CodeBlock as CodeBlockDisplay,
   CommandPreview,
@@ -281,17 +373,22 @@ export {
   InlineToolItem,
   Input,
   Label,
+  LoginLayout,
   Logo,
   Markdown,
   MessageList,
+  NewSandboxCard,
   OpenUIArtifactRenderer,
   PricingPage as PricingCards,
   ProfileComparison,
   ProfileSelector,
   Progress,
   QuestionPreview,
+  ResourceMeter,
   RunGroup,
   RuntimePane,
+  SandboxCard,
+  SandboxTable,
   SandboxWorkbench,
   Select,
   SelectContent,