@agent-native/core 0.192.0-nightly-20260926081002 → 0.192.0

package/dist/server/onboarding-html.js

@@ -20,8 +20,7 @@ import { PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, } from "../shared/password-po
 import { signInJourney } from "../shared/sign-in-journey.js";
 import { AGENT_NATIVE_SOCIAL_IMAGE_ALT, AGENT_NATIVE_SOCIAL_IMAGE_HEIGHT, AGENT_NATIVE_SOCIAL_IMAGE_PATH, AGENT_NATIVE_SOCIAL_IMAGE_TYPE, AGENT_NATIVE_SOCIAL_IMAGE_WIDTH, withAgentNativeSocialImageCacheBuster, } from "../shared/social-meta.js";
 import { getAppBasePathFromViteEnv, normalizeAppBasePath, } from "./app-base-path.js";
-import { AUTH_MARKETING_LOCALE_COPY, } from "./auth-marketing-locales.js";
-import { BUILT_IN_AUTH_MARKETING, resolveBuiltInAuthMarketing, resolveBuiltInAuthMarketingByName, resolveBuiltInAuthMarketingPresentation, resolveBuiltInAuthMarketingSlug, } from "./auth-marketing.js";
+import { resolveBuiltInAuthMarketing, resolveBuiltInAuthMarketingByName, resolveBuiltInAuthMarketingPresentation, } from "./auth-marketing.js";
 import { resolveGoogleAuthMode, } from "./google-auth-mode.js";
 import { hasGoogleSignInCredentials } from "./google-oauth-credentials.js";
 import { isCanonicalIdentitySsoClientRequest, isCanonicalIdentitySsoClientConfigured, isIdentitySsoAvailableForRequest, isNetlifyDeployPermalinkIdentitySsoClientRequest, } from "./identity-sso-store.js";
@@ -886,32 +885,6 @@ const AUTH_LOCALE_COPY = {
         googlePopupHelp: "اسمح بالنوافذ المنبثقة لهذا الموقع ثم حاول مرة أخرى",
     },
 };
