@tangle-network/sandbox-ui 0.24.0 → 0.24.2

package/dist/globals.css

@@ -744,6 +744,9 @@
   .max-h-60 {
     max-height: calc(var(--spacing) * 60);
   }
+  .max-h-64 {
+    max-height: calc(var(--spacing) * 64);
+  }
   .max-h-72 {
     max-height: calc(var(--spacing) * 72);
   }
@@ -837,6 +840,9 @@
   .w-1\/4 {
     width: calc(1 / 4 * 100%);
   }
+  .w-1\/5 {
+    width: calc(1 / 5 * 100%);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -846,6 +852,9 @@
   .w-2\/3 {
     width: calc(2 / 3 * 100%);
   }
+  .w-2\/5 {
+    width: calc(2 / 5 * 100%);
+  }
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
@@ -1514,6 +1523,9 @@
   .rounded-\[2px\] {
     border-radius: 2px;
   }
+  .rounded-\[4px\] {
+    border-radius: 4px;
+  }
   .rounded-\[18px\] {
     border-radius: 18px;
   }
@@ -3672,21 +3684,11 @@
       display: none;
     }
   }
-  .sm\:mx-3 {
-    @media (width >= 40rem) {
-      margin-inline: calc(var(--spacing) * 3);
-    }
-  }
   .sm\:inline {
     @media (width >= 40rem) {
       display: inline;
     }
   }
-  .sm\:w-8 {
-    @media (width >= 40rem) {
-      width: calc(var(--spacing) * 8);
-    }
-  }
   .sm\:grid-cols-2 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));

package/dist/pages.d.ts

@@ -37,9 +37,15 @@ interface AuthPageProps {
     /**
      * Email/password handler. Return an error message to show, or null on success
      * (the caller handles navigation). If omitted, the email form is hidden —
-     * SSO/social only.
+     * SSO/social only. In signup mode the third arg is the entered display name
+     * (empty string when name collection is disabled).
      */
-    onEmailSubmit?: (email: string, password: string) => Promise<string | null>;
+    onEmailSubmit?: (email: string, password: string, name: string) => Promise<string | null>;
+    /**
+     * Collect a display name in the email form. Defaults to true in signup mode,
+     * false in signin. Set false to suppress it even on signup.
+     */
+    collectName?: boolean;
     /** Footer link target for the opposite mode (signup from signin, vice versa). */
     altHref?: string;
     /** Primary (Tangle) button background. Default Tangle ink `#0f172a`. */
@@ -55,7 +61,7 @@ interface AuthPageProps {
     /** Optional node rendered above the footer (legal copy, SSO notice, etc.). */
     children?: ReactNode;
 }
-declare function AuthPage({ product, tagline, mode, tangleAuthUrl, providers, socialHref, onEmailSubmit, altHref, accent, accentHover, logoSize, className, style, children, }: AuthPageProps): react_jsx_runtime.JSX.Element;
+declare function AuthPage({ product, tagline, mode, tangleAuthUrl, providers, socialHref, onEmailSubmit, collectName, altHref, accent, accentHover, logoSize, className, style, children, }: AuthPageProps): react_jsx_runtime.JSX.Element;
 
 type ProductVariant$1 = "sandbox";
 interface BillingPageData {
@@ -126,6 +132,22 @@ interface SshAccessConfig {
     inlinePublicKeys: string;
     onSelectedKeyIdsChange: (keyIds: string[]) => void;
     onInlinePublicKeysChange: (publicKeys: string) => void;
+    /**
+     * When provided, the SSH step renders an "Add SSH key" action that
+     * opens a dialog for saving a new public key. The host owns the
+     * persistence (POST) — this package only exposes the UI and reports
+     * the draft. Omit to hide the add-key action entirely.
+     */
+    onCreateKey?: (input: {
+        name: string;
+        publicKey: string;
+    }) => Promise<SshKeyOption | void>;
+    /**
+     * Optional refresh of the host's key list, called after a successful
+     * create so the parent re-syncs its `keys` prop before the new key is
+     * selected.
+     */
+    onRefreshKeys?: () => Promise<SshKeyOption[] | void>;
 }
 interface ProvisioningWizardProps {
     environments?: EnvironmentOption[];
@@ -133,12 +155,19 @@ interface ProvisioningWizardProps {
     onSubmit?: (config: ProvisioningConfig) => void | Promise<void>;
     onBack?: () => void;
     className?: string;
+    /**
+     * @deprecated The wizard now always renders as a single scrolling page.
+     * Kept for backwards compatibility — no longer changes the layout.
+     */
     variant?: "flat" | "multistep";
     /** Pre-select an environment by ID (e.g. from a template link) */
     defaultEnvironment?: string;
     /** Pre-fill all form fields from a template preset */
     defaultConfig?: Partial<ProvisioningConfig>;
-    /** When true and defaultConfig is provided, start on the final step */
+    /**
+     * @deprecated No-op. The wizard no longer uses steps. Kept for
+     * backwards compatibility.
+     */
     skipToReview?: boolean;
     /** Load user's startup scripts for the advanced options selector */
     onLoadStartupScripts?: () => Promise<StartupScriptEntry[]>;
@@ -177,7 +206,7 @@ interface ProvisioningConfig {
     startupScriptIds?: string[];
 }
 declare function resolveEnvironment(env: EnvironmentEntry): EnvironmentOption;
-declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, variant, defaultEnvironment, defaultConfig, skipToReview, onLoadStartupScripts, resourceLimits, sshAccess, pricingRates, planTiers, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
+declare function ProvisioningWizard({ environments: environmentsProp, onLoadEnvironments, onSubmit, onBack, className, defaultEnvironment, defaultConfig, onLoadStartupScripts, resourceLimits, sshAccess, pricingRates, planTiers, }: ProvisioningWizardProps): react_jsx_runtime.JSX.Element;
 
 type ProductVariant = "sandbox";
 interface StandalonePricingPageProps {