create-walle 0.10.1 → 0.10.2

package/template/coding-task-manager/public/js/terminal-wheel.js

@@ -134,6 +134,7 @@
         claudeLocalScrollback: null,
         parkedInLocalScrollback: null,
         providerOwnsWheel: null,
+        codexOwnedDown: null,
         isNativeRoute: true,
         nativeDelegate: false,
         preventNoScrollbackNativeOrSnapshot: true,
@@ -195,7 +196,13 @@
       && !exited && !parkedInLocalScrollback;
     const mouseUnknown = isAlt && !mouseActive && providerOwnsWheel && !parkedInLocalScrollback
       && !codexAltReaderUp;
-    const shouldForward = mouseActive && providerOwnsWheel && !parkedInLocalScrollback;
+    // D-4 (codex-scroll-one-wheel-owner-and-reader-empty-pages-2026-10-24): a Codex app view's wheel
+    // has one owner -- CTM. Wheel-down with the reader closed is swallowed (never forwarded: Codex
+    // would scroll its own transcript).
+    const codexOwnedDown = agentKind === 'codex' && isAlt && mouseActive && deltaY > 0 && !exited
+      && !parkedInLocalScrollback;
+    const shouldForward = mouseActive && providerOwnsWheel && !parkedInLocalScrollback
+      && !codexOwnedDown;
     const isNativeRoute = wheelRoute === 'native' || (wheelRoute == null && !providerOwnsWheel);
     // D-2/D-8: the hand-off exclusion is `appMouse && isAlt` (a mouse-claiming alt-screen session),
     // NOT `parkedInLocalScrollback` -- that raw flag (viewportY < baseY) is ALSO true for a plain
@@ -224,6 +231,7 @@
     if (nativeDelegate) action = 'native-delegate';
     else if (mouseUnknown) action = 'mouse-unknown';
     else if (readerEnterEligible) action = 'reader-enter';
+    else if (codexOwnedDown) action = 'swallow';
     else if (shouldForward) action = 'forward';
     else if (historyHandoffEligible) action = 'history-handoff';
     else if (isNativeRoute && hasScrollback) action = 'native-fallthrough';
@@ -241,6 +249,7 @@
       claudeLocalScrollback,
       parkedInLocalScrollback,
       providerOwnsWheel,
+      codexOwnedDown,
       isNativeRoute,
       nativeDelegate,
       preventNoScrollbackNativeOrSnapshot,
@@ -344,11 +353,20 @@
       disposed = true;
     }
 
+    // D-5 (codex-scroll-one-wheel-owner-and-reader-empty-pages-2026-10-24): drop a report already
+    // merged for the NEXT frame -- the caller (index.html's reader-enter path) is switching the
+    // wheel's owner to CTM's reader this tick, so bytes queued for the app must not arrive after it.
+    // Not a drop: the pending flush simply finds no total and returns.
+    function cancel() {
+      sum = 0;
+      pendingOpts = null;
+    }
+
     function stats() {
       return { dropped };
     }
 
-    return { onWheel, dispose, stats };
+    return { onWheel, dispose, stats, cancel };
   }
 
   // S-15 (term-scroll-0933-baseline-and-click-forwarding-2026-09-24 §5 D-4, §6, §9 S-15): pure click
@@ -479,6 +497,13 @@
         deltaModes: {},
         droppedAtStart: null,
         droppedLatest: null,
+        // D-6 (codex-scroll-one-wheel-owner-and-reader-empty-pages-2026-10-24): the gesture's own
+        // direction/action split -- telemetry could not tell an up-fling from a down-fling, nor a
+        // reader-enter from a swallow, without these.
+        upEvents: 0,
+        downEvents: 0,
+        readerEnterEvents: 0,
+        swallowedEvents: 0,
       };
     }
 
@@ -532,6 +557,10 @@
           stepsPerEventP95: percentile(stepsSorted, 95),
           deltaMode: dominantMode,
           readerEvents: g.readerEvents, // D-15: events consumed by the open reader's native scroller (route 'reader')
