@tangle-network/sandbox-ui 0.3.4 → 0.3.5

package/dist/auth.d.ts

@@ -53,4 +53,18 @@ interface AuthHeaderProps {
 }
 declare function AuthHeader({ user, loading, variant, apiBaseUrl, menuLinks, className, }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { AuthHeader, type AuthHeaderProps, GitHubLoginButton, type GitHubLoginButtonProps, type SessionUser, UserMenu, type UserMenuProps };
+interface LoginLayoutProps {
+    brandName?: string;
+    tagline?: React.ReactNode;
+    subtitle?: string;
+    terminalLines?: string[];
+    footerLinks?: {
+        label: string;
+        href: string;
+    }[];
+    children: React.ReactNode;
+    className?: string;
+}
+declare function LoginLayout({ brandName, tagline, subtitle, terminalLines, footerLinks, children, className, }: LoginLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { AuthHeader, type AuthHeaderProps, GitHubLoginButton, type GitHubLoginButtonProps, LoginLayout, type LoginLayoutProps, type SessionUser, UserMenu, type UserMenuProps };

package/dist/auth.js

@@ -1,8 +1,9 @@
 import {
   AuthHeader,
   GitHubLoginButton,
+  LoginLayout,
   UserMenu
-} from "./chunk-COCSO7FG.js";
+} from "./chunk-PCTEG6HR.js";
 import "./chunk-B26TQ7SA.js";
 import "./chunk-MCGKDCOR.js";
 import "./chunk-HWLX5NME.js";
@@ -10,5 +11,6 @@ import "./chunk-RQHJBTEU.js";
 export {
   AuthHeader,
   GitHubLoginButton,
+  LoginLayout,
   UserMenu
 };

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/index.d.ts

@@ -15,7 +15,7 @@ export { R as ReasoningPart, S as SessionMessage, a as SessionPart, T as TextPar
 export { FileArtifactPane, FileArtifactPaneProps, FilePreview, FilePreviewProps } from './files.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,
@@ -372,6 +373,7 @@ export {
   InlineToolItem,
   Input,
   Label,
+  LoginLayout,
   Logo,
   Markdown,
   MessageList,

package/dist/pages.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { B as BillingSubscription, a as BillingBalance, b as BillingUsage, U as UsageDataPoint, P as PricingTier } from './usage-chart-CY9xo3KX.js';
+import * as React from 'react';
 
 type ProductVariant$1 = "sandbox";
 interface BillingPageData {
@@ -20,6 +21,29 @@ interface BillingPageProps {
 }
 declare function BillingPage({ variant, initialData, apiBasePath, onManageSubscription, onAddCredits, onSelectTier, fetchBillingData, }: BillingPageProps): react_jsx_runtime.JSX.Element;
 
+interface EnvironmentOption {
+    id: string;
+    name: string;
+    description: string;
+    icon: React.ReactNode;
+    color: string;
+}
+interface ProvisioningWizardProps {
+    environments?: EnvironmentOption[];
+    onSubmit?: (config: ProvisioningConfig) => void;
+    onBack?: () => void;
+    className?: string;
+}
+interface ProvisioningConfig {
+    environment: string;
+    cpuCores: number;
+    ramGB: number;
+    storageGB: number;
+    modelTier: string;
+    systemPrompt: string;
+}
+declare function ProvisioningWizard({ environments, onSubmit, onBack, className, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
+
 type ProductVariant = "sandbox";
 interface StandalonePricingPageProps {
     variant?: ProductVariant;
@@ -87,4 +111,4 @@ interface ProfilesPageProps {
 }
 declare function ProfilesPage({ apiClient, tier, maxProfiles, onCompareClick, title, }: ProfilesPageProps): react_jsx_runtime.JSX.Element;
 
-export { BillingPage, type BillingPageData, type BillingPageProps, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, StandalonePricingPage, type StandalonePricingPageProps };
+export { BillingPage, type BillingPageData, type BillingPageProps, type EnvironmentOption, type ProductVariant$1 as ProductVariant, type Profile, type ProfileFormData, type ProfileMetrics, ProfilesPage, type ProfilesPageProps, type ProvisioningConfig, ProvisioningWizard, type ProvisioningWizardProps, StandalonePricingPage, type StandalonePricingPageProps };