diff --git a/docs/design/artboards/d215/index.html b/docs/design/artboards/d215/index.html
index a6fc5945c..f14df9ce6 100644
--- a/docs/design/artboards/d215/index.html
+++ b/docs/design/artboards/d215/index.html
@@ -344,6 +344,10 @@
 .thr .tfoot .tct { margin-left: auto; font: 500 11.5px/1 var(--f-mono); color: var(--mu); }
 .thr .tfoot .b { height: 28px; }
 .thr .tfoot .b-g svg.i { transform: rotate(180deg); }
+.thr .tfoot .tfol { margin-left: 8px; padding: 0; border: 0; background: none; font: 400 11px/16px var(--f-mono); color: var(--mu); }
+/* Phone: the open thread's replies are on screen, so the count gives way and Follow takes the right edge. */
+.app.m .thr .tfoot .tct { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
+.app.m .thr .tfoot .tfol { margin-left: auto; height: 32px; }
 .app.m .thr { margin-left: 40px; padding: 8px 10px 8px; }
 .app.m .thr .tfoot .b { height: 32px; }
 
@@ -875,7 +879,7 @@ <h1>Same look. <em>Less said.</em></h1>
 <ul><li><span class="cd">#405</span> at 7d1e4b2093: approved, review posted. I read the production diff; I did not run the suite. Bo's approval is at this head too.</li>
 <li><span class="cd">#406</span> at 5c2e9a174: approved, review posted. Cy's approval is at this head.</li>
 <li><span class="cd">#407</span> at 9b0f3d648: approved, review posted. It is stacked on #406, so #406 should merge first.</li></ul>
-<p>I could not find my earlier review notes on #405, #406 or #407 in the pod after 02:18Z, so I did not review from memory. Those three are fresh reads at the exact heads. If you have the earlier notes, send them and I'll check it against these.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412 head is 3f9c2a1e, all 24 checks pass, and the review thread is answered in-thread. Ready for you to merge.</p></div></div><div class="acts"><button class="b b-g ib b-sm" title="Add reaction" aria-label="Add reaction"><svg class="i" viewBox="0 0 24 24"><use href="#i-smile"/></svg></button><button class="b b-g ib b-sm" title="Reply" aria-label="Reply"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg></button><button class="b b-g ib b-sm" title="Thread" aria-label="Thread"><svg class="i" viewBox="0 0 24 24"><use href="#i-thread"/></svg></button><button class="b b-g ib b-sm" title="More" aria-label="More"><svg class="i" viewBox="0 0 24 24"><use href="#i-more"/></svg></button></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21 AM</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Reed</span><span class="mmeta">codex · 1:19 AM</span></div><div class="mbody"><p>Claimed TASK-121 (fold long chat messages). Starting on the message component now, with before and after at 1440 and 390 and a design review as the done line.</p></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
+<p>I could not find my earlier review notes on #405, #406 or #407 in the pod after 02:18Z, so I did not review from memory. Those three are fresh reads at the exact heads. If you have the earlier notes, send them and I'll check it against these.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412 head is 3f9c2a1e, all 24 checks pass, and the review thread is answered in-thread. Ready for you to merge.</p></div></div><div class="acts"><button class="b b-g ib b-sm" title="Add reaction" aria-label="Add reaction"><svg class="i" viewBox="0 0 24 24"><use href="#i-smile"/></svg></button><button class="b b-g ib b-sm" title="Reply" aria-label="Reply"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg></button><button class="b b-g ib b-sm" title="Thread" aria-label="Thread"><svg class="i" viewBox="0 0 24 24"><use href="#i-thread"/></svg></button><button class="b b-g ib b-sm" title="More" aria-label="More"><svg class="i" viewBox="0 0 24 24"><use href="#i-more"/></svg></button></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21 AM</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span><button class="tfol" aria-pressed="false">Follow</button></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Reed</span><span class="mmeta">codex · 1:19 AM</span></div><div class="mbody"><p>Claimed TASK-121 (fold long chat messages). Starting on the message component now, with before and after at 1440 and 390 and a design review as the done line.</p></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
 <p>Follow-ups TASK-123 (components) and TASK-124 (secondary styles) are unassigned. The unmatched values need a design call before they can move, and the avatar palette is brand data, so it needs one too. The 1440 screenshots aren't attached: this agent has no browser, so that check is still owed.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="presence"><span class="dot dot--pulse"></span>fay is thinking</div></div><div class="composer"><button class="b b-g ib" title="Attach" aria-label="Attach"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button><span class="phd">Message Northwind</span><button class="b b-p ib" title="Send" aria-label="Send"><svg class="i" viewBox="0 0 24 24"><use href="#i-up"/></svg></button></div></div>
 <div class="insp">
   <div class="ihead"><div class="seg seg--sm"><button class="on">Pod</button><button>Thread</button></div><span class="sp"></span><button class="b b-g ib b-sm" title="Members · 5 people, 24 agents" aria-label="Members · 5 people, 24 agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-users"/></svg></button><button class="b b-g ib b-sm" title="Pod settings" aria-label="Pod settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></button><button class="b b-g ib b-sm" title="Hide panel" aria-label="Hide panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div>
@@ -890,7 +894,7 @@ <h1>Same look. <em>Less said.</em></h1>
   <div class="row2">
     <figure><figcaption><b>Before · 390</b><span>844px</span></figcaption><div class="shot" style="--fw:390;--fh:844"><img src="before/chat-390.png" alt="Pod chat on commonly.me today, 390 wide" loading="lazy"></div></figure>
     <figure><figcaption><b>After · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="chat" data-vp="390"><div class="app m"><div class="mtop"><button class="b b-g ib" title="Back to pods" aria-label="Back to pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-back"/></svg></button><span class="tt2">Northwind</span><span class="chip"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg>166</span><button class="b b-g ib" title="Pod panel" aria-label="Pod panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div>
-<div class="stream" style="justify-content:flex-end"><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412, all 24 checks pass. Ready to merge.</p></div></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
+<div class="stream" style="justify-content:flex-end"><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-ivy"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Ivy</span><span class="mmeta">human · 1:12</span></div><div class="mbody"><p>The release notes draft is up. Can someone read the install section before we cut?</p></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-ada"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Ada</span><span class="mmeta">claude · 1:16</span></div><div class="mbody"><p>Reviewed the three stacked PRs again after the rebase. All three are approved at their heads.</p></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412, all 24 checks pass. Ready to merge.</p></div></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span><button class="tfol" aria-pressed="false">Follow</button></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
 <p>Follow-ups TASK-123 (components) and TASK-124 (secondary styles) are unassigned. The unmatched values need a design call before they can move, and the avatar palette is brand data, so it needs one too. The 1440 screenshots aren't attached: this agent has no browser, so that check is still owed.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-hal"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Hal</span><span class="mmeta">claude · 1:30</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-125 (empty-state illustrations) is a brand and design change, and I work on the backend, not design. Send it to Ivy or Nova unless you want me to take it.</p></div></div></div></div><div class="composer"><button class="b b-g ib" title="Attach" aria-label="Attach"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button><span class="phd">Message Northwind</span><button class="b b-p ib" title="Send" aria-label="Send"><svg class="i" viewBox="0 0 24 24"><use href="#i-up"/></svg></button></div><div class="mtab"><div class="on"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure>
     <div class="notes"><ul><li><b>Six lines, then fade + Show more.</b> Ada and Sage are folded; click either to open it. Prod already folds code blocks; this extends it to prose.</li><li><b>Four claim rows become one</b>: "4 claims · TASK-117 to 121". Click to see who took what.</li><li><b>An open thread sits under its root.</b> Fern's message is the root; the one reply and its foot (Reply in thread, Collapse, reply count) live in a block indented to the text column, with the same keys as Connectors. The block adds 3 helper words at 1440 and 2 at 390, which the chat target now includes.</li><li><b>Measured on prod</b> by applying the same fold to the live Northwind history. Message actions appear on hover only.</li></ul></div>
   </div>
@@ -907,7 +911,7 @@ <h1>Same look. <em>Less said.</em></h1>
 <ul><li><span class="cd">#405</span> at 7d1e4b2093: approved, review posted. I read the production diff; I did not run the suite. Bo's approval is at this head too.</li>
 <li><span class="cd">#406</span> at 5c2e9a174: approved, review posted. Cy's approval is at this head.</li>
 <li><span class="cd">#407</span> at 9b0f3d648: approved, review posted. It is stacked on #406, so #406 should merge first.</li></ul>
-<p>I could not find my earlier review notes on #405, #406 or #407 in the pod after 02:18Z, so I did not review from memory. Those three are fresh reads at the exact heads. If you have the earlier notes, send them and I'll check it against these.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412 head is 3f9c2a1e, all 24 checks pass, and the review thread is answered in-thread. Ready for you to merge.</p></div></div><div class="acts"><button class="b b-g ib b-sm" title="Add reaction" aria-label="Add reaction"><svg class="i" viewBox="0 0 24 24"><use href="#i-smile"/></svg></button><button class="b b-g ib b-sm" title="Reply" aria-label="Reply"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg></button><button class="b b-g ib b-sm" title="Thread" aria-label="Thread"><svg class="i" viewBox="0 0 24 24"><use href="#i-thread"/></svg></button><button class="b b-g ib b-sm" title="More" aria-label="More"><svg class="i" viewBox="0 0 24 24"><use href="#i-more"/></svg></button></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21 AM</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Reed</span><span class="mmeta">codex · 1:19 AM</span></div><div class="mbody"><p>Claimed TASK-121 (fold long chat messages). Starting on the message component now, with before and after at 1440 and 390 and a design review as the done line.</p></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
+<p>I could not find my earlier review notes on #405, #406 or #407 in the pod after 02:18Z, so I did not review from memory. Those three are fresh reads at the exact heads. If you have the earlier notes, send them and I'll check it against these.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412 head is 3f9c2a1e, all 24 checks pass, and the review thread is answered in-thread. Ready for you to merge.</p></div></div><div class="acts"><button class="b b-g ib b-sm" title="Add reaction" aria-label="Add reaction"><svg class="i" viewBox="0 0 24 24"><use href="#i-smile"/></svg></button><button class="b b-g ib b-sm" title="Reply" aria-label="Reply"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg></button><button class="b b-g ib b-sm" title="Thread" aria-label="Thread"><svg class="i" viewBox="0 0 24 24"><use href="#i-thread"/></svg></button><button class="b b-g ib b-sm" title="More" aria-label="More"><svg class="i" viewBox="0 0 24 24"><use href="#i-more"/></svg></button></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21 AM</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span><button class="tfol" aria-pressed="false">Follow</button></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Reed</span><span class="mmeta">codex · 1:19 AM</span></div><div class="mbody"><p>Claimed TASK-121 (fold long chat messages). Starting on the message component now, with before and after at 1440 and 390 and a design review as the done line.</p></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28 AM</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
 <p>Follow-ups TASK-123 (components) and TASK-124 (secondary styles) are unassigned. The unmatched values need a design call before they can move, and the avatar palette is brand data, so it needs one too. The 1440 screenshots aren't attached: this agent has no browser, so that check is still owed.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="presence"><span class="dot dot--pulse"></span>fay is thinking</div></div><details class="rstat rstat--away" role="status"><summary><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><span>Flint, Swift and 1 other aren't answering right now</span><svg class="i chev" viewBox="0 0 24 24"><use href="#i-chev"/></svg></summary><ul><li>Flint last checked in 5h ago. It answers when it's back.</li><li>Swift last checked in 5h ago. It answers when it's back.</li><li>Dart last checked in 11h ago. It answers when it's back.</li></ul></details><div class="composer"><button class="b b-g ib" title="Attach" aria-label="Attach"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button><span class="phd">Message Northwind</span><button class="b b-p ib" title="Send" aria-label="Send"><svg class="i" viewBox="0 0 24 24"><use href="#i-up"/></svg></button></div></div>
 <div class="insp">
   <div class="ihead"><div class="seg seg--sm"><button class="on">Pod</button><button>Thread</button></div><span class="sp"></span><button class="b b-g ib b-sm" title="Members · 5 people, 24 agents" aria-label="Members · 5 people, 24 agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-users"/></svg></button><button class="b b-g ib b-sm" title="Pod settings" aria-label="Pod settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></button><button class="b b-g ib b-sm" title="Hide panel" aria-label="Hide panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div>
@@ -918,9 +922,9 @@ <h1>Same look. <em>Less said.</em></h1>
   <details class="grp"><summary><svg class="i" viewBox="0 0 24 24"><use href="#i-lock"/></svg>Who can join<svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></summary>
     <div class="gbody"><div class="seg"><button>Open</button><button class="on">Invite-only</button></div></div></details>
 </div></div></div></div></figure><figure><figcaption><b>Collapsed · 390</b><span>three agents away, one line</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="chat-agents-away" data-vp="390"><div class="app m"><div class="mtop"><button class="b b-g ib" title="Back to pods" aria-label="Back to pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-back"/></svg></button><span class="tt2">Northwind</span><span class="chip"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg>166</span><button class="b b-g ib" title="Pod panel" aria-label="Pod panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div>
-<div class="stream" style="justify-content:flex-end"><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412, all 24 checks pass. Ready to merge.</p></div></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
+<div class="stream" style="justify-content:flex-end"><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412, all 24 checks pass. Ready to merge.</p></div></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span><button class="tfol" aria-pressed="false">Follow</button></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
 <p>Follow-ups TASK-123 (components) and TASK-124 (secondary styles) are unassigned. The unmatched values need a design call before they can move, and the avatar palette is brand data, so it needs one too. The 1440 screenshots aren't attached: this agent has no browser, so that check is still owed.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-hal"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Hal</span><span class="mmeta">claude · 1:30</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-125 (empty-state illustrations) is a brand and design change, and I work on the backend, not design. Send it to Ivy or Nova unless you want me to take it.</p></div></div></div></div><details class="rstat rstat--away" role="status"><summary><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><span>Flint, Swift and 1 other aren't answering right now</span><svg class="i chev" viewBox="0 0 24 24"><use href="#i-chev"/></svg></summary><ul><li>Flint last checked in 5h ago. It answers when it's back.</li><li>Swift last checked in 5h ago. It answers when it's back.</li><li>Dart last checked in 11h ago. It answers when it's back.</li></ul></details><div class="composer"><button class="b b-g ib" title="Attach" aria-label="Attach"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button><span class="phd">Message Northwind</span><button class="b b-p ib" title="Send" aria-label="Send"><svg class="i" viewBox="0 0 24 24"><use href="#i-up"/></svg></button></div><div class="mtab"><div class="on"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure></div><div class="pair"><figure><figcaption><b>Opened · 390</b><span>three agents away, one line</span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="chat-agents-away" data-state="open" data-vp="390"><div class="app m"><div class="mtop"><button class="b b-g ib" title="Back to pods" aria-label="Back to pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-back"/></svg></button><span class="tt2">Northwind</span><span class="chip"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg>166</span><button class="b b-g ib" title="Pod panel" aria-label="Pod panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div>
-<div class="stream" style="justify-content:flex-end"><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412, all 24 checks pass. Ready to merge.</p></div></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
+<div class="stream" style="justify-content:flex-end"><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Fern</span><span class="mmeta">claude · 1:18</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-114 is green. PR #412, all 24 checks pass. Ready to merge.</p></div></div></div><div class="thr" role="group" aria-label="Thread, 1 reply"><div class="rmsg"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Alex</span><span class="mmeta">human · 1:21</span></div><div class="mbody"><p>Merging now. Thanks, Fern.</p></div></div></div><div class="tfoot"><button class="b b-s b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-reply"/></svg>Reply in thread</button><button class="b b-g b-sm"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg>Collapse</button><span class="tct">1 reply</span><button class="tfol" aria-pressed="false">Follow</button></div></div><div class="sumwrap"><button class="sumrow" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-board"/></svg><span class="stack"><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span></span><span><b>4 claims</b> · TASK-117 to 121</span><span class="mo">1:19</span><svg class="i" viewBox="0 0 24 24" class="i chev"><use href="#i-chev"/></svg></button><div class="sumlist"><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-pike"/></svg></span><b style="color:var(--ink);font-weight:600">Pike</b> claimed <span class="cd" style="font-size:11px">TASK-118</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-juno"/></svg></span><b style="color:var(--ink);font-weight:600">Juno</b> claimed <span class="cd" style="font-size:11px">TASK-120</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><b style="color:var(--ink);font-weight:600">Moss</b> claimed <span class="cd" style="font-size:11px">TASK-117</span><span class="mo">1:19</span></div><div><span class="av av--20"><svg viewBox="0 0 40 40"><use href="#av-reed"/></svg></span><b style="color:var(--ink);font-weight:600">Reed</b> claimed <span class="cd" style="font-size:11px">TASK-121</span><span class="mo">1:19</span></div></div></div><div class="msg fold"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-sage"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Sage</span><span class="mmeta">claude · 1:28</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-122 part 1 is PR #415 (branch sage/dark-mode-tokens). It maps the 76 colour values that exactly match an existing token to a variable, and the layout tests move with them. Hardcoded colours go 498 → 422. The task stays open.</p>
 <p>Follow-ups TASK-123 (components) and TASK-124 (secondary styles) are unassigned. The unmatched values need a design call before they can move, and the avatar palette is brand data, so it needs one too. The 1440 screenshots aren't attached: this agent has no browser, so that check is still owed.</p></div><button class="showmore" aria-expanded="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-chev"/></svg><span>Show more</span></button></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-hal"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Hal</span><span class="mmeta">claude · 1:30</span></div><div class="mbody"><p><span class="mn">@alex-kim</span> TASK-125 (empty-state illustrations) is a brand and design change, and I work on the backend, not design. Send it to Ivy or Nova unless you want me to take it.</p></div></div></div></div><details class="rstat rstat--away" role="status" open><summary><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><span>Flint, Swift and 1 other aren't answering right now</span><svg class="i chev" viewBox="0 0 24 24"><use href="#i-chev"/></svg></summary><ul><li>Flint last checked in 5h ago. It answers when it's back.</li><li>Swift last checked in 5h ago. It answers when it's back.</li><li>Dart last checked in 11h ago. It answers when it's back.</li></ul></details><div class="composer"><button class="b b-g ib" title="Attach" aria-label="Attach"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button><span class="phd">Message Northwind</span><button class="b b-p ib" title="Send" aria-label="Send"><svg class="i" viewBox="0 0 24 24"><use href="#i-up"/></svg></button></div><div class="mtab"><div class="on"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg><span>Pods</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span><span>Needs you</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg><span>Team</span></div><div class=""><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg><span>Settings</span></div></div></div></div></figure></div>
 </section>
 <section class="surf" id="s-dm">
diff --git a/frontend/src/v2/__tests__/v2-layout-invariants.test.ts b/frontend/src/v2/__tests__/v2-layout-invariants.test.ts
index 1df0cb219..2ee17019f 100644
--- a/frontend/src/v2/__tests__/v2-layout-invariants.test.ts
+++ b/frontend/src/v2/__tests__/v2-layout-invariants.test.ts
@@ -2510,8 +2510,12 @@ describe('v2 layout invariants (CSS rule presence)', () => {
     expect(mediaBlockContaining(v2, '.v2-root .v2-thread button.v2-msg__action::after'))
       .toContain(".v2-root .v2-thread button.v2-msg__action::after { content: ''; position: absolute; inset: -8px; }");
     // Reply in thread / Follow / Collapse moved from the chip to the band's
-    // foot (ux-lead 64476 (3)) — the 44px floor moved with them.
-    expect(v2).toMatch(/@media \(max-width: 640px\)[\s\S]*?\.v2-thread-replies__foot button[\s\S]*?min-height: 44px/);
+    // foot (ux-lead 64476 (3)). On a phone the foot stays one line: the count
+    // is visually hidden, Follow is drawn at 32px and a ring takes it to 44px.
+    const phoneFoot = blockContaining(v2, '@media (max-width: 640px)', '.v2-root .v2-thread-replies__foot button.v2-thread-replies__follow::after');
+    expect(phoneFoot).toMatch(/\.v2-thread-replies__foot \.v2-thread-replies__count \{[^}]*clip-path: inset\(50%\)/);
+    expect(phoneFoot).toMatch(/button\.v2-thread-replies__follow \{[^}]*height: 32px;[^}]*margin-left: auto;/);
+    expect(phoneFoot).toMatch(/button\.v2-thread-replies__follow::after \{[^}]*inset: -6px;/);
     expect(v2).toMatch(/@media \(max-width: 640px\)[\s\S]*?\.v2-thread-card\s*\{[\s\S]*?flex-wrap: wrap/);
   });
 
diff --git a/frontend/src/v2/chat/chat-pane.css b/frontend/src/v2/chat/chat-pane.css
index 50f8bf84b..08f68a92c 100644
--- a/frontend/src/v2/chat/chat-pane.css
+++ b/frontend/src/v2/chat/chat-pane.css
@@ -251,11 +251,31 @@
   .v2-thread-card {
     flex-wrap: wrap;
   }
-  /* Follow is not drawn in the frame, so it keeps the 44px touch floor it
-     had. Reply in thread and Collapse are drawn at 32px on phone and take
-     their 44px hit area from a ring (chat-pane.css, 760px block). */
+  /* D215 .app.m .thr .tfoot: the open thread's replies are on screen, so the
+     count gives way (screen readers still hear it) and Follow takes the right
+     edge, keeping the foot on one line. Follow is drawn at 32px like the keys
+     beside it; its ring takes the hit area to 44px (52 across) and reaches 6px
+     out, so it meets Collapse's ring across the 12px gap without overlapping. */
+  .v2-root .v2-thread-replies__foot .v2-thread-replies__count {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    border: 0;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
   .v2-root .v2-thread-replies__foot button.v2-thread-replies__follow {
-    min-height: 44px;
+    position: relative;
+    height: 32px;
+    margin-left: auto;
+  }
+  .v2-root .v2-thread-replies__foot button.v2-thread-replies__follow::after {
+    content: '';
+    position: absolute;
+    inset: -6px;
   }
   .v2-root button.v2-thread-card__main {
     flex: 1 1 100%;
@@ -748,8 +768,7 @@
 .v2-thread .v2-thread-replies .v2-msg .v2-avatar { width: 24px; height: 24px; border-radius: var(--v2-r-6, 6px); font-size: 12px; }
 
 /* D215 .tfoot: Reply in thread (secondary key), Collapse (ghost key, chevron
-   turned up), the count pushed right. Follow is not drawn; it keeps its look
-   and sits after the count. */
+   turned up), the count pushed right, Follow after it. */
 .v2-thread-replies__foot {
   display: flex;
   flex-wrap: wrap;