+          upEvents: g.upEvents, // D-6: wheel events with deltaY < 0
+          downEvents: g.downEvents, // D-6: wheel events with deltaY > 0
+          readerEnterEvents: g.readerEnterEvents, // D-6: events that opened the continuous reader
+          swallowedEvents: g.swallowedEvents, // D-6: Codex app-view wheel-downs CTM swallowed
           droppedSteps,
         },
       });
@@ -555,6 +584,14 @@
       if (details.mouseSource !== undefined) gesture.mouseSource = details.mouseSource;
       if (details.frameTracking !== undefined) gesture.frameTracking = details.frameTracking;
       if (details.sessionId !== undefined) gesture.sessionId = details.sessionId;
+      // D-6: direction + decided action per event, tallied as numbers (the client-diag detail
+      // filter keeps numbers; an object of counters would be stripped before the durable row).
+      if (typeof details.deltaY === 'number') {
+        if (details.deltaY < 0) gesture.upEvents += 1;
+        else if (details.deltaY > 0) gesture.downEvents += 1;
+      }
+      if (details.action === 'reader-enter') gesture.readerEnterEvents += 1;
+      else if (details.action === 'swallow') gesture.swallowedEvents += 1;
       scheduleIdleEnd();
     }
 

package/template/coding-task-manager/public/js/walle/chat-conversation.js

@@ -1152,11 +1152,16 @@
     chatHistoryLoaded = true;
     chatHistoryThread = tid;
     chatHistoryLoading = true;