-function resolveBuiltInMarketingSlug(marketing, opts = {}) {
-    if (!marketing)
-        return undefined;
-    const matchesBuiltInMarketing = (builtIn) => marketing.appName === builtIn.appName &&
-        marketing.tagline === builtIn.tagline &&
-        marketing.description === builtIn.description &&
-        JSON.stringify(marketing.features ?? []) ===
-            JSON.stringify(builtIn.features ?? []) &&
-        JSON.stringify(marketing.signupLocalModeNote ?? null) ===
-            JSON.stringify(builtIn.signupLocalModeNote ?? null);
-    const requestSlug = resolveBuiltInAuthMarketingSlug(opts);
-    if (requestSlug) {
-        const builtIn = BUILT_IN_AUTH_MARKETING[requestSlug];
-        if (builtIn && matchesBuiltInMarketing(builtIn))
-            return requestSlug;
-    }
-    for (const [slug, builtIn] of Object.entries(BUILT_IN_AUTH_MARKETING)) {
-        // Caller-supplied marketing can reuse a built-in app name. Only an exact
-        // content match may claim a slug, or localized copy would overwrite the
-        // custom description/features.
-        if (matchesBuiltInMarketing(builtIn)) {
-            return slug;
-        }
-    }
-    return undefined;
-}
 function normalizeRequestHostname(host) {
     const firstHost = host?.split(",")[0]?.trim().toLowerCase() ?? "";
     if (!firstHost)
@@ -1012,26 +985,12 @@ export function getOnboardingHtml(opts = {}) {
     const marketingWasResolvedFromCatalog = !opts.marketing;
     const isFirstPartyMarketing = marketing?.learnMoreUrl?.startsWith("https://agent-native.com/apps/") ??
         false;
-    const marketingSlug = marketingWasResolvedFromCatalog
-        ? resolveBuiltInMarketingSlug(marketing, {
-            requestHost: opts.requestHost,
-            requestPath: opts.requestPath,
-        })
-        : undefined;
     const marketingPresentation = marketingWasResolvedFromCatalog || isFirstPartyMarketing
         ? resolveBuiltInAuthMarketingPresentation(marketing, {
             requestHost: opts.requestHost,
             requestPath: opts.requestPath,
         })
         : undefined;
-    const localizedMarketingCopy = {};
-    if (marketingSlug) {
-        for (const [locale, copyBySlug] of Object.entries(AUTH_MARKETING_LOCALE_COPY)) {
-            const copy = copyBySlug?.[marketingSlug];
-            if (copy)
-                localizedMarketingCopy[locale] = copy;
-        }
-    }
     const signupLocalModeNote = isAgentNativeHostedHost(opts.requestHost) &&
         marketing?.signupLocalModeNote?.command.trim()
         ? {
@@ -1039,8 +998,6 @@ export function getOnboardingHtml(opts = {}) {
             command: marketing.signupLocalModeNote.command.trim(),
         }
         : undefined;
-    const brandMarkSrc = withAppBasePath("/agent-native-icon-dark.svg", appBasePath);
-    const brandMarkLightSrc = withAppBasePath("/agent-native-icon-light.svg", appBasePath);
     const socialImageUrl = withAgentNativeSocialImageCacheBuster(opts.requestOrigin
         ? `${opts.requestOrigin}${withAppBasePath(AGENT_NATIVE_SOCIAL_IMAGE_PATH, appBasePath)}`
         : withAppBasePath(AGENT_NATIVE_SOCIAL_IMAGE_PATH, appBasePath));
@@ -1083,367 +1040,6 @@ export function getOnboardingHtml(opts = {}) {
     const identitySsoAuto = identitySsoEnabled &&
         (isCanonicalIdentitySsoClientRequest(identitySsoRequestHost, identitySsoRequestProtocol) ||
             (!identitySsoRequestHost && isCanonicalIdentitySsoClientConfigured()));
-    const marketingStyles = hasMarketing
-        ? `
-  body.has-marketing {
-    --b-hero-ocean-opacity: 0.32;
-    --b-hero-shader-opacity: 0.15;
-    padding: 0;
-    position: relative;
-    overflow-x: clip;
-    color-scheme: dark;
-  }
-  [data-agent-native-starfield] {
-    position: fixed;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    opacity: var(--b-hero-shader-opacity, 0.15);
-    pointer-events: none;
-    z-index: 0;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    [data-agent-native-starfield] {
-      opacity: var(--b-hero-shader-opacity, 0.15);
-    }
-  }
-  .split {
-    position: relative;
-    z-index: 1;
-    display: flex;
-    min-height: 100vh;
-    width: 100%;
-    max-width: 1100px;
-    margin: 0 auto;
-  }
-  .auth-marketing-learn-more {
-    display: block;
-    color: hsl(var(--foreground, 0 0% 90%));
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    font-size: 1.5rem;
-    font-weight: 500;
-    line-height: 1;
-    text-decoration: none;
-    white-space: nowrap;
-  }
-  .auth-marketing-learn-more:hover { color: hsl(var(--foreground, 0 0% 90%)); }
-  .auth-marketing-learn-more-link { color: inherit; }
-  .auth-marketing-screenshot-wrap {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    width: 100%;
-    max-width: 100%;
-    max-height: calc(100vh - 3rem);
-    aspect-ratio: 914 / 818;
-    border-radius: 0.75rem;
-    overflow: hidden;
-    box-shadow: 0 12px 36px rgba(0,0,0,0.38); /* guard:allow-raw-color - standalone auth HTML has no app theme token layer */
-  }
-  .auth-marketing-screenshot {
-    display: block;
-    width: 100%;
-    height: 100%;
-    max-height: calc(100vh - 3rem);
-    object-fit: cover;
-  }
-  .marketing-panel {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 3rem 3.5rem;
-  }
-  .marketing-content { max-width: 480px; }
-  .app-name {
-    display: flex;
-    align-items: center;
-    gap: 0.625rem;
-    font-size: 2rem;
-    font-weight: 700;
-    color: #fff;
-    margin-bottom: 0.625rem;
-    letter-spacing: -0.02em;
-  }
-  .app-name img.brand-mark {
-    height: 2.21375rem;
-    width: auto;
-    display: block;
-    flex-shrink: 0;
-  }
-  .app-tagline {
-    font-size: 1.25rem;
-    color: #a1a1aa;
-    line-height: 1.6;
-    margin-bottom: 2rem;
-  }
-  .app-desc {
-    font-size: 1rem;
-    color: #71717a;
-    line-height: 1.6;
-    margin-bottom: 2rem;
-  }
-  .feature-list {
-    list-style: none;
-    display: flex;
-    flex-direction: column;
-    gap: 0.875rem;
-  }
-  .feature-list li {
-    display: flex;
-    align-items: flex-start;
-    gap: 0.625rem;
-    font-size: 1rem;
-    color: #a1a1aa;
-    line-height: 1.5;
-  }
-  .feature-list li::before {
-    content: '';
-    flex-shrink: 0;
-    width: 8px;
-    height: 8px;
-    margin-top: 6px;
-    border-radius: 50%;
-    background: #3f3f46;
-    border: 1px solid #52525b;
-  }
-  .oss-link {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.375rem;
-    font-size: 0.8125rem;
-    font-weight: 600;
-    color: #00B5FF;
-    text-decoration: none;
-    transition: color 0.15s ease;
-  }
-  .oss-link:hover { color: #33C4FF; }
-  .oss-link svg { width: 15px; height: 15px; flex-shrink: 0; }
-  .marketing-actions {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.75rem;
-    margin-top: 2rem;
-  }
-  .copy-run-local {
-    margin-top: 0.625rem;
-    padding: 0.375rem 0.625rem;
-    background: transparent;
-    color: #a1a1aa;
-    border: 1px solid rgba(255,255,255,0.12);
-    border-radius: 6px;
-    font-size: 0.75rem;
-    cursor: pointer;
-  }
-  .copy-run-local:hover { color: #fff; border-color: rgba(255,255,255,0.22); }
-  .form-panel {
-    flex: 0 0 440px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    padding: 2rem;
-  }
-  .form-panel .card { max-width: 400px; }
-  /* guard:allow-raw-color - standalone auth HTML has no app theme token layer */
-  .auth-marketing-home .card { box-shadow: 0 18px 50px rgba(0,0,0,0.62); }
-  @media (max-width: 900px) {
-    .auth-marketing-shell-with-top-right {
-      display: flex;
-      flex-direction: column;
-      align-items: stretch;
-      min-height: auto;
-    }
-    .auth-marketing-top-right {
-      display: flex;
-      justify-content: flex-start;
-      flex: none;
-      padding: 1rem 1rem 0;
-    }
-    .auth-marketing-learn-more {
-      font-size: 0.75rem;
-    }
-    .split { flex-direction: column; min-height: auto; }
-    .marketing-panel { padding: 4.25rem 1.5rem 1.5rem; }
-    .app-name { font-size: 1.375rem; }
-    .app-name img.brand-mark { height: 1.58125rem; }
-    .app-tagline { font-size: 1rem; margin-bottom: 1rem; }
-    .app-desc { margin-bottom: 1rem; }
-    .feature-list { gap: 0.5rem; }
-    .form-panel { flex: none; padding: 1.5rem 1rem; }
-  }
-  @media (prefers-color-scheme: light) {
-    body.has-marketing {
-      --b-hero-ocean-opacity: 0.3;
-      --b-hero-shader-opacity: 0.22;
-      background: color-mix(in srgb, CanvasText 4%, Canvas);
-      color: CanvasText;
-      color-scheme: light;
-    }
-    .auth-marketing-home {
-      background: color-mix(in srgb, CanvasText 4%, Canvas);
-      color: CanvasText;
-    }
-    .auth-marketing-home .auth-marketing-learn-more,
-    .auth-marketing-home .auth-marketing-learn-more:hover,
-    body.has-marketing .locale-trigger {
-      color: CanvasText;
-    }
-    .auth-marketing-home .auth-marketing-learn-more-link { color: inherit; }
-    /* The marketing panel's base colors are picked for the near-black body.
-       Without these the app name renders white-on-white and the whole panel
-       reads as empty rather than as low contrast. */
-    .auth-marketing-home .app-name { color: CanvasText; }
-    .auth-marketing-home .app-tagline,
-    .auth-marketing-home .feature-list li {
-      color: color-mix(in srgb, CanvasText 72%, Canvas);
-    }
-    .auth-marketing-home .app-desc {
-      color: color-mix(in srgb, CanvasText 62%, Canvas);
-    }
-    .auth-marketing-home .feature-list li::before {
-      background: color-mix(in srgb, CanvasText 22%, transparent);
-      border-color: color-mix(in srgb, CanvasText 38%, transparent);
-    }
-    .auth-marketing-home .oss-link { color: LinkText; }
-    .auth-marketing-home .oss-link:hover {
-      color: color-mix(in srgb, LinkText 75%, CanvasText);
-    }
-    .auth-marketing-home .copy-run-local {
-      color: color-mix(in srgb, CanvasText 62%, Canvas);
-      border-color: color-mix(in srgb, CanvasText 18%, transparent);
-    }
-    .auth-marketing-home .copy-run-local:hover {
-      color: CanvasText;
-      border-color: color-mix(in srgb, CanvasText 32%, transparent);
-    }
-    .auth-marketing-home .card {
-      background: Canvas;
-      border-color: color-mix(in srgb, CanvasText 14%, transparent);
-      color: CanvasText;
-      box-shadow: 0 18px 50px color-mix(in srgb, CanvasText 18%, transparent);
-    }
-    .auth-marketing-home .card h1 { color: CanvasText; }
-    .auth-marketing-home .card .subtitle,
-    .auth-marketing-home .card label { color: GrayText; }
-    .auth-marketing-home .card input {
-      color: CanvasText;
-      border-color: color-mix(in srgb, CanvasText 18%, transparent);
-    }
-    .auth-marketing-home .card input::placeholder { color: GrayText; }
-    .auth-marketing-home .card .tabs {
-      background: color-mix(in srgb, CanvasText 7%, transparent);
-    }
-    .auth-marketing-home .card .tab { color: GrayText; }
-    .auth-marketing-home .card .tab.active {
-      background: color-mix(in srgb, CanvasText 12%, transparent);
-      color: CanvasText;
-      box-shadow: 0 1px 2px color-mix(in srgb, CanvasText 18%, transparent);
-    }
-    .auth-marketing-home .card button[type="submit"],
-    .auth-marketing-home .card .btn-primary {
-      background: CanvasText;
-      color: Canvas;
-    }
-    .auth-marketing-home .card button[type="submit"]:hover,
-    .auth-marketing-home .card .btn-primary:hover {
-      background: color-mix(in srgb, CanvasText 82%, Canvas);
-    }
-    .auth-marketing-home .card .btn-google {
-      background: Canvas;
-      color: CanvasText;
-      border: 1px solid color-mix(in srgb, CanvasText 14%, transparent);
-    }
-    .auth-marketing-home .card .btn-google:hover {
-      background: color-mix(in srgb, CanvasText 6%, Canvas);
-    }
-    .auth-marketing-home .card .btn-secondary {
-      color: GrayText;
-      border-color: color-mix(in srgb, CanvasText 14%, transparent);
-    }
-    .auth-marketing-home .card .btn-secondary:hover,
-    .auth-marketing-home .card .link-button:hover {
-      color: CanvasText;
-      border-color: color-mix(in srgb, CanvasText 24%, transparent);
-    }
-    .auth-marketing-home .card .divider { color: GrayText; }
-    .auth-marketing-home .card .divider::before,
-    .auth-marketing-home .card .divider::after {
-      background: color-mix(in srgb, CanvasText 12%, transparent);
-    }
-    .auth-marketing-home .card .legal-note,
-    .auth-marketing-home .card .legal-note a,
-    .auth-marketing-home .card .local-dev-full-options {
-      color: GrayText;
-    }
-    .auth-marketing-home .card .signup-local-mode-note {
-      color: GrayText;
-      background: color-mix(in srgb, CanvasText 4%, transparent);
-      border-color: color-mix(in srgb, CanvasText 14%, transparent);
-    }
-    .auth-marketing-home .card .signup-local-mode-note code { color: CanvasText; }
-    .auth-marketing-home .card .progress-step { color: GrayText; }
-    .auth-marketing-home .card .progress-step::before {
-      background: color-mix(in srgb, CanvasText 12%, transparent);
-    }
-    .auth-marketing-home .card .progress-step span {
-      background: color-mix(in srgb, CanvasText 4%, Canvas);
-      border-color: color-mix(in srgb, CanvasText 18%, transparent);
-      color: GrayText;
-    }
-    .auth-marketing-home .card .progress-step.complete,
-    .auth-marketing-home .card .progress-step.current { color: CanvasText; }
-    .auth-marketing-home .card .progress-step.complete span {
-      background: color-mix(in srgb, LinkText 16%, transparent);
-      border-color: color-mix(in srgb, LinkText 55%, transparent);
-      color: LinkText;
-    }
-    .auth-marketing-home .card .progress-step.current span {
-      background: CanvasText;
-      border-color: CanvasText;
-      color: Canvas;
-      box-shadow: 0 0 0 4px color-mix(in srgb, CanvasText 8%, transparent);
-    }
-    .auth-marketing-home .card .verification-panel {
-      background: color-mix(in srgb, CanvasText 4%, transparent);
-      border-color: color-mix(in srgb, CanvasText 14%, transparent);
-    }
-    .auth-marketing-home .card .verification-kicker { color: LinkText; }
-    .auth-marketing-home .card .verification-copy,
-    .auth-marketing-home .card .verification-copy strong { color: CanvasText; }
-    .auth-marketing-home .card .verification-note,
-    .auth-marketing-home .card .link-button { color: GrayText; }
-    body.has-marketing .locale-menu {
-      background: Canvas;
-      color: CanvasText;
-      border-color: color-mix(in srgb, CanvasText 14%, transparent);
-      box-shadow: 0 18px 50px color-mix(in srgb, CanvasText 18%, transparent);
-    }
-    body.has-marketing .locale-menu-item { color: GrayText; }
-    body.has-marketing .locale-menu-item:hover,
-    body.has-marketing .locale-menu-item:focus,
-    body.has-marketing .locale-menu-item[aria-checked="true"] {
-      background: color-mix(in srgb, CanvasText 7%, transparent);
-      color: CanvasText;
-    }
-  }
-`
-        : "";
-    const authMarketingLocales = Object.fromEntries(Object.entries(localizedMarketingCopy).map(([locale, copy]) => [
-        locale,
-        {
-            appName: marketing?.appName ?? "",
-            tagline: copy.tagline ?? marketing?.tagline ?? "",
-            description: copy.description ?? marketing?.description,
-            features: copy.features ?? marketing?.features,
-            authHeadline: copy.authHeadline ?? copy.tagline,
-            authDescription: copy.authDescription ??
-                copy.description ??
-                marketingPresentation?.description ??
-                marketing?.description,
-        },
-    ]));
     const authPageProps = {
         authMode,
         googleOnly,
@@ -1462,29 +1058,7 @@ export function getOnboardingHtml(opts = {}) {
             value: locale,
             label: localeDisplayName(locale),
         })),
-        marketing: hasMarketing && marketing
-            ? {
-                appName: marketing.appName,
-                tagline: marketing.tagline,
-                description: marketing.description,
-                features: marketing.features,
-                authHeadline: marketing.authHeadline ?? marketingPresentation?.headline,
-                authDescription: marketing.authDescription ?? marketingPresentation?.description,
-                screenshotSrc: marketing.screenshotPath
-                    ? withAppBasePath(marketing.screenshotPath, appBasePath)
-                    : undefined,
-                screenshotWidth: marketing.screenshotWidth,
-                screenshotHeight: marketing.screenshotHeight,
-                learnMoreUrl: marketing.learnMoreUrl ??
-                    (marketingSlug
-                        ? `https://agent-native.com/apps/${marketingSlug}`
-                        : undefined),
-            }
-            : undefined,
-        marketingLocales: authMarketingLocales,
-        brandMarkSrc,
-        brandMarkLightSrc,
-        githubUrl: "https://github.com/BuilderIO/agent-native",
+        appName: hasMarketing ? marketing?.appName : undefined,
         showGoogle,
         organizationSsoEnabled: getAppConfig().access.sso.enabled,
         signupLegalNotice,
@@ -2115,392 +1689,9 @@ export function getOnboardingHtml(opts = {}) {
     word-break: break-word;
   }
   .google-debug.show { display: block; }
-${marketingStyles}
   /* guard:allow-raw-color - standalone auth HTML has no app theme token layer */
   body.simplified-auth { background: #141414; }
   body.simplified-auth .card { border-color: transparent; box-shadow: none; }
-`;
-    const authPageLayoutStyles = `
-  .auth-root { width: 100%; }
-  .auth-marketing-home { width: 100%; padding: 0; position: relative; overflow: clip; }
-  .auth-marketing-shell { padding: 0; }
-  .auth-marketing-home .auth-marketing-shell-with-top-right {
-    position: relative;
-    display: block;
-    min-height: 100vh;
-  }
-  .auth-marketing-top-right {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    position: absolute;
-    padding: 0;
-    top: max(1rem, env(safe-area-inset-top));
-    inset-inline-end: max(4rem, calc(env(safe-area-inset-right) + 3.5rem));
-    z-index: 2;
-  }
-  .auth-marketing-learn-more { font-size: 0.8rem; }
-  .auth-marketing-home .auth-marketing-layout {
-    min-height: 100vh;
-    display: flex;
-    align-items: stretch;
-  }
-  .auth-marketing-home .split { width: 100%; max-width: none; margin: 0; }
-  .auth-marketing-home .marketing-panel {
-    order: 1;
-    flex: 1 1 50%;
-    max-width: none;
-    min-width: 0;
-    min-height: 100vh;
-    padding: 0;
-  }
-  .auth-marketing-visual {
-    position: relative;
-    display: flex;
-    min-height: 100vh;
-    width: 100%;
-    flex-direction: column;
-    justify-content: stretch;
-    overflow: hidden;
-    padding: 3rem 3.5rem;
-  }
-  .auth-marketing-visual > [data-agent-native-starfield] {
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    transform: none;
-  }
-  .auth-marketing-visual .marketing-content {
-    position: relative;
-    z-index: 1;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 100%;
-    min-height: calc(100vh - 6rem);
-  }
-  .auth-marketing-visual .marketing-copy { margin-top: auto; }
-  .auth-marketing-home .form-panel {
-    order: 2;
-    flex: 1 1 50%;
-    width: auto;
-    max-width: none;
-    min-width: 0;
-    min-height: 100vh;
-    padding: 2rem clamp(2rem, 6vw, 6rem);
-    background: color-mix(in srgb, CanvasText 4%, Canvas);
-    border-inline-start: 1px solid color-mix(in srgb, CanvasText 10%, transparent);
-  }
-  .auth-marketing-home .form-panel > .card { margin-block: auto; }
-  @media (max-width: 900px) {
-    body.has-marketing {
-      align-items: flex-start;
-      justify-content: flex-start;
-    }
-    .auth-marketing-home .auth-marketing-top-right {
-      top: max(1rem, env(safe-area-inset-top));
-      inset-inline-start: auto;
-      inset-inline-end: max(4rem, calc(env(safe-area-inset-right) + 3.5rem));
-      transform: none;
-    }
-    .auth-marketing-home .auth-marketing-visual {
-      min-height: min(62vh, 560px);
-      padding: 4.25rem 1.5rem 2rem;
-    }
-    .auth-marketing-home .auth-marketing-visual .marketing-content {
-      min-height: min(54vh, 470px);
-    }
-    .auth-marketing-home .form-panel {
-      flex: none;
-      width: 100%;
-      min-height: auto;
-      padding: 1.5rem 1.25rem;
-      border-inline-start: 0;
-    }
-    .auth-marketing-home .auth-marketing-layout { min-height: auto; }
-    .auth-marketing-home .auth-marketing-shell { display: block; }
-    .auth-marketing-home .auth-marketing-shell-with-top-right { display: flex; }
-  }
-  /* guard:allow-raw-color - these are the exact standalone auth palette tokens from Figma */
-  body.has-marketing {
-    --auth-marketing-left-bg: #090909; /* guard:allow-raw-color - exact Figma auth palette */
-    --auth-marketing-right-bg: #141414; /* guard:allow-raw-color - exact Figma auth palette */
-    --auth-marketing-foreground: #faf9f5; /* guard:allow-raw-color - exact Figma auth palette */
-    --auth-marketing-muted: #9a9997; /* guard:allow-raw-color - exact Figma auth palette */
-    --auth-marketing-subtle: #858583; /* guard:allow-raw-color - exact Figma auth palette */
-    --auth-marketing-border: #2e2e2e; /* guard:allow-raw-color - exact Figma auth palette */
-    --auth-marketing-badge-bg: #1b1b1b; /* guard:allow-raw-color - exact Figma auth palette */
-  }
-  body.has-marketing,
-  .auth-marketing-home {
-    font-family: "Geist", system-ui, sans-serif;
-    font-synthesis: none;
-  }
-  .auth-marketing-home {
-    background: var(--auth-marketing-right-bg);
-    color: var(--auth-marketing-foreground);
-  }
-  .auth-marketing-home .auth-marketing-top-right {
-    top: 4.5rem;
-    inset-inline-end: 5rem;
-  }
-  .auth-marketing-home .auth-marketing-learn-more {
-    color: var(--auth-marketing-muted);
-    font-family: "Geist Mono", ui-monospace, monospace;
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.25;
-  }
-  .auth-marketing-home .auth-marketing-learn-more:hover,
-  .auth-marketing-home .auth-marketing-learn-more-link {
-    color: inherit;
-  }
-  .auth-marketing-home .auth-marketing-layout {
-    border: 0;
-  }
-  .auth-marketing-home .marketing-panel {
-    background: var(--auth-marketing-left-bg);
-  }
-  .auth-marketing-home .auth-marketing-visual {
-    min-height: 100vh;
-    padding: 4.5rem 5rem 4rem;
-    background: var(--auth-marketing-left-bg);
-  }
-  .auth-marketing-home .auth-marketing-screenshot-wrap {
-    position: fixed;
-    inset: 0;
-    z-index: 0;
-    display: block;
-    width: 100%;
-    height: 100%;
-    max-width: none;
-    max-height: none;
-    margin: 0;
-    border-radius: 0;
-    box-shadow: none;
-  }
-  .auth-marketing-home .auth-marketing-screenshot {
-    display: block;
-    width: 100%;
-    height: 100%;
-    max-width: none;
-    max-height: none;
-    filter: none;
-  }
-  .auth-marketing-home [data-agent-native-starfield] {
-    position: fixed;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    transform: translateY(-5vh);
-  }
-  .auth-marketing-home .auth-marketing-visual .marketing-content {
-    min-height: calc(100vh - 8.5rem);
-  }
-  .auth-marketing-home .app-name {
-    gap: 0.7rem;
-    margin: 0;
-    color: var(--auth-marketing-foreground);
-    font: 600 1.8rem/1 "Geist", system-ui, sans-serif;
-    letter-spacing: -0.04em;
-  }
-  .auth-marketing-home .app-name img.brand-mark {
-    width: auto;
-    height: 1.55rem;
-    filter: grayscale(1) brightness(0) invert(1);
-  }
-  .auth-marketing-home .app-status-badge {
-    display: inline-flex;
-    align-items: center;
-    min-height: 1.6rem;
-    padding: 0.3rem 0.7rem;
-    border-radius: 999px;
-    background: var(--auth-marketing-foreground);
-    color: var(--auth-marketing-right-bg);
-    font: 600 0.8rem/1 "Geist Mono", ui-monospace, monospace;
-    letter-spacing: 0.02em;
-    text-transform: uppercase;
-  }
-  .auth-marketing-home .marketing-copy {
-    max-width: 50rem;
-  }
-  .auth-marketing-home .auth-marketing-headline {
-    max-width: 52rem;
-    margin: 0;
-    color: var(--auth-marketing-foreground);
-    font: 400 2.875rem/1.2 "Geist", system-ui, sans-serif;
-    letter-spacing: -0.04em;
-    white-space: pre-line;
-  }
-  .auth-marketing-home .auth-marketing-description {
-    margin: 1.5rem 0 0;
-    color: var(--auth-marketing-muted);
-    font: 400 1.25rem/1.35 "Geist", system-ui, sans-serif;
-  }
-  .auth-marketing-home .auth-marketing-description-link {
-    color: inherit;
-    text-decoration: underline;
-    text-underline-offset: 0.15em;
-    white-space: nowrap;
-  }
-  .auth-marketing-home .auth-marketing-description-link:hover {
-    color: var(--auth-marketing-foreground);
-  }
-  .auth-marketing-home .marketing-actions {
-    margin-top: 3rem;
-  }
-  .auth-marketing-home .oss-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-    min-height: 2.125rem;
-    padding: 0.5rem 0.75rem;
-    border: 1px solid var(--auth-marketing-border);
-    border-radius: 0.375rem;
-    background: var(--auth-marketing-badge-bg);
-    color: var(--auth-marketing-foreground);
-    font: 600 0.875rem/1 "Geist Mono", ui-monospace, monospace;
-    letter-spacing: 0.02em;
-    text-decoration: none;
-    text-transform: uppercase;
-  }
-  .auth-marketing-home .oss-badge:hover {
-    border-color: var(--auth-marketing-muted);
-  }
-  .auth-marketing-home .form-panel {
-    padding: 0 5rem;
-    background: var(--auth-marketing-right-bg);
-    border-inline-start: 1px solid var(--auth-marketing-border);
-    position: relative;
-    z-index: 1;
-  }
-  .auth-marketing-home .form-panel > .card {
-    width: min(27.5rem, 100%);
-    max-width: 27.5rem;
-    padding: 0;
-    background: transparent;
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-  }
-  .auth-marketing-home .card h1 {
-    margin-bottom: 0.75rem;
-    color: var(--auth-marketing-foreground);
-    font: 400 2.5rem/1.2 "Geist", system-ui, sans-serif;
-    letter-spacing: -0.035em;
-    text-align: center;
-  }
-  .auth-marketing-home .card .subtitle {
-    margin-bottom: 3rem;
-    color: var(--auth-marketing-muted);
-    font: 400 1.125rem/1.35 "Geist", system-ui, sans-serif;
-    text-align: center;
-  }
-  .auth-marketing-home .card .divider {
-    color: var(--auth-marketing-muted);
-    font: 400 1rem/1.35 "Geist", system-ui, sans-serif;
-  }
-  .auth-marketing-home .card .auth-mode-switch {
-    margin-top: 0.75rem;
-    font: 400 0.9375rem/1.35 "Geist", system-ui, sans-serif;
-    text-align: start;
-  }
-  .auth-marketing-home .card .auth-mode-link,
-  .auth-marketing-home .card .auth-mode-link:hover {
-    color: var(--auth-marketing-muted);
-    font: inherit;
-    text-decoration: none;
-  }
-  .auth-marketing-home .card .legal-note {
-    margin: 3.5rem 0 0;
-    color: var(--auth-marketing-subtle);
-    font: 400 0.8125rem/1.35 "Geist", system-ui, sans-serif;
-    text-align: center;
-  }
-  .auth-marketing-home .card .legal-note a,
-  .auth-marketing-home .card .legal-note a:hover {
-    color: inherit;
-    text-decoration: underline;
-    text-underline-offset: 0.125rem;
-  }
-  body.has-marketing .locale-picker {
-    top: auto;
-    bottom: max(1.25rem, env(safe-area-inset-bottom));
-    inset-inline-end: max(1.25rem, env(safe-area-inset-right));
-  }
-  @media (prefers-color-scheme: light) {
-    body.has-marketing {
-      --auth-marketing-left-bg: Canvas;
-      --auth-marketing-right-bg: Canvas;
-      --auth-marketing-foreground: CanvasText;
-      --auth-marketing-muted: GrayText;
-      --auth-marketing-subtle: GrayText;
-      --auth-marketing-border: color-mix(in srgb, CanvasText 18%, transparent);
-      --auth-marketing-badge-bg: color-mix(in srgb, CanvasText 7%, Canvas);
-    }
-    .auth-marketing-home .auth-marketing-visual,
-    .auth-marketing-home .marketing-panel,
-    .auth-marketing-home .form-panel {
-      background: Canvas;
-    }
-    .auth-marketing-home .app-name img.brand-mark {
-      filter: grayscale(1) brightness(0);
-    }
-  }
-  @media (max-width: 900px) {
-    .auth-marketing-home {
-      min-height: 100vh;
-      min-height: 100svh;
-    }
-    .auth-marketing-home .auth-marketing-shell-with-top-right {
-      flex-direction: column;
-    }
-    .auth-marketing-home .auth-marketing-top-right {
-      display: none;
-    }
-    .auth-marketing-home .auth-marketing-layout {
-      flex-direction: column;
-    }
-    .auth-marketing-home .auth-marketing-visual {
-      min-height: min(62vh, 560px);
-      padding: 4.5rem 1.5rem 2rem;
-    }
-    .auth-marketing-home .auth-marketing-visual .marketing-content {
-      min-height: min(54vh, 470px);
-    }
-    .auth-marketing-home .auth-marketing-headline {
-      font-size: 2.25rem;
-    }
-    .auth-marketing-home .form-panel {
-      order: 1;
-      padding: max(1.5rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));
-      border-inline-start: 0;
-    }
-    .auth-marketing-home .marketing-panel { display: none; }
-    .auth-marketing-home .card h1 {
-      font-size: clamp(1.625rem, 6vw, 2rem);
-      line-height: 1.15;
-      margin-bottom: 0.5rem;
-    }
-    .auth-marketing-home .card .subtitle {
-      margin-bottom: 1.5rem;
-      font-size: 1rem;
-      line-height: 1.4;
-    }
-    .auth-marketing-home .card .divider { margin: 1rem 0; }
-    .auth-marketing-home .card .legal-note { margin-top: 1.5rem; }
-    .auth-marketing-home .card input,
-    .auth-marketing-home .card button {
-      min-height: 2.75rem;
-    }
-    body.has-marketing .locale-trigger {
-      min-width: 2.75rem;
-      min-height: 2.75rem;
-    }
-    .auth-marketing-home .card input { font-size: 1rem; }
-  }
 `;
     const authClientScriptPath = authClientAssetPath(appBasePath);
     const title = hasMarketing
@@ -2625,17 +1816,13 @@ ${marketingStyles}
         ]
         : null, createElement("style", {
         dangerouslySetInnerHTML: {
-            __html: authDocumentStyles + authPageLayoutStyles,
+            __html: authDocumentStyles,
         },
     }), createElement("script", {
         type: "module",
         src: authClientScriptPath,
     })), createElement("body", {
-        className: simplifiedAuth
-            ? "simplified-auth"
-            : hasMarketing
-                ? "has-marketing"
-                : undefined,
+        className: simplifiedAuth ? "simplified-auth" : undefined,
     }, createElement("div", { id: "agent-native-auth-root", className: "auth-root" }, createElement(AuthPage, authPageProps)), createElement("script", {
         type: "application/json",
         id: "agent-native-auth-data",