From 8ab2c7eafb8110e50859b683b8bdd78f915242be Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 04:12:38 +0800
Subject: [PATCH 01/13] fix(gui): keep account actions from reflowing card
 header

---
 .../components/codex-account-pool-cards.tsx   | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/gui/src/components/codex-account-pool-cards.tsx b/gui/src/components/codex-account-pool-cards.tsx
index 7c112e7a72..f395ee788d 100644
--- a/gui/src/components/codex-account-pool-cards.tsx
+++ b/gui/src/components/codex-account-pool-cards.tsx
@@ -144,6 +144,7 @@ export function CodexAccountPoolCards({
             */}
             <details
               className="codex-account-more card-right"
+              style={{ position: "relative", display: "inline-block" }}
               open={moreOpen.has(a.id)}
               onToggle={e => {
                 const open = (e.currentTarget as HTMLDetailsElement).open;
@@ -151,7 +152,23 @@ export function CodexAccountPoolCards({
               }}
             >
               <summary className="btn btn-ghost btn-sm" aria-label={`${t("codexAuth.moreActions")} — ${a.email}`} title={t("codexAuth.moreActions")}>⋯</summary>
-              <div className="codex-account-more-body">
+              <div
+                className="codex-account-more-body"
+                style={{
+                  position: "absolute",
+                  top: "calc(100% + 6px)",
+                  right: 0,
+                  zIndex: 2,
+                  width: "max-content",
+                  maxWidth: "min(680px, calc(100vw - 48px))",
+                  flexBasis: "auto",
+                  padding: 8,
+                  justifyContent: "flex-end",
+                  background: "var(--surface)",
+                  border: "1px solid var(--border)",
+                  borderRadius: "var(--radius-sm)",
+                }}
+              >
                 <span className="mono text-caption muted">{t("prov.accountId")}: {displayAccountId(a.id)}</span>
                 <button type="button" className="btn btn-ghost btn-sm" onClick={() => idCopy.copy(a.id, a.id)}>
                   {idCopy.outcomeFor(a.id) === "copied" ? t("startup.copied") : t("codexAuth.copyId")}

From 822ac4d213d407ed684dd03acdfc2ca3b8a3bcb6 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 04:57:03 +0800
Subject: [PATCH 02/13] fix(gui): move account disclosure layout into CSS

---
 .../components/codex-account-pool-cards.tsx   | 19 +-------------
 gui/src/styles.css                            | 25 ++++++++++++++++---
 .../codex-account-pool-toast-tone.test.tsx    | 22 ++++++++++++++++
 3 files changed, 44 insertions(+), 22 deletions(-)

diff --git a/gui/src/components/codex-account-pool-cards.tsx b/gui/src/components/codex-account-pool-cards.tsx
index f395ee788d..7c112e7a72 100644
--- a/gui/src/components/codex-account-pool-cards.tsx
+++ b/gui/src/components/codex-account-pool-cards.tsx
@@ -144,7 +144,6 @@ export function CodexAccountPoolCards({
             */}
             <details
               className="codex-account-more card-right"
-              style={{ position: "relative", display: "inline-block" }}
               open={moreOpen.has(a.id)}
               onToggle={e => {
                 const open = (e.currentTarget as HTMLDetailsElement).open;
@@ -152,23 +151,7 @@ export function CodexAccountPoolCards({
               }}
             >
               <summary className="btn btn-ghost btn-sm" aria-label={`${t("codexAuth.moreActions")} — ${a.email}`} title={t("codexAuth.moreActions")}>⋯</summary>
-              <div
-                className="codex-account-more-body"
-                style={{
-                  position: "absolute",
-                  top: "calc(100% + 6px)",
-                  right: 0,
-                  zIndex: 2,
-                  width: "max-content",
-                  maxWidth: "min(680px, calc(100vw - 48px))",
-                  flexBasis: "auto",
-                  padding: 8,
-                  justifyContent: "flex-end",
-                  background: "var(--surface)",
-                  border: "1px solid var(--border)",
-                  borderRadius: "var(--radius-sm)",
-                }}
-              >
+              <div className="codex-account-more-body">
                 <span className="mono text-caption muted">{t("prov.accountId")}: {displayAccountId(a.id)}</span>
                 <button type="button" className="btn btn-ghost btn-sm" onClick={() => idCopy.copy(a.id, a.id)}>
                   {idCopy.outcomeFor(a.id) === "copied" ? t("startup.copied") : t("codexAuth.copyId")}
diff --git a/gui/src/styles.css b/gui/src/styles.css
index a5838be7e4..a72bd57de7 100644
--- a/gui/src/styles.css
+++ b/gui/src/styles.css
@@ -1990,12 +1990,29 @@ dialog.modal-overlay::backdrop {
 .codex-pool-strategy-card .card-sub { padding: 0; }
 /* Inline selection-order row on an account card: label and trigger share one line, and the
    trigger is scaled down to the card's hint text so it reads as part of the card, not a form. */
-/* Per-account ⋯: a labelled disclosure in the action row (no menu role). Its body sits on its
-   own line under the actions so the revealed controls keep DOM tab order. */
-.codex-account-more { display: inline-flex; flex-wrap: wrap; align-items: center; }
+/* Per-account ⋯: a labelled disclosure in the action row (no menu role). Keep the details
+   wrapper inline so opening the body cannot add a flex item to the card header; the revealed
+   controls are an anchored panel and retain their DOM tab order. */
+.codex-account-more { position: relative; display: inline-block; }
 .codex-account-more > summary { list-style: none; cursor: pointer; min-width: 28px; justify-content: center; }
 .codex-account-more > summary::-webkit-details-marker { display: none; }
-.codex-account-more-body { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex-basis: 100%; padding-top: 6px; }
+.codex-account-more-body {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: 0;
+  z-index: 2;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  width: max-content;
+  max-width: min(680px, calc(100vw - 48px));
+  padding: 8px;
+  justify-content: flex-end;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+}
 .codex-account-identity { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 16px 6px; min-width: 0; }
 .codex-account-identity-copy { font-size: var(--text-label); line-height: var(--leading-body); color: var(--muted); min-width: 0; overflow-wrap: anywhere; }
 .codex-account-priority { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 0; min-width: 0; flex: 0 0 auto; }
diff --git a/gui/tests/codex-account-pool-toast-tone.test.tsx b/gui/tests/codex-account-pool-toast-tone.test.tsx
index 5e64bed40a..6aeca89759 100644
--- a/gui/tests/codex-account-pool-toast-tone.test.tsx
+++ b/gui/tests/codex-account-pool-toast-tone.test.tsx
@@ -573,3 +573,25 @@ test("a pool card with a non-default order keeps its order select inline", async
   expect(card.querySelector<HTMLDetailsElement>("details.codex-account-more")!.open).toBe(false);
   expect(card.querySelector("#codex-account-priority-pool-1")).not.toBeNull();
 });
+
+test("the more-actions disclosure uses one anchored CSS panel without a flex-basis row break", async () => {
+  const source = await Bun.file(new URL("../src/components/codex-account-pool-cards.tsx", import.meta.url)).text();
+  const css = await Bun.file(new URL("../src/styles.css", import.meta.url)).text();
+  const wrapper = /\.codex-account-more\s*\{([^}]*)\}/.exec(css)?.[1] ?? "";
+  const body = /\.codex-account-more-body\s*\{([^}]*)\}/.exec(css)?.[1] ?? "";
+
+  // The layout contract belongs to the stylesheet so a later refactor cannot leave an
+  // inline declaration silently winning over the old flex rule.
+  expect(source).toContain('className="codex-account-more card-right"');
+  expect(source).toContain('className="codex-account-more-body"');
+  expect(source).not.toContain('style={{ position: "relative", display: "inline-block" }}');
+  expect(source).not.toContain('flexBasis: "auto"');
+
+  expect(wrapper).toMatch(/position:\s*relative/);
+  expect(wrapper).toMatch(/display:\s*inline-block/);
+  expect(body).toMatch(/position:\s*absolute/);
+  expect(body).toMatch(/top:\s*calc\(100% \+ 6px\)/);
+  expect(body).toMatch(/right:\s*0/);
+  expect(body).toMatch(/max-width:\s*min\(680px, calc\(100vw - 48px\)\)/);
+  expect(body).not.toMatch(/flex-basis:/);
+});

From beb5cdb3041a18ca32fce257594a037682c66831 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 05:35:50 +0800
Subject: [PATCH 03/13] fix(gui): keep default priority inside actions panel

---
 .../components/codex-account-pool-cards.tsx   | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/gui/src/components/codex-account-pool-cards.tsx b/gui/src/components/codex-account-pool-cards.tsx
index 7c112e7a72..f2864724bf 100644
--- a/gui/src/components/codex-account-pool-cards.tsx
+++ b/gui/src/components/codex-account-pool-cards.tsx
@@ -82,6 +82,20 @@ export function CodexAccountPoolCards({
         const inCooldown = oauthHealthIsCooldown(healthStatus);
         const healthLabel = formatOAuthHealthLabel(t, a.health);
         const healthSummary = formatOAuthHealthSummary(t, "codex", a.id, a.health);
+        const hasCustomPriority = normalizeAccountPriority(a.priority) !== DEFAULT_ACCOUNT_PRIORITY;
+        const priorityControl = (
+          <AccountPriorityControl
+            value={a.priority}
+            selectId={`codex-account-priority-${a.id}`}
+            // Every row, not just the one being written: the controller serializes order
+            // writes behind one mutation ref, so a second row's pick would come back "busy"
+            // and be dropped with no toast. Same global lock the pause button uses.
+            // A pending switch counts too — it writes the same pin this clears, so the
+            // controller refuses to overlap them, and that refusal is equally silent.
+            disabled={priorityUpdatingId !== null || switchingId !== null}
+            onChange={(priority) => onPriorityChange(a, priority)}
+          />
+        );
         return (
         <div key={a.id} className={`card ${isNext(a) ? "card-active" : ""}`} style={{ marginBottom: 8 }}>
           <div className="card-head">
@@ -152,6 +166,7 @@ export function CodexAccountPoolCards({
             >
               <summary className="btn btn-ghost btn-sm" aria-label={`${t("codexAuth.moreActions")} — ${a.email}`} title={t("codexAuth.moreActions")}>⋯</summary>
               <div className="codex-account-more-body">
+                {!hasCustomPriority && priorityControl}
                 <span className="mono text-caption muted">{t("prov.accountId")}: {displayAccountId(a.id)}</span>
                 <button type="button" className="btn btn-ghost btn-sm" onClick={() => idCopy.copy(a.id, a.id)}>
                   {idCopy.outcomeFor(a.id) === "copied" ? t("startup.copied") : t("codexAuth.copyId")}
@@ -173,19 +188,7 @@ export function CodexAccountPoolCards({
           </div>
           <div className="codex-account-identity">
             <div className="codex-account-identity-copy">{a.email}{a.plan ? ` · ${a.plan}` : ""}</div>
-            {(normalizeAccountPriority(a.priority) !== DEFAULT_ACCOUNT_PRIORITY || moreOpen.has(a.id)) && (
-            <AccountPriorityControl
-              value={a.priority}
-              selectId={`codex-account-priority-${a.id}`}
-              // Every row, not just the one being written: the controller serializes order
-              // writes behind one mutation ref, so a second row's pick would come back "busy"
-              // and be dropped with no toast. Same global lock the pause button uses.
-              // A pending switch counts too — it writes the same pin this clears, so the
-              // controller refuses to overlap them, and that refusal is equally silent.
-              disabled={priorityUpdatingId !== null || switchingId !== null}
-              onChange={(priority) => onPriorityChange(a, priority)}
-            />
-            )}
+            {hasCustomPriority && priorityControl}
           </div>
           {healthSummary && (
             <div className="card-sub faint">{healthSummary}</div>

From f36d1a52f2f9786368f3ec65780dc6cab85f1cef Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 05:36:21 +0800
Subject: [PATCH 04/13] fix(gui): render priority only while disclosure is open

---
 gui/src/components/codex-account-pool-cards.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gui/src/components/codex-account-pool-cards.tsx b/gui/src/components/codex-account-pool-cards.tsx
index f2864724bf..b0ea42bf88 100644
--- a/gui/src/components/codex-account-pool-cards.tsx
+++ b/gui/src/components/codex-account-pool-cards.tsx
@@ -166,7 +166,7 @@ export function CodexAccountPoolCards({
             >
               <summary className="btn btn-ghost btn-sm" aria-label={`${t("codexAuth.moreActions")} — ${a.email}`} title={t("codexAuth.moreActions")}>⋯</summary>
               <div className="codex-account-more-body">
-                {!hasCustomPriority && priorityControl}
+                {!hasCustomPriority && moreOpen.has(a.id) && priorityControl}
                 <span className="mono text-caption muted">{t("prov.accountId")}: {displayAccountId(a.id)}</span>
                 <button type="button" className="btn btn-ghost btn-sm" onClick={() => idCopy.copy(a.id, a.id)}>
                   {idCopy.outcomeFor(a.id) === "copied" ? t("startup.copied") : t("codexAuth.copyId")}

From f7391941ed8c190d9c73b3f8abc116efaa5b8168 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 05:47:45 +0800
Subject: [PATCH 05/13] test(gui): pin account priority disclosure placement

---
 ...x-account-more-priority-placement.test.tsx | 115 ++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 gui/tests/codex-account-more-priority-placement.test.tsx

diff --git a/gui/tests/codex-account-more-priority-placement.test.tsx b/gui/tests/codex-account-more-priority-placement.test.tsx
new file mode 100644
index 0000000000..77fbee8c06
--- /dev/null
+++ b/gui/tests/codex-account-more-priority-placement.test.tsx
@@ -0,0 +1,115 @@
+import { afterEach, beforeEach, expect, test } from "bun:test";
+import { Window } from "happy-dom";
+import { act } from "react";
+import { createRoot, type Root } from "react-dom/client";
+import { CodexAccountPoolCards } from "../src/components/codex-account-pool-cards";
+import type { CodexAccountEntry } from "../src/components/codex-account-pool-types";
+import { LanguageProvider } from "../src/i18n/provider";
+
+const globals = ["document", "window", "navigator", "localStorage", "IS_REACT_ACT_ENVIRONMENT"] as const;
+type GlobalName = (typeof globals)[number];
+
+let previous: Record<GlobalName, PropertyDescriptor | undefined>;
+let testWindow: Window;
+let root: Root | null = null;
+let host: HTMLElement;
+
+function restoreProperty(target: object, key: PropertyKey, descriptor: PropertyDescriptor | undefined): void {
+  if (descriptor) Object.defineProperty(target, key, descriptor);
+  else Reflect.deleteProperty(target, key);
+}
+
+beforeEach(() => {
+  previous = Object.fromEntries(
+    globals.map(key => [key, Object.getOwnPropertyDescriptor(globalThis, key)]),
+  ) as typeof previous;
+  testWindow = new Window({ url: "http://localhost/" });
+  Object.defineProperties(globalThis, {
+    document: { configurable: true, value: testWindow.document },
+    window: { configurable: true, value: testWindow },
+    navigator: { configurable: true, value: testWindow.navigator },
+    localStorage: { configurable: true, value: testWindow.localStorage },
+    IS_REACT_ACT_ENVIRONMENT: { configurable: true, value: true },
+  });
+  host = testWindow.document.createElement("div") as never as HTMLElement;
+  testWindow.document.body.appendChild(host as never);
+});
+
+afterEach(async () => {
+  if (root) await act(async () => root?.unmount());
+  root = null;
+  for (const key of globals) restoreProperty(globalThis, key, previous[key]);
+  await testWindow.happyDOM?.close?.();
+});
+
+function account(priority: number): CodexAccountEntry {
+  return {
+    id: "pool-1",
+    email: "pool@example.test",
+    isMain: false,
+    paused: false,
+    priority,
+    hasCredential: true,
+    quota: null,
+    quotaAutoRefresh: {
+      fiveHourAvailable: false,
+      weeklyAvailable: false,
+      fiveHourEnabled: false,
+      weeklyEnabled: false,
+    },
+  };
+}
+
+async function mount(priority: number): Promise<void> {
+  await act(async () => {
+    root = createRoot(host);
+    root.render(
+      <LanguageProvider>
+        <CodexAccountPoolCards
+          pool={[account(priority)]}
+          activeId={null}
+          accountModeState={null}
+          switchActionLabel="Switch"
+          threshold={80}
+          onOpenReset={() => undefined}
+          onSwitch={() => undefined}
+          onTogglePause={() => undefined}
+          pauseUpdatingId={null}
+          pauseBusy={false}
+          onPriorityChange={() => undefined}
+          priorityUpdatingId={null}
+          switchingId={null}
+          pinnedId={null}
+          onReauth={() => undefined}
+          onEditAlias={() => undefined}
+          onRemove={() => undefined}
+        />
+      </LanguageProvider>,
+    );
+  });
+}
+
+test("default priority selector is rendered inside the open more-actions panel", async () => {
+  await mount(0);
+  const more = host.querySelector<HTMLDetailsElement>("details.codex-account-more");
+  expect(more).not.toBeNull();
+  expect(host.querySelector("#codex-account-priority-pool-1")).toBeNull();
+
+  await act(async () => {
+    more!.querySelector<HTMLElement>("summary")!.click();
+    await new Promise<void>(resolve => testWindow.setTimeout(resolve, 0));
+  });
+
+  expect(more!.open).toBe(true);
+  expect(more!.querySelector("#codex-account-priority-pool-1")).not.toBeNull();
+  expect(host.querySelector(".codex-account-identity #codex-account-priority-pool-1")).toBeNull();
+});
+
+test("non-default priority selector stays inline and out of the closed disclosure", async () => {
+  await mount(2);
+  const more = host.querySelector<HTMLDetailsElement>("details.codex-account-more");
+  expect(more).not.toBeNull();
+  expect(more!.open).toBe(false);
+  expect(more!.querySelector("#codex-account-priority-pool-1")).toBeNull();
+  expect(host.querySelector(".codex-account-identity #codex-account-priority-pool-1")).not.toBeNull();
+});

From 453027336d34986b23f63d30ac3e71e40fd1c40e Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 05:52:06 +0800
Subject: [PATCH 06/13] test(gui): assert one priority control per account

---
 ...dex-account-more-priority-placement.test.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/gui/tests/codex-account-more-priority-placement.test.tsx b/gui/tests/codex-account-more-priority-placement.test.tsx
index 77fbee8c06..4fb49dddc3 100644
--- a/gui/tests/codex-account-more-priority-placement.test.tsx
+++ b/gui/tests/codex-account-more-priority-placement.test.tsx
@@ -8,6 +8,7 @@ import { LanguageProvider } from "../src/i18n/provider";
 
 const globals = ["document", "window", "navigator", "localStorage", "IS_REACT_ACT_ENVIRONMENT"] as const;
 type GlobalName = (typeof globals)[number];
+const prioritySelector = "#codex-account-priority-pool-1";
 
 let previous: Record<GlobalName, PropertyDescriptor | undefined>;
 let testWindow: Window;
@@ -89,11 +90,11 @@ async function mount(priority: number): Promise<void> {
   });
 }
 
-test("default priority selector is rendered inside the open more-actions panel", async () => {
+test("default priority selector is rendered once inside the open more-actions panel", async () => {
   await mount(0);
   const more = host.querySelector<HTMLDetailsElement>("details.codex-account-more");
   expect(more).not.toBeNull();
-  expect(host.querySelector("#codex-account-priority-pool-1")).toBeNull();
+  expect(host.querySelectorAll(prioritySelector)).toHaveLength(0);
 
   await act(async () => {
     more!.querySelector<HTMLElement>("summary")!.click();
@@ -101,15 +102,17 @@ test("default priority selector is rendered inside the open more-actions panel",
   });
 
   expect(more!.open).toBe(true);
-  expect(more!.querySelector("#codex-account-priority-pool-1")).not.toBeNull();
-  expect(host.querySelector(".codex-account-identity #codex-account-priority-pool-1")).toBeNull();
+  expect(host.querySelectorAll(prioritySelector)).toHaveLength(1);
+  expect(more!.querySelector(prioritySelector)).not.toBeNull();
+  expect(host.querySelector(`.codex-account-identity ${prioritySelector}`)).toBeNull();
 });
 
-test("non-default priority selector stays inline and out of the closed disclosure", async () => {
+test("non-default priority selector is rendered once inline and out of the closed disclosure", async () => {
   await mount(2);
   const more = host.querySelector<HTMLDetailsElement>("details.codex-account-more");
   expect(more).not.toBeNull();
   expect(more!.open).toBe(false);
-  expect(more!.querySelector("#codex-account-priority-pool-1")).toBeNull();
-  expect(host.querySelector(".codex-account-identity #codex-account-priority-pool-1")).not.toBeNull();
+  expect(host.querySelectorAll(prioritySelector)).toHaveLength(1);
+  expect(more!.querySelector(prioritySelector)).toBeNull();
+  expect(host.querySelector(`.codex-account-identity ${prioritySelector}`)).not.toBeNull();
 });

From c73d644c3deac337db7ce996d02e3bceb7817372 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 18:15:05 +0800
Subject: [PATCH 07/13] fix(gui): align account actions with popover styling

---
 gui/src/styles-codex-set.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/gui/src/styles-codex-set.css b/gui/src/styles-codex-set.css
index 25daedcd68..764a96660f 100644
--- a/gui/src/styles-codex-set.css
+++ b/gui/src/styles-codex-set.css
@@ -441,3 +441,19 @@
 .codex-main-hard-lock-dialog .modal-desc { text-wrap: pretty; }
 :lang(ko) .codex-main-hard-lock-copy .card-sub,
 :lang(ko) .codex-main-hard-lock-dialog .modal-desc { word-break: keep-all; }
+
+/* Account-card ⋯ actions share the dashboard's compact popover language instead of
+   reading as a wide floating toolbar. This selector intentionally outranks the later
+   single-class rule in styles.css without moving layout ownership back inline. */
+.codex-account-more .codex-account-more-body {
+  box-sizing: border-box;
+  z-index: var(--z-popover);
+  min-width: min(16rem, calc(100vw - 2rem));
+  max-width: min(22rem, calc(100vw - 2rem));
+  padding: 10px 12px;
+  gap: 6px;
+  justify-content: flex-start;
+  background: var(--raised);
+  border-radius: var(--radius);
+  box-shadow: 0 4px 24px rgb(0 0 0 / 0.14);
+}

From 96f074cb828ba9da6b94fbb08778cd6b29bb3c1a Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 18:15:17 +0800
Subject: [PATCH 08/13] test(gui): pin compact account actions popover

---
 .../codex-account-more-popover-style.test.ts  | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 gui/tests/codex-account-more-popover-style.test.ts

diff --git a/gui/tests/codex-account-more-popover-style.test.ts b/gui/tests/codex-account-more-popover-style.test.ts
new file mode 100644
index 0000000000..f15d1b4575
--- /dev/null
+++ b/gui/tests/codex-account-more-popover-style.test.ts
@@ -0,0 +1,19 @@
+import { expect, test } from "bun:test";
+
+function ruleBody(css: string, selector: string): string {
+  const escaped = selector.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return new RegExp(`${escaped}\\s*\\{([^}]*)\\}`).exec(css)?.[1] ?? "";
+}
+
+test("account more-actions uses the compact dashboard popover language", async () => {
+  const css = await Bun.file(new URL("../src/styles-codex-set.css", import.meta.url)).text();
+  const body = ruleBody(css, ".codex-account-more .codex-account-more-body");
+
+  expect(body).toMatch(/z-index:\s*var\(--z-popover\)/);
+  expect(body).toMatch(/min-width:\s*min\(16rem, calc\(100vw - 2rem\)\)/);
+  expect(body).toMatch(/max-width:\s*min\(22rem, calc\(100vw - 2rem\)\)/);
+  expect(body).toMatch(/background:\s*var\(--raised\)/);
+  expect(body).toMatch(/border-radius:\s*var\(--radius\)/);
+  expect(body).toMatch(/box-shadow:\s*0 4px 24px rgb\(0 0 0 \/ 0\.14\)/);
+  expect(body).toMatch(/justify-content:\s*flex-start/);
+});

From 91c7e9d0d408f60692928bb8899a609f5c2fc1c3 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 18:16:43 +0800
Subject: [PATCH 09/13] refactor(gui): own account popover layout in codex
 styles

---
 gui/src/styles-codex-set.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/gui/src/styles-codex-set.css b/gui/src/styles-codex-set.css
index 764a96660f..d23ac05799 100644
--- a/gui/src/styles-codex-set.css
+++ b/gui/src/styles-codex-set.css
@@ -457,3 +457,21 @@
   border-radius: var(--radius);
   box-shadow: 0 4px 24px rgb(0 0 0 / 0.14);
 }
+
+/* Layout ownership lives here too. The type-qualified selectors outrank the legacy
+   single-class declarations later in styles.css, so the disclosure stays out of card flow
+   even after styles.css is refreshed from upstream. */
+details.codex-account-more {
+  position: relative;
+  display: inline-block;
+}
+
+details.codex-account-more > .codex-account-more-body {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: 0;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  flex-basis: auto;
+}

From 21cefec3d5cfa2dd8241df6c3daab30cb2522e27 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 18:16:55 +0800
Subject: [PATCH 10/13] test(gui): cover account popover layout ownership

---
 .../codex-account-more-popover-style.test.ts  | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/gui/tests/codex-account-more-popover-style.test.ts b/gui/tests/codex-account-more-popover-style.test.ts
index f15d1b4575..ed968a3f0f 100644
--- a/gui/tests/codex-account-more-popover-style.test.ts
+++ b/gui/tests/codex-account-more-popover-style.test.ts
@@ -7,13 +7,22 @@ function ruleBody(css: string, selector: string): string {
 
 test("account more-actions uses the compact dashboard popover language", async () => {
   const css = await Bun.file(new URL("../src/styles-codex-set.css", import.meta.url)).text();
-  const body = ruleBody(css, ".codex-account-more .codex-account-more-body");
+  const wrapper = ruleBody(css, "details.codex-account-more");
+  const layout = ruleBody(css, "details.codex-account-more > .codex-account-more-body");
+  const visual = ruleBody(css, ".codex-account-more .codex-account-more-body");
 
-  expect(body).toMatch(/z-index:\s*var\(--z-popover\)/);
-  expect(body).toMatch(/min-width:\s*min\(16rem, calc\(100vw - 2rem\)\)/);
-  expect(body).toMatch(/max-width:\s*min\(22rem, calc\(100vw - 2rem\)\)/);
-  expect(body).toMatch(/background:\s*var\(--raised\)/);
-  expect(body).toMatch(/border-radius:\s*var\(--radius\)/);
-  expect(body).toMatch(/box-shadow:\s*0 4px 24px rgb\(0 0 0 \/ 0\.14\)/);
-  expect(body).toMatch(/justify-content:\s*flex-start/);
+  expect(wrapper).toMatch(/position:\s*relative/);
+  expect(wrapper).toMatch(/display:\s*inline-block/);
+  expect(layout).toMatch(/position:\s*absolute/);
+  expect(layout).toMatch(/top:\s*calc\(100% \+ 6px\)/);
+  expect(layout).toMatch(/right:\s*0/);
+  expect(layout).toMatch(/flex-basis:\s*auto/);
+
+  expect(visual).toMatch(/z-index:\s*var\(--z-popover\)/);
+  expect(visual).toMatch(/min-width:\s*min\(16rem, calc\(100vw - 2rem\)\)/);
+  expect(visual).toMatch(/max-width:\s*min\(22rem, calc\(100vw - 2rem\)\)/);
+  expect(visual).toMatch(/background:\s*var\(--raised\)/);
+  expect(visual).toMatch(/border-radius:\s*var\(--radius\)/);
+  expect(visual).toMatch(/box-shadow:\s*0 4px 24px rgb\(0 0 0 \/ 0\.14\)/);
+  expect(visual).toMatch(/justify-content:\s*flex-start/);
 });

From 65cf58bdd461f57ffcc83180a3b1a1d2c951d0d9 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Wed, 9 Sep 2026 20:33:22 +0800
Subject: [PATCH 11/13] test(gui): drop stale account popover assertion

---
 .../codex-account-pool-toast-tone.test.tsx    | 22 -------------------
 1 file changed, 22 deletions(-)

diff --git a/gui/tests/codex-account-pool-toast-tone.test.tsx b/gui/tests/codex-account-pool-toast-tone.test.tsx
index 6aeca89759..5e64bed40a 100644
--- a/gui/tests/codex-account-pool-toast-tone.test.tsx
+++ b/gui/tests/codex-account-pool-toast-tone.test.tsx
@@ -573,25 +573,3 @@ test("a pool card with a non-default order keeps its order select inline", async
   expect(card.querySelector<HTMLDetailsElement>("details.codex-account-more")!.open).toBe(false);
   expect(card.querySelector("#codex-account-priority-pool-1")).not.toBeNull();
 });
-
-test("the more-actions disclosure uses one anchored CSS panel without a flex-basis row break", async () => {
-  const source = await Bun.file(new URL("../src/components/codex-account-pool-cards.tsx", import.meta.url)).text();
-  const css = await Bun.file(new URL("../src/styles.css", import.meta.url)).text();
-  const wrapper = /\.codex-account-more\s*\{([^}]*)\}/.exec(css)?.[1] ?? "";
-  const body = /\.codex-account-more-body\s*\{([^}]*)\}/.exec(css)?.[1] ?? "";
-
-  // The layout contract belongs to the stylesheet so a later refactor cannot leave an
-  // inline declaration silently winning over the old flex rule.
-  expect(source).toContain('className="codex-account-more card-right"');
-  expect(source).toContain('className="codex-account-more-body"');
-  expect(source).not.toContain('style={{ position: "relative", display: "inline-block" }}');
-  expect(source).not.toContain('flexBasis: "auto"');
-
-  expect(wrapper).toMatch(/position:\s*relative/);
-  expect(wrapper).toMatch(/display:\s*inline-block/);
-  expect(body).toMatch(/position:\s*absolute/);
-  expect(body).toMatch(/top:\s*calc\(100% \+ 6px\)/);
-  expect(body).toMatch(/right:\s*0/);
-  expect(body).toMatch(/max-width:\s*min\(680px, calc\(100vw - 48px\)\)/);
-  expect(body).not.toMatch(/flex-basis:/);
-});

From 9c9a0c8d6487c26bc1512216fdeeaf607dea9577 Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Thu, 10 Sep 2026 20:02:50 +0800
Subject: [PATCH 12/13] chore(gui): reconcile account card with current dev

---
 gui/src/components/codex-account-pool-cards.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/gui/src/components/codex-account-pool-cards.tsx b/gui/src/components/codex-account-pool-cards.tsx
index b0ea42bf88..8817ed1616 100644
--- a/gui/src/components/codex-account-pool-cards.tsx
+++ b/gui/src/components/codex-account-pool-cards.tsx
@@ -80,6 +80,7 @@ export function CodexAccountPoolCards({
         const healthStatus = a.health?.status;
         const showReauth = Boolean(a.needsReauth) || oauthHealthShowsReauth(healthStatus);
         const inCooldown = oauthHealthIsCooldown(healthStatus);
+        const validationPending = a.health?.reason === "validation_pending";
         const healthLabel = formatOAuthHealthLabel(t, a.health);
         const healthSummary = formatOAuthHealthSummary(t, "codex", a.id, a.health);
         const hasCustomPriority = normalizeAccountPriority(a.priority) !== DEFAULT_ACCOUNT_PRIORITY;
@@ -115,13 +116,13 @@ export function CodexAccountPoolCards({
                 <span className={oauthHealthBadgeClass(healthStatus)}>{healthLabel}</span>
               )}
               {showReauth && !healthLabel && <span className="badge badge-amber">{t("codexAuth.needsReauth")}</span>}
-              {isNext(a) && !showReauth && !inCooldown && (
+              {isNext(a) && !showReauth && !inCooldown && !validationPending && (
                 <span className="badge badge-primary">
                   {t(accountModeState === "direct" ? "codexAuth.poolPrepared" : "codexAuth.nextSession")}
                 </span>
               )}
             </span>
-            {!a.paused && (!isNext(a) || pinnedId !== a.id) && !showReauth && !inCooldown && (
+            {!a.paused && (!isNext(a) || pinnedId !== a.id) && !showReauth && !inCooldown && !validationPending && (
               <button type="button" className="btn btn-ghost btn-sm codex-account-switch" onClick={() => onSwitch(a)}>
                 {switchActionLabel}
               </button>

From a776728385df199e93a65bcb4dfe128867880ebf Mon Sep 17 00:00:00 2001
From: Vocllum <149675937+Vocllum@users.noreply.github.com>
Date: Fri, 11 Sep 2026 18:54:13 +0800
Subject: [PATCH 13/13] docs(pr): add synthetic account-actions preview

---
 .../account-actions-popover-synthetic.jpg        | Bin 0 -> 9729 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 .github/pr-assets/account-actions-popover-synthetic.jpg

diff --git a/.github/pr-assets/account-actions-popover-synthetic.jpg b/.github/pr-assets/account-actions-popover-synthetic.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..21e9e806ac92d93329d1dc514a4ee952a8a0fa4a
GIT binary patch
literal 9729
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%0DRRo0b-4pQB%W&I<>?nHrY}C|Cz<3%o#bUbOZ`;g
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
SV6FA@-0utb5OlTi;{O1b_Ha1>

literal 0
HcmV?d00001