+    // B21: the load belongs to the mount that started it. isCurrent() reads whichever mount is
+    // current when the request settles, so without this a load the shell aborted by re-showing
+    // the view (shell.js show() aborts the old ctx.signal, then mounts again) painted its
+    // AbortError into the NEW mount as "Could not load chat history".
+    var owner = _mount;
     _mount.pane.innerHTML = '<div class="walle-loading">Loading chat history...</div>';
     apiGet('/chat/history?session_id=' + encodeURIComponent(tid) + '&limit=200').then(function(data) {
       // Drop a load whose thread (or generation) the user has already left: the
       // view's per-selection ctx is false the moment another thread is selected.
-      if (!isCurrent() || currentThreadId() !== tid) return;
+      if (_mount !== owner || !isCurrent() || currentThreadId() !== tid) return;
       var msgs = data.data || [];
       var nodes = (Array.isArray(msgs) ? msgs : []).map(_chatNode).filter(Boolean);
       if (Array.isArray(msgs) && msgs.length > 0) {
@@ -1201,6 +1206,8 @@
       chatHistory = nodes;
       renderChatUI();
     }).catch(function(error) {
+      // A superseded load owns no state: the mount that replaced it started its own.
+      if (_mount !== owner) return;
       chatHistoryLoading = false;
       chatHistoryLoaded = false;
       chatHistoryThread = null;
@@ -2106,8 +2113,9 @@
     if (!activeModelSnapshot()) loadActiveModel();
 
     // Load the active thread's history: once per view, and again whenever the
-    // selection moves to a different thread.
-    if (!chatHistoryLoaded || chatHistoryThread !== tid) {
+    // selection moves to a different thread. A load still in flight was started by the
+    // previous mount, whose ctx.signal the shell aborted before mounting this one (B21).
+    if (!chatHistoryLoaded || chatHistoryThread !== tid || chatHistoryLoading) {
       loadHistory(tid);
     } else {
       renderChatUI();

package/template/coding-task-manager/public/js/walle-session.js

@@ -14177,15 +14177,29 @@ window.WalleSession = (function() {
     }, TRANSCRIPT_ATTACH_DEBOUNCE_MS);
   }
 
+  var pageLocation = null;
+  // FU-4: the location subsystem is the shared module the Wall-E shell
+  // created for this surface and published in ONE named place
+  // (public/js/walle/shell.js `WalleShell.location`) — never the panel
+  // global `window.WE`. The shell is created only when the WALL-E panel is
+  // opened, so a coding session driven without it would send a weather
+  // prompt with no location at all (B1); until a shell publishes its
+  // instance, this composer uses one of its own over the same desktop
+  // transport the panel uses (public/js/walle.js `_walleTransport`).
+  function locationForMessage() {
+    if (typeof window === 'undefined') return null;
+    var shell = window.WalleShell || null;
+    if (shell && shell.location) return shell.location;
+    if (pageLocation) return pageLocation;
+    if (!window.WalleLocation || typeof window.WalleLocation.create !== 'function') return null;
+    if (!window.WalleTransport || typeof window.WalleTransport.desktop !== 'function') return null;
+    pageLocation = window.WalleLocation.create({ api: window.WalleTransport.desktop({ base: '' }) });
+    return pageLocation;
+  }
+
   function maybePrepareLocationForMessage(message) {
-    // FU-4: the location subsystem is the shared module the Wall-E shell
-    // created for this surface and published in ONE named place
-    // (public/js/walle/shell.js `WalleShell.location`) — never the panel
-    // global `window.WE`. A page with no shell mounted (or no location.js)
-    // simply has nothing to prepare.
     try {
-      var shell = (typeof window !== 'undefined' && window.WalleShell) || null;
-      var location = shell && shell.location;
+      var location = locationForMessage();
       if (location && typeof location.prepareForMessage === 'function') {
         return Promise.resolve(location.prepareForMessage(message));
       }
@@ -18575,6 +18589,15 @@ window.WalleSession = (function() {
     var pushedProjectionEpoch = Math.max(0, Number(msg.projectionEpoch) || 0);
     var knownRowCount = Number(ws._conversationUpdatedRowCount || ws._durableHistoryWatermark || 0) || 0;
     var knownTimestamp = String(ws._conversationUpdatedRowTimestamp || '');
+    // A projection change over a store that is empty on both sides -- the server reports no durable
+    // row and this client has never held one -- has nothing to re-project. The jsonl watcher's
+    // walle-file-new import of a just-created session pushes exactly that (measured 2026-10-26 with
+    // a WS frame probe: rowCount 0, rowMaxTimestamp '', projectionChanged true, ~1.2 s after
+    // creation; the watcher's first scan is silent, so not every session gets it). The forced replace
+    // it triggered could only answer total 0, and it wiped a live Web surface the server never had
+    // (the render spec's synthetic turns). A push that carries rows, or reaches a client that holds
+    // durable rows, is still judged by `ahead` below.
+    if (pushedRowCount === 0 && !pushedTimestamp && knownRowCount === 0) return;
     var ahead = pushedRowCount > knownRowCount
       || (!!pushedTimestamp && pushedTimestamp !== knownTimestamp && pushedRowCount >= knownRowCount)
       || msg.projectionChanged === true;

package/template/coding-task-manager/public/m/app.css

@@ -3129,7 +3129,15 @@ html[data-theme="light"] .nav-item.active {
   z-index: 42;
   flex-shrink: 0;
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 52px;
+  /* field | dictation mic | Send — the mic sits in the composer's CONTROL ROW
+     beside the send button, exactly as the desktop chat row places it
+     (`.walle-chat-input-row`: textarea, mic, Send). It is a grid item of
+     `.composer`, never of `.composer-field`: that field is a single-column grid
+     with a 5px gap, so a mic placed inside it took a row of its own and pushed
+     the whole composer down (143px at 390px wide before, 94px after) — B8/AC-8b.
+     `auto`, not `44px`, so the column collapses to nothing in a browser where
+     `dictation.js` cannot attach a mic. */
+  grid-template-columns: minmax(0, 1fr) auto 52px;
   align-items: start;
   gap: 8px;
   padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
@@ -3151,8 +3159,11 @@ html[data-theme="light"] .nav-item.active {
   opacity: 0.65;
 }
 
+/* Legacy: the model control now lives in the send menu (`#send-model-option`),
+   so `app.js` only ever REMOVES this class; the extra column keeps the model
+   column where it always was, with the mic's column added for the row above. */
 .composer.has-model-picker {
-  grid-template-columns: minmax(0, 1fr) 58px 52px;
+  grid-template-columns: minmax(0, 1fr) auto 58px 52px;
 }
 
 .composer-field {
@@ -3163,6 +3174,22 @@ html[data-theme="light"] .nav-item.active {
   min-width: 0;
 }
 
+/* The mic button itself is built by public/js/walle/dictation.js and sized
+   `28px x 28px` by the shared `.walle-dictation-mic` rule in `/css/walle.css`
+   (a dense pointer target in the desktop chat row). The phone floors every
+   control at 44px (`button { min-height: 44px }` above), so a 28px mic came out
+   28 x 44 — under the 44px width floor AC-8b measures. On the phone the mic is a
+   touch target in the composer's control row, so it takes the phone's real
+   target size on both axes. */
+.composer .walle-dictation-mic {
+  width: 44px;
+  height: 44px;
+}
+
+.composer .walle-dictation-mic-slot {
+  align-self: center;
+}
+
 .composer-attachments {
   display: grid;
   gap: 6px;
@@ -3634,11 +3661,19 @@ html[data-theme="light"] .nav-item.active {
   font-weight: 950;
 }
 
+/* The menu belongs to the composer it opens from (`#detail-composer` is
+   `position: relative`), so it is anchored to that box: `bottom: calc(100% + 8px)`
+   puts it one small gap above the composer's top edge and it tracks the composer
+   for free — a wrapped mic row, the prompt-history strip, attachments, and the
+   on-screen keyboard inset (`.detail-view` already shrinks by
+   `--mobile-keyboard-offset`). A viewport-relative offset cannot do that: the
+   composer is content-sized, so any fixed pixel offset is wrong the moment the
+   composer grows, and the menu then covers the input it exists to serve. */
 .send-menu {
-  position: fixed;
+  position: absolute;
   left: max(12px, env(safe-area-inset-left));
   right: max(12px, env(safe-area-inset-right));
-  bottom: calc(var(--mobile-keyboard-offset, 0px) + env(safe-area-inset-bottom) + 96px);
+  bottom: calc(100% + 8px);
   z-index: 52;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -6026,7 +6061,9 @@ a.mobile-health-row-action {
   }
 
   .composer {
-    grid-template-columns: minmax(0, 1fr) 68px;
+    /* field | mic | Send, as in the phone rule: the mic keeps the control row it
+       shares with the send button when the pane widens. */
+    grid-template-columns: minmax(0, 1fr) auto 68px;
     align-items: center;
     gap: 12px;
     padding: 16px clamp(20px, 3vw, 36px) calc(18px + env(safe-area-inset-bottom));
@@ -6040,7 +6077,7 @@ a.mobile-health-row-action {
   }
 
   .composer.has-model-picker {
-    grid-template-columns: minmax(0, 1fr) 92px 68px;
+    grid-template-columns: minmax(0, 1fr) auto 92px 68px;
   }
 
   .composer-editor {
@@ -6107,10 +6144,13 @@ a.mobile-health-row-action {
     right: 8px;
   }
 
+  /* Anchored to the composer (see the base .send-menu rule), so the offsets are
+     composer-relative: `--tablet-list-w` is the pane offset already carried by
+     `.detail-view`, and adding it here would double it. */
   .send-menu {
-    left: calc(var(--tablet-list-w) + clamp(20px, 3vw, 36px));
+    left: clamp(20px, 3vw, 36px);
     right: clamp(20px, 3vw, 36px);
-    bottom: calc(var(--mobile-keyboard-offset, 0px) + env(safe-area-inset-bottom) + 104px);
+    bottom: calc(100% + 10px);
     max-width: 680px;
   }
 
@@ -7328,3 +7368,181 @@ html[data-theme="light"] #view-walle {
    scroll inside their own box instead. */
 #walle-content .walle-body :where(pre, table, img, video, canvas, svg) { max-width: 100%; }
 #walle-content .walle-body :where(pre, table) { overflow-x: auto; }
+
+/* ── WP-5 machine surfaces (docs/remote-machine-hub-sessions-2026-10-22.html §6.6, D-11, S-16) ──
+   The phone twin of the desktop chip/card styles: same facts, same states, phone-sized targets.
+   A local session renders no chip at all, so local rows are unchanged. */
+.machine-chip {
+  flex: 0 0 auto;
+  max-width: 44%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 1px 8px;
+  border-radius: 999px;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--purple, #bb9af7);
+  background: color-mix(in srgb, var(--purple, #bb9af7) 18%, transparent);
+}
+
+/* Unreachable is a STATE of the same chip, not a different badge. */
+.machine-chip.unreachable {
+  color: var(--yellow, #e0af68);
+  background: color-mix(in srgb, var(--yellow, #e0af68) 18%, transparent);
+  border: 1px dashed color-mix(in srgb, var(--yellow, #e0af68) 45%, transparent);
+}
+
+/* The same-repo / browse hint under the new-session machine choice (desktop .ns-machine-hint). */
+.machine-hint { display: block; margin-top: 4px; color: var(--fg-dim); font-size: 12px; font-weight: 400; }
+.machine-hint.warn { color: var(--yellow, #e0af68); }
+
+/* ── WP-6: the phone Machines page (public/m/machines.js) ──────────────────────────────────────
+   The phone twin of the desktop machines page (public/js/app/machines-page.js): This Mac card, then
+   one card per registry member, then the toolbar. Same facts, same actions, same badges — a card the
+   phone and the desktop can never disagree about. Font sizes stay at or above the 12 px floor and
+   every tappable control is at least 44 px (bin/mobile-css-floor-lint.js). */
+#phone-machines-card .mp-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 10px 0 4px;
+}
+#phone-machines-card .mp-btn {
+  display: inline-flex;
+  align-items: center;
+  min-height: 44px;
+  padding: 0 12px;
+  border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
+  border-radius: 10px;
+  background: var(--bg-light, #24283b);
+  color: var(--fg);
+  font-size: 14px;
+  font-weight: 500;
+}
+#phone-machines-card .mp-btn:active { opacity: 0.82; }
+#phone-machines-card .mp-btn.mp-primary { border-color: var(--accent, #7aa2f7); color: var(--accent, #7aa2f7); }
+#phone-machines-card .mp-btn.mp-danger { border-color: var(--red, #f7768e); color: var(--red, #f7768e); }
+#phone-machines-card .mp-card {
+  margin-top: 10px;
+  padding: 10px 12px;
+  border: 1px solid var(--border, rgba(255, 255, 255, 0.09));
+  border-radius: 12px;
+  background: var(--bg-light, #24283b);
+}
+#phone-machines-card .mp-card.mp-self { border-color: var(--accent, #7aa2f7); }
+#phone-machines-card .mp-head { display: flex; align-items: center; gap: 8px; }
+#phone-machines-card .mp-dot {
+  width: 8px;
+  height: 8px;
+  flex: 0 0 auto;
+  border-radius: 50%;
+  background: var(--fg-dim, #7d8590);
+}
+#phone-machines-card .mp-dot[data-health="reachable"] { background: var(--green, #9ece6a); }
+#phone-machines-card .mp-dot[data-health="unhealthy"] { background: var(--red, #f7768e); }
+#phone-machines-card .mp-dot[data-health="unknown"] { background: var(--yellow, #e0af68); }
+#phone-machines-card .mp-name {
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 44px;
+  padding: 0 6px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--fg);
+  font-size: 15px;
+  font-weight: 600;
+}
+#phone-machines-card .mp-name:focus { border-color: var(--accent, #7aa2f7); outline: none; }
+#phone-machines-card .mp-cred {
+  flex: 0 0 auto;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: var(--bg, #1a1b26);
+  color: var(--fg-dim, #7d8590);
+  font-size: 12px;
+  white-space: nowrap;
+}
+#phone-machines-card .mp-meta { margin-top: 2px; color: var(--fg-dim); font-size: 12px; overflow-wrap: anywhere; }
+#phone-machines-card .mp-stale { color: var(--yellow, #e0af68); }
+#phone-machines-card .mp-error { color: var(--red, #f7768e); font-size: 13px; }
+#phone-machines-card .mp-sparks { display: flex; gap: 12px; margin-top: 8px; }
+#phone-machines-card .mp-spark { display: flex; align-items: center; gap: 6px; min-width: 0; }
+#phone-machines-card .mp-spark-label { color: var(--fg-dim); font-size: 12px; letter-spacing: 0.04em; }
+#phone-machines-card .mp-spark-val { color: var(--fg); font-size: 12px; }
+#phone-machines-card .mp-facts { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; }
+#phone-machines-card .mp-fact { display: flex; gap: 6px; min-width: 0; }
+#phone-machines-card .mp-fact-label { color: var(--fg-dim); font-size: 12px; }
+#phone-machines-card .mp-fact-value { color: var(--fg); font-size: 12px; overflow-wrap: anywhere; }
+#phone-machines-card .mp-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
+#phone-machines-card .mp-fav[aria-pressed="true"] { border-color: var(--yellow, #e0af68); color: var(--yellow, #e0af68); }
+/* P-7 "Sign in to <member> too": the row that takes this phone to a member's own origin, because a
+   passkey is pinned to its hostname. It is the phone twin of .mpc-signin-row on the desktop page. */
+#phone-machines-card .mp-signin-row { flex-direction: column; align-items: flex-start; gap: 2px; margin-top: 8px; width: 100%; }
+#phone-machines-card .mp-signin-hint { color: var(--fg-dim); font-size: 12px; font-weight: 400; overflow-wrap: anywhere; }
+#phone-machines-card .mp-status:not(:empty) { margin-top: 8px; color: var(--fg-dim); font-size: 12px; }
+
+/* The Add-machine / Show-a-code dialogs reuse the model-sheet chrome, so only the fields are new. */
+.mp-modal .mp-modal-label { display: block; margin: 10px 0 4px; color: var(--fg-dim); font-size: 12px; }
+.mp-modal .mp-modal-input {
+  display: block;
+  width: 100%;
+  min-height: 44px;
+  margin-bottom: 8px;
+  padding: 8px 10px;
+  border: 1px solid var(--border, rgba(255, 255, 255, 0.12));
+  border-radius: 10px;
+  background: var(--bg-light, #24283b);
+  color: var(--fg);
+  font-size: 16px;
+}
+.mp-modal .mp-modal-or,
+.mp-modal .mp-modal-sub { margin: 6px 0; color: var(--fg-dim); font-size: 12px; }
+.mp-modal .mp-modal-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
+.mp-modal .mp-modal-error:not(:empty) { margin: 6px 0 0; color: var(--red, #f7768e); font-size: 12px; }
+.mp-modal .mp-pair-preview { min-height: 20px; color: var(--fg-dim); font-size: 12px; overflow-wrap: anywhere; }
+.mp-modal .mp-code-value {
+  margin: 8px 0;
+  color: var(--accent, #7aa2f7);
+  font-size: 22px;
+  letter-spacing: 0.14em;
+  text-align: center;
+}
+.mp-modal .mp-modal-legacy { margin-top: 12px; color: var(--fg-dim); font-size: 12px; }
+
+/* The new-session machine row (D-1: N > MACHINE_PICKER_CARD_LIMIT opens the search sheet). */
+.machine-picker-row { display: block; width: 100%; text-align: left; }
+
+/* ── the machine search sheet (public/m/machines.js, D-2/D-3) ─────────────────────────────────── */
+.machine-sheet-group { margin-bottom: 10px; }
+.machine-sheet-group-label {
+  margin: 6px 0 4px;
+  color: var(--fg-dim);
+  font-size: 12px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.machine-sheet-row { flex-direction: column; align-items: flex-start; gap: 2px; }
+.machine-sheet-row-name { color: var(--fg); font-weight: 600; overflow-wrap: anywhere; }
+.machine-sheet-row-meta { color: var(--fg-dim); font-size: 12px; overflow-wrap: anywhere; }
+.machine-sheet-row[disabled] { opacity: 0.6; }
+.machine-sheet-empty { color: var(--fg-dim); font-size: 13px; }
+
+/* P-7: the pool failover roster / hand-over banner. */
+.pool-from-banner-host:empty { display: none; }
+.pool-from-banner {
+  margin: 8px 12px;
+  padding: 8px 10px;
+  border: 1px solid var(--yellow, #e0af68);
+  border-radius: 10px;
+  color: var(--fg);
+  font-size: 13px;
+}
+.pool-failover-list { padding: 0 12px; }
+.pool-failover-copy { color: var(--fg-dim); font-size: 13px; }
+.pool-origin-rows { list-style: none; margin: 0; padding: 0; }
+.pool-origin-row { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-bottom: 1px solid var(--border, rgba(255, 255, 255, 0.09)); }
+.pool-origin-name { color: var(--fg); font-weight: 600; }
+.pool-origin-state,
+.pool-origin-address { color: var(--fg-dim); font-size: 12px; overflow-wrap: anywhere; }