Fix landing Cloud account header (#5040)

* Fix landing cloud account header

* chore: trigger CI

---------

Co-authored-by: bone3deep1962-collab <bone3deep1962@gmail.com>
Co-authored-by: a1chzt <chizblank@gmail.com>

Author: 3 people

apps/landing-page/app/_components/header-enhancer.astro

@@ -190,7 +190,7 @@
         .catch(() => {});
     }
 
-    // Open Design Cloud (AMR) header account. Detects an existing cloud
+    // Open Design Cloud header account. Detects an existing cloud
     // session via the vela API, swaps the "Sign in" link for an avatar menu,
     // drives popup login + polling, and handles sign-out. All endpoints/URLs
     // arrive as `data-*` on `[data-amr-account]` (header.tsx) since this inline
@@ -216,7 +216,7 @@
       const sessionUrl = api + '/api/auth/get-session';
       const signoutUrl = api + '/api/auth/sign-out';
 
-      // Cloud (AMR) account funnel analytics — feeds the same PostHog sink as
+      // Cloud account funnel analytics — feeds the same PostHog sink as
       // the rest of the site (window.__odTrack, guarded). area is always the
       // header since this module only lives in the nav chrome.
       const track = (name, extra) => {
@@ -341,7 +341,7 @@
           const top = Math.round(dy + (vh - H) / 2);
           const popup = window.open(
             loginUrl,
-            'od-amr-login',
+            'od-cloud-login',
             `width=${W},height=${H},left=${left},top=${top},menubar=no,toolbar=no,location=yes`,
           );
           // Popup blocked (or returned null): fall back to a same-tab navigation

apps/landing-page/app/_components/header.tsx

@@ -23,21 +23,25 @@ const REPO = 'https://github.com/nexu-io/open-design';
 const REPO_DISCUSSIONS = `${REPO}/discussions`;
 const DISCORD = 'https://discord.gg/mHAjSMV6gz';
 const X_PROFILE = 'https://x.com/OpenDesignHQ';
-// AMR product page on the production site (this repo has no /amr/ route).
+// Open Design Cloud product surface on the production site.
 // Single destination for the Agent dropdown entry and cloud account surfaces.
-const AMR_URL = 'https://open-design.ai/amr/';
+const CLOUD_URL = 'https://open-design.ai/cloud/';
 
-// Open Design Cloud (AMR / vela) endpoints for the header sign-in module.
+// Open Design Cloud endpoints for the header sign-in module.
 // Production defaults; overridable at build time via PUBLIC_* env so a
 // preview/staging build can point at a non-prod cloud. These are surfaced to
 // the runtime via `data-*` on `.nav-account` because the auth logic lives in
 // `header-enhancer.astro`'s `<script is:inline>` (NOT processed by Vite, so it
 // cannot read `import.meta.env` itself).
 const env = import.meta.env as Record<string, string | undefined>;
-const AMR_API_BASE = env.PUBLIC_AMR_API_BASE ?? 'https://amr-api.open-design.ai';
-const AMR_LOGIN_URL = env.PUBLIC_AMR_LOGIN_URL ?? 'https://open-design.ai/amr/login';
-const AMR_CONSOLE_URL =
-  env.PUBLIC_AMR_CONSOLE_URL ?? 'https://open-design.ai/amr?source=open_design';
+const CLOUD_API_BASE =
+  env.PUBLIC_CLOUD_API_BASE ?? env.PUBLIC_AMR_API_BASE ?? 'https://amr-api.open-design.ai';
+const CLOUD_LOGIN_URL =
+  env.PUBLIC_CLOUD_LOGIN_URL ?? env.PUBLIC_AMR_LOGIN_URL ?? 'https://open-design.ai/cloud/login';
+const CLOUD_CONSOLE_URL =
+  env.PUBLIC_CLOUD_CONSOLE_URL ??
+  env.PUBLIC_AMR_CONSOLE_URL ??
+  'https://open-design.ai/cloud/wallet?source=open_design';
 
 // Solution → Use cases / Roles. Hrefs mirror upstream main's header 1:1 and
 // pair positionally with the localized `useCaseItems` / `roleItems` tuples.
@@ -328,7 +332,7 @@ export function Header({
                 aria-label={productMenuCopy.agent}
               >
                 <li>
-                  <a href={AMR_URL}>
+                  <a href={CLOUD_URL}>
                     <span className='dropdown-name'>{productMenuCopy.amrName}</span>
                     <span className='dropdown-blurb'>{productMenuCopy.amrBlurb}</span>
                   </a>
@@ -572,7 +576,7 @@ export function Header({
             {headerCopy.download}
           </a>
           {/*
-            Open Design Cloud (AMR) account entry. Renders BOTH states up front
+            Open Design Cloud account entry. Renders BOTH states up front
             and lets `header-enhancer.astro` toggle them at runtime: the
             signed-out "Sign in" link is visible by default (so no-JS / pre-hydration
             shows a working login link), and the signed-in avatar menu stays
@@ -583,12 +587,12 @@ export function Header({
           <div
             className='nav-account'
             data-amr-account
-            data-amr-api={AMR_API_BASE}
-            data-amr-login={AMR_LOGIN_URL}
-            data-amr-console={AMR_CONSOLE_URL}
+            data-amr-api={CLOUD_API_BASE}
+            data-amr-login={CLOUD_LOGIN_URL}
+            data-amr-console={CLOUD_CONSOLE_URL}
             data-amr-home={href('/')}
           >
-            <a className='nav-signin' href={AMR_LOGIN_URL} data-amr-signin>
+            <a className='nav-signin' href={CLOUD_LOGIN_URL} data-amr-signin>
               {headerCopy.signIn}
             </a>
             <details className='nav-account-menu' data-amr-menu hidden>
@@ -612,7 +616,7 @@ export function Header({
                 <a
                   className='nav-account-item'
                   role='menuitem'
-                  href={AMR_CONSOLE_URL}
+                  href={CLOUD_CONSOLE_URL}
                   target='_blank'
                   rel='noreferrer noopener'
                   data-amr-console-link

apps/landing-page/app/globals.css

@@ -452,7 +452,7 @@ body::before {
   .locale-menu { animation: none; }
   .locale-trigger-caret { transition: none; }
 }
-/* ---------- Open Design Cloud (AMR) header account ---------- */
+/* ---------- Open Design Cloud header account ---------- */
 /*
  * Two mutually-exclusive states share this slot: the signed-out "Sign in"
  * link and the signed-in avatar menu. Both render in the markup; the avatar
@@ -509,10 +509,15 @@ body::before {
 /* Avatar menu — a borderless <details> whose summary is the avatar disc. */
 .nav-account-menu {
   position: relative;
+  display: inline-flex;
+  align-items: center;
 }
 .nav-account-trigger {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
   cursor: pointer;
   list-style: none;
   border-radius: 999px;
@@ -529,6 +534,7 @@ body::before {
   width: 32px;
   height: 32px;
   border-radius: 50%;
+  display: block;
   flex-shrink: 0;
   object-fit: cover;
 }

apps/landing-page/app/i18n.ts

@@ -226,11 +226,11 @@ export interface HeaderCopy {
   starAria: string;
   starTitle: string;
   starPrefix: string;
-  /** Open Design Cloud (AMR) account entry — see header-enhancer.astro. */
+  /** Open Design Cloud account entry — see header-enhancer.astro. */
   signIn: string;
   /** aria-label for the signed-in avatar / account menu trigger. */
   accountAria: string;
-  /** Avatar dropdown: open the Cloud console (AMR app). */
+  /** Avatar dropdown: open the Cloud console. */
   menuConsole: string;
   /** Avatar dropdown: sign out of the Cloud session. */
   menuSignOut: string;

apps/landing-page/app/pages/index.astro

@@ -1489,7 +1489,7 @@ const cobeEnhancerUrl = `/enhancers/cobe.js?v=${
             if (ev.key === 'Escape') setNavOpen(false);
           });
         })();
-        // Open Design Cloud (AMR) header account. Same as `enhanceMobileNav`
+        // Open Design Cloud header account. Same as `enhanceMobileNav`
         // above, this mirrors `header-enhancer.astro` because the homepage does
         // not include that enhancer. Detect a live cloud session, swap the
         // "Sign in" link for the avatar menu, drive popup login + polling, and
@@ -1614,7 +1614,7 @@ const cobeEnhancerUrl = `/enhancers/cobe.js?v=${
               const top = Math.round(dy + (vh - H) / 2);
               const popup = window.open(
                 loginUrl,
-                'od-amr-login',
+                'od-cloud-login',
                 `width=${W},height=${H},left=${left},top=${top},menubar=no,toolbar=no,location=yes`,
               );
               // Popup blocked: fall back to a same-tab navigation.