fix(web): anchor standalone updater prompt

Generated-By: looper 0.11.8 (runner=fixer, agent=codex)

Author: Siri-Ray

apps/web/src/styles/workspace/mention-home.css

@@ -398,18 +398,18 @@
   left: 0;
 }
 
-/* Floating account row (top-right cluster): the rocket rides right after the
-   avatar chip, hugging the viewport's right edge, so the side-flyout base
-   rule would push the panel off-screen (and `bottom: 0` would grow it past
-   the top). Open DOWNWARD instead, right-aligned to the host. */
-.entry-nav-rail__account--floating .entry-updater-menu .updater-popup {
+/* Standalone updater slot (top-right cluster): the rocket rides right after
+   the account capsule, hugging the viewport's right edge, so the side-flyout
+   base rule would push the panel off-screen (and `bottom: 0` would grow it
+   past the top). Open DOWNWARD instead, right-aligned to the host. */
+.entry-top-right-cluster > .entry-nav-rail__account-updater .entry-updater-menu .updater-popup {
   top: calc(100% + 10px);
   bottom: auto;
   right: 0;
   left: auto;
 }
 
-[dir='rtl'] .entry-nav-rail__account--floating .entry-updater-menu .updater-popup {
+[dir='rtl'] .entry-top-right-cluster > .entry-nav-rail__account-updater .entry-updater-menu .updater-popup {
   right: auto;
   left: 0;
 }

e2e/ui/updater-popup-stacking.test.ts

@@ -1,5 +1,6 @@
 import { expect, test } from '@/playwright/suite';
 import { applyStandardMocks } from '@/playwright/mock-factory';
+import { mockAmrPersonalWorkspace } from '@/playwright/amr';
 import { ensureRailOpen } from '@/playwright/rail';
 import { T } from '@/timeouts';
 
@@ -77,6 +78,45 @@ test.beforeEach(async ({ page }) => {
   });
 });
 
+test('[P1] signed-in update prompt opens below the standalone rocket within the viewport', async ({
+  page,
+}) => {
+  await mockAmrPersonalWorkspace(page);
+  await page.setViewportSize({ width: 700, height: 600 });
+  await page.goto('/', { waitUntil: 'domcontentloaded' });
+  await page.getByText('Loading OpenDesign…').waitFor({ state: 'hidden', timeout: T.long });
+  await expect(page.getByTestId('entry-nav-account')).toBeVisible();
+
+  const updaterButton = page.getByTestId('entry-nav-updater');
+  await updaterButton.click();
+  const popup = page.getByTestId('updater-popup');
+  await expect(popup).toBeVisible();
+
+  const geometry = await page.evaluate(() => {
+    const rocket = document.querySelector('[data-testid="entry-nav-updater"]');
+    const prompt = document.querySelector('[data-testid="updater-popup"]');
+    if (rocket == null || prompt == null) return null;
+    const rocketRect = rocket.getBoundingClientRect();
+    const promptRect = prompt.getBoundingClientRect();
+    return {
+      rocketBottom: rocketRect.bottom,
+      promptTop: promptRect.top,
+      promptLeft: promptRect.left,
+      promptRight: promptRect.right,
+      viewportWidth: window.innerWidth,
+    };
+  });
+
+  expect(geometry, 'standalone updater rocket and prompt must both be measurable').not.toBeNull();
+  expect(geometry!.promptTop, 'prompt must open below the standalone rocket').toBeGreaterThan(
+    geometry!.rocketBottom,
+  );
+  expect(geometry!.promptLeft, 'prompt must stay inside the viewport left edge').toBeGreaterThanOrEqual(0);
+  expect(geometry!.promptRight, 'prompt must stay inside the viewport right edge').toBeLessThanOrEqual(
+    geometry!.viewportWidth,
+  );
+});
+
 test('[P1] update ready prompt paints above the composer and its agent picker', async ({ page }) => {
   test.fail(
     true,