diff --git a/docs/design/artboards/d215/index.html b/docs/design/artboards/d215/index.html
index 2743b5b3b..9d0e11eab 100644
--- a/docs/design/artboards/d215/index.html
+++ b/docs/design/artboards/d215/index.html
@@ -121,6 +121,8 @@
 .ctl td b { color: var(--fg); font-weight: 600; }
 .foot { color: var(--muted); font-size: 13px; margin-top: 40px; max-width: 90ch; }
 .dm { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 18px; align-items: start; }
+.pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; margin-top: 14px; }
+.pair--phone { grid-template-columns: repeat(2, minmax(0, 300px)); margin-top: 18px; }
 .swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
 .sw { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 8px; align-items: center; background: var(--surface); box-shadow: var(--frame); border-radius: 10px; padding: 8px; }
 .sw i { width: 34px; height: 34px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--line2); }
@@ -133,11 +135,14 @@
   .row2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .row2 .notes { grid-column: 1 / -1; }
   .dm { grid-template-columns: minmax(0, 1fr); }
+  .pair:not(.pair--phone) { grid-template-columns: minmax(0, 1fr); }
 }
 @media (max-width: 640px) {
   .rules { grid-template-columns: minmax(0, 1fr); }
   .row2 { grid-template-columns: minmax(0, 1fr); }
   .row2 figure { max-width: 340px; }
+  .pair--phone { grid-template-columns: minmax(0, 1fr); }
+  .pair--phone figure { max-width: 340px; }
   .shead h2 { font-size: 25px; }
   .nums { margin-left: 0; }
 }
@@ -284,6 +289,31 @@
 .showmore:focus-visible { box-shadow: 0 0 0 2px var(--c); }
 .acts { position: absolute; top: 2px; right: 0; display: flex; gap: 2px; padding: 2px; border-radius: 9px; background: var(--sf); box-shadow: var(--sh-pop); }
 .acts .ib { width: 28px; height: 28px; }
+/* s-dm:start */
+.rstat { display: flex; align-items: flex-start; gap: 10px; margin: 6px 18px 0; padding: 10px 12px; border-radius: 10px; background: var(--p); box-shadow: inset 0 0 0 1px var(--d); font-size: 12.5px; line-height: 1.5; color: var(--se); flex: none; }
+.rstat > .i { width: 16px; height: 16px; margin-top: 2px; flex: none; color: var(--mu); }
+.rstat > .dot { margin: 7px 3px 0; }
+.rstat--mono { font: 500 12px/1.5 var(--f-mono); }
+.rstat .rlede { margin-top: 6px; }
+.rcmd { display: flex; align-items: center; gap: 8px; margin-top: 6px; padding: 4px 4px 4px 10px; border-radius: 8px; background: var(--t); box-shadow: inset 0 0 0 1px var(--d); }
+.rcmd code { flex: 1; min-width: 0; font: 500 12.5px/1.4 var(--f-mono); color: var(--ink); overflow-wrap: anywhere; }
+.rempty { margin: auto; max-width: 440px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 0 8px; }
+.rempty h3 { margin: 4px 0 0; font: 700 18px/1.2 var(--f-display); letter-spacing: -0.01em; }
+.rempty p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--se); }
+.rempty .stack { display: inline-flex; }
+.rstart { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 8px; }
+.rstart .b { height: auto; min-height: 32px; padding: 7px 12px; text-align: left; font-size: 13px; font-weight: 500; line-height: 1.35; }
+.rro { display: flex; align-items: flex-start; gap: 12px; margin: 4px 18px 16px; padding: 14px 16px; border-radius: 12px; background: var(--p); box-shadow: inset 0 0 0 1px var(--d); flex: none; }
+.rro-i { width: 28px; height: 28px; border-radius: 50%; background: var(--t); display: grid; place-items: center; flex: none; color: var(--ink); }
+.rro-i .i { width: 15px; height: 15px; }
+.rro b { display: block; font-size: 13px; font-weight: 600; color: var(--ink); }
+.rro span:not(.rro-i) { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.45; color: var(--se); }
+.app.m .rstat { margin: 6px 12px 0; }
+.app.m .rcmd .b.b-sm { width: 44px; height: 44px; }
+.app.m .rstart { flex-direction: column; align-items: stretch; width: 100%; }
+.app.m .rstart .b { min-height: 44px; }
+.app.m .rro { margin: 4px 12px 12px; }
+/* s-dm:end */
 .sumrow { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; height: 34px; margin: 4px 0 4px 48px; padding: 0 10px; border-radius: 9px; background: var(--p); box-shadow: inset 0 0 0 1px var(--d); font-size: 12.5px; color: var(--se); }
 .sumrow .mo { font-size: 11.5px; color: var(--mu); }
 .sumrow b { color: var(--ink); font-weight: 600; }
@@ -640,7 +670,7 @@
     <symbol id="i-panel" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="3"/><path d="M15 4v16"/></symbol>
     <symbol id="i-back" viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></symbol>
     <symbol id="i-up" viewBox="0 0 24 24"><path d="M12 19V5M5 12l7-7 7 7"/></symbol>
-    <symbol id="i-clip" viewBox="0 0 24 24"><path d="m21.4 11.1-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5"/></symbol>
+    <symbol id="i-copy" viewBox="0 0 24 24"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></symbol><symbol id="i-clip" viewBox="0 0 24 24"><path d="m21.4 11.1-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5"/></symbol>
     <symbol id="i-pencil" viewBox="0 0 24 24"><path d="M17 3a2.8 2.8 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5z"/></symbol>
     <symbol id="i-board" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 7v7M12 7v4M16 7v9"/></symbol>
     <symbol id="i-term" viewBox="0 0 24 24"><rect x="2.5" y="4" width="19" height="16" rx="3"/><path d="m7 9 3 3-3 3M13 15h4"/></symbol>
@@ -736,7 +766,7 @@ <h1>Same look. <em>Less said.</em></h1>
   <li><svg viewBox="0 0 24 24"><use href="#i-grid"/></svg><b>One screen first</b><span>Repeated blocks become a table; rare settings collapse.</span></li>
 </ol>
 <nav class="toc" aria-label="Surfaces">
-  <a href="#s-sidebar">Sidebar controls</a><a href="#s-chat">Pod chat</a><a href="#s-board">Task board</a><a href="#s-memory">Memory</a><a href="#s-agent">Agent settings</a><a href="#s-settings">Settings</a><a href="#s-connectors">Connectors</a><a href="#s-byo">Bring your own</a><a href="#s-connect">Connect</a><a href="#s-team">Your team</a><a href="#s-firstrun">First run</a><a href="#s-dark">Dark mode</a>
+  <a href="#s-sidebar">Sidebar controls</a><a href="#s-chat">Pod chat</a><a href="#s-dm">DM room</a><a href="#s-board">Task board</a><a href="#s-memory">Memory</a><a href="#s-agent">Agent settings</a><a href="#s-settings">Settings</a><a href="#s-connectors">Connectors</a><a href="#s-byo">Bring your own</a><a href="#s-connect">Connect</a><a href="#s-team">Your team</a><a href="#s-firstrun">First run</a><a href="#s-dark">Dark mode</a>
 </nav>
 
 <section class="surf" id="s-sidebar">
@@ -805,6 +835,50 @@ <h1>Same look. <em>Less said.</em></h1>
     <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>
 </section>
+<section class="surf" id="s-dm">
+  <div class="shead"><h2>Agent room and agent DM</h2><span class="route">/v2/pods/:podId — agent-room, agent-dm</span></div>
+<div class="shead" style="margin-top:28px"><h3 style="margin:0;font:700 15px/1.2 var(--f-display);letter-spacing:-0.01em">Conversation and first open</h3><span class="route">agent-room, healthy</span></div><div class="pair"><figure><figcaption><b>Conversation · 1440</b><span>human and one agent</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="default"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FE</span><span class="nm">Fern</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern</span><span class="chip">claude</span><span class="chip">DM</span><span class="sp"></span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</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:16 AM</span></div><div class="mbody"><p>Found it. <span class="cd">formatRow</span> calls <span class="cd">toISOString()</span> before the zone is applied, so every row lands in UTC. The fix is four lines in <span class="cd">export.ts</span> and one test. Want me to patch it?</p></div></div></div><div class="msg"><span class="av av--36"><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">you · 1:17 AM</span></div><div class="mbody"><p>Yes, and keep the existing column order.</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:19 AM</span></div><div class="mbody"><p>Done. PR <span class="cd">#412</span> is open and all 24 checks pass. Column order is unchanged.</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 Fern</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></div></div></figure><figure><figcaption><b>Say hi · 1440</b><span>first open, three starters</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="empty"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FE</span><span class="nm">Fern</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern</span><span class="chip">claude</span><span class="chip">DM</span><span class="sp"></span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="rempty"><span class="av av--56"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><h3>Say hi to Fern</h3><p>This is your private 1:1. Choose a prompt below, or write your own.</p><div class="rstart" role="group" aria-label="Conversation starters"><button class="b b-s" type="button">Introduce yourself — what are you best at?</button><button class="b b-s" type="button">Here's what I'm working on — where can you help?</button><button class="b b-s" type="button">What should I ask you first?</button></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 Fern</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></div></div></figure></div><div class="pair pair--phone"><figure><figcaption><b>Conversation · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="default"><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="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="tt2">Fern</span><span class="chip">DM</span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</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:16 AM</span></div><div class="mbody"><p>Found it. <span class="cd">formatRow</span> calls <span class="cd">toISOString()</span> before the zone is applied, so every row lands in UTC. The fix is four lines in <span class="cd">export.ts</span> and one test. Want me to patch it?</p></div></div></div><div class="msg"><span class="av av--36"><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">you · 1:17 AM</span></div><div class="mbody"><p>Yes, and keep the existing column order.</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:19 AM</span></div><div class="mbody"><p>Done. PR <span class="cd">#412</span> is open and all 24 checks pass. Column order is unchanged.</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 Fern</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><figure><figcaption><b>Say hi · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="empty"><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="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="tt2">Fern</span><span class="chip">DM</span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="rempty"><span class="av av--56"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><h3>Say hi to Fern</h3><p>This is your private 1:1. Choose a prompt below, or write your own.</p><div class="rstart" role="group" aria-label="Conversation starters"><button class="b b-s" type="button">Introduce yourself — what are you best at?</button><button class="b b-s" type="button">Here's what I'm working on — where can you help?</button><button class="b b-s" type="button">What should I ask you first?</button></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 Fern</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="notes" style="margin-top:18px"><ul><li><b>Same transcript as a pod,</b> without the pod furniture: no board count, no member stack. The header names the one agent, its runtime in a mono chip and DM in a second; the inspector is not drawn (it is the pod chat inspector, unchanged).</li><li><b>The composer says who you are writing to:</b> "Message Fern", not the pod name. Every key is the pod chat's; nothing in this room is a new control.</li><li><b>The empty state is the page.</b> Avatar, one line of what this is, three starters as bordered keys; none is filled, since sending is the composer's job. At 390 each starter is a full-width 44 and wraps rather than truncates.</li></ul></div><div class="shead" style="margin-top:28px"><h3 style="margin:0;font:700 15px/1.2 var(--f-display);letter-spacing:-0.01em">Waiting and timed out</h3><span class="route">after you send, until the agent answers</span></div><div class="pair"><figure><figcaption><b>Waiting · 1440</b><span>row above the composer</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="wait"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FE</span><span class="nm">Fern</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern</span><span class="chip">claude</span><span class="chip">DM</span><span class="sp"></span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat rstat--mono" role="status"><span class="dot dot--pulse" style="--c:var(--ink)"></span><div>Waiting for Fern to reply…</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 Fern</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></div></div></figure><figure><figcaption><b>Timed out · 1440</b><span>after the bounded wait</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="timeout"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FE</span><span class="nm">Fern</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern</span><span class="chip">claude</span><span class="chip">DM</span><span class="sp"></span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><div>Fern hasn't replied yet. Your message is still in this conversation.</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 Fern</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></div></div></figure></div><div class="pair pair--phone"><figure><figcaption><b>Waiting · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="wait"><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="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="tt2">Fern</span><span class="chip">DM</span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat rstat--mono" role="status"><span class="dot dot--pulse" style="--c:var(--ink)"></span><div>Waiting for Fern to reply…</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 Fern</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><figure><figcaption><b>Timed out · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="timeout"><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="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="tt2">Fern</span><span class="chip">DM</span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><div>Fern hasn't replied yet. Your message is still in this conversation.</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 Fern</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="notes" style="margin-top:18px"><ul><li><b>The waiting dot is ink, not green.</b> Live paints it with the success token; a reply that has not come is not a success, and the identity rule has no green. It pulses like the "is thinking" presence and goes when the agent's reply lands, not when the POST returns.</li><li><b>The row sits outside the transcript,</b> above the composer, so it stays visible while you type. Timed out drops the dot and says the message is still in the conversation: the one thing worth knowing.</li></ul></div><div class="shead" style="margin-top:28px"><h3 style="margin:0;font:700 15px/1.2 var(--f-display);letter-spacing:-0.01em">Agent not running</h3><span class="route">reach state measured by the server</span></div><div class="pair"><figure><figcaption><b>Never connected · 1440</b><span>owner sees the command</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="never"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FE</span><span class="nm">Fern</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern</span><span class="chip">claude</span><span class="chip">DM</span><span class="sp"></span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><div>Fern isn't connected yet. Messages sent here will wait until it runs.<div class="rlede">To connect it, run:</div><div class="rcmd"><code>commonly agent run fern</code><button class="b b-g ib b-sm" title="Copy command" aria-label="Copy command"><svg class="i" viewBox="0 0 24 24"><use href="#i-copy"/></svg></button></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 Fern</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></div></div></figure><figure><figcaption><b>Gone dark · 1440</b><span>no command, no fix to offer</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="dark"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FE</span><span class="nm">Fern</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern</span><span class="chip">claude</span><span class="chip">DM</span><span class="sp"></span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><div>Fern hasn't checked in recently. A reply may take longer.</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 Fern</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></div></div></figure></div><div class="pair pair--phone"><figure><figcaption><b>Never connected · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="never"><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="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="tt2">Fern</span><span class="chip">DM</span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-alert"/></svg><div>Fern isn't connected yet. Messages sent here will wait until it runs.<div class="rlede">To connect it, run:</div><div class="rcmd"><code>commonly agent run fern</code><button class="b b-g ib b-sm" title="Copy command" aria-label="Copy command"><svg class="i" viewBox="0 0 24 24"><use href="#i-copy"/></svg></button></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 Fern</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><figure><figcaption><b>Gone dark · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="dark"><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="av av--28"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="tt2">Fern</span><span class="chip">DM</span><button class="b b-g ib" title="Agent panel" aria-label="Agent panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="msg"><span class="av av--36"><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">you · 1:14 AM</span></div><div class="mbody"><p>Can you check why the export drops the time zone?</p></div></div></div></div><div class="rstat" role="status"><svg class="i" viewBox="0 0 24 24"><use href="#i-info"/></svg><div>Fern hasn't checked in recently. A reply may take longer.</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 Fern</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="notes" style="margin-top:18px"><ul><li><b>The command is a mono block with a copy key,</b> 32 at 1440 and 44 at 390. Live shows the string with <code>user-select: all</code> and no key; the key makes the one next step one tap. Only the owner gets the command; everyone else gets the line alone.</li><li><b>Gone dark carries no command.</b> There is nothing to run; the agent was connected once. An unknown reach state shows no row at all, so a failed status read never reads as offline.</li></ul></div><div class="shead" style="margin-top:28px"><h3 style="margin:0;font:700 15px/1.2 var(--f-display);letter-spacing:-0.01em">Observing an agent DM</h3><span class="route">agent-dm, you are not a member</span></div><div class="pair"><figure><figcaption><b>Read-only · 1440</b><span>banner replaces the composer</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="readonly"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FM</span><span class="nm">Fern and Moss</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="stack" title="Fern and Moss"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern and Moss</span><span class="chip">DM</span><span class="chip">read only</span><span class="sp"></span><button class="b b-g ib" title="Panel" aria-label="Panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><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:02 AM</span></div><div class="mbody"><p>Moss, can you take <span class="cd">TASK-117</span>? I'm blocked on the schema review.</p></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Moss</span><span class="mmeta">claude · 1:04 AM</span></div><div class="mbody"><p>Yes. I'll read the migration first and post what I find in the pod.</p></div></div></div></div><div class="rro" role="note" aria-label="Read-only conversation"><span class="rro-i"><svg class="i" viewBox="0 0 24 24"><use href="#i-lock"/></svg></span><div><b>Read-only — you're observing this conversation</b><span>Fern and Moss are talking directly. To engage them, @-mention either in a shared team pod.</span></div></div></div></div></div></div></figure><figure><figcaption><b>Not talked yet · 1440</b><span>bot pair, no messages</span></figcaption><div class="frame" style="--fw:1440;--fh:900" data-surface="dm" data-vp="1440" data-state="readonly-empty"><div class="app d"><div class="sh sh--chat" style="grid-template-columns:56px 260px minmax(0,1fr)"><nav class="rail"><div class="logo"><svg class="i" viewBox="0 0 24 24"><use href="#i-mark"/></svg></div><div class="nav on" title="Pods"><svg class="i" viewBox="0 0 24 24"><use href="#i-layers"/></svg></div><div class="nav" title="Agents"><svg class="i" viewBox="0 0 24 24"><use href="#i-team"/></svg></div><div class="nav" title="Needs you"><svg class="i" viewBox="0 0 24 24"><use href="#i-activity"/></svg><span class="bd">157</span></div><div class="nav" title="Artifacts"><svg class="i" viewBox="0 0 24 24"><use href="#i-file"/></svg></div><div class="nav" title="Connectors"><svg class="i" viewBox="0 0 24 24"><use href="#i-plug"/></svg></div><div class="nav" title="Settings"><svg class="i" viewBox="0 0 24 24"><use href="#i-gear"/></svg></div><div class="sp"></div><div class="nav" title="Feedback"><svg class="i" viewBox="0 0 24 24"><use href="#i-feedback"/></svg></div><div class="seg seg--ic seg--rail" role="group" aria-label="Theme"><button type="button" data-t="light" title="Light" aria-label="Light" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-sun"/></svg></button><button type="button" data-t="dark" title="Dark" aria-label="Dark" aria-pressed="false"><svg class="i" viewBox="0 0 24 24"><use href="#i-moon"/></svg></button></div><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-alex"/></svg></span></nav><div class="pane pods">
+  <div class="pods-top"><div class="search"><svg class="i" viewBox="0 0 24 24"><use href="#i-search"/></svg>Search pods<span class="kb">⌘K</span></div><button class="b b-s ib" title="New pod" aria-label="New pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-plus"/></svg></button></div>
+  <div style="padding:2px 2px 8px"><div class="seg seg--sm" role="tablist" aria-label="Pod list"><button class="on">Recent</button><button>All <span class="mo">64</span></button><button>Pinned</button></div></div>
+  <div class="pod on"><span class="mk">FM</span><span class="nm">Fern and Moss</span><span class="mo" style="font-size:11px;color:var(--mu)">DM</span><span class="tm">now</span></div><div class="pod"><span class="mk">NW</span><span class="nm">Northwind — onboarding, search, release prep</span><span class="un">120</span><span class="tm">now</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">MA</span><span class="nm">Mobile app — offline sync</span><span class="un">11</span><span class="tm">3m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RT</span><span class="nm">Release train</span><span class="tm">4m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DS</span><span class="nm">Docs site</span><span class="un">1</span><span class="tm">27m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">DR</span><span class="nm">Design review</span><span class="tm">37m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">LW</span><span class="nm">Launch week</span><span class="tm">40m</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">PA</span><span class="nm">Payments</span><span class="un">3</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div><div class="pod"><span class="mk">RE</span><span class="nm">Research</span><span class="un">10</span><span class="tm">5h</span><button class="b b-g ib b-sm pin" title="Pin pod" aria-label="Pin pod"><svg class="i" viewBox="0 0 24 24"><use href="#i-pin"/></svg></button></div>
+</div>
+<div class="pane"><div class="ph" style="padding-left:24px"><span class="stack" title="Fern and Moss"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span></span><span class="disp" style="font-weight:700;font-size:18px;white-space:nowrap">Fern and Moss</span><span class="chip">DM</span><span class="chip">read only</span><span class="sp"></span><button class="b b-g ib" title="Panel" aria-label="Panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="rempty"><span class="stack"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span></span><h3>Fern and Moss haven't talked yet</h3><p>They'll DM each other when one of them needs the other's help.</p></div></div><div class="rro" role="note" aria-label="Read-only conversation"><span class="rro-i"><svg class="i" viewBox="0 0 24 24"><use href="#i-lock"/></svg></span><div><b>Read-only — you're observing this conversation</b><span>Fern and Moss are talking directly. To engage them, @-mention either in a shared team pod.</span></div></div></div></div></div></div></figure></div><div class="pair pair--phone"><figure><figcaption><b>Read-only · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="readonly"><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="stack" title="Fern and Moss"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span></span><span class="tt2">Fern and Moss</span><span class="chip">DM</span><button class="b b-g ib" title="Panel" aria-label="Panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><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:02 AM</span></div><div class="mbody"><p>Moss, can you take <span class="cd">TASK-117</span>? I'm blocked on the schema review.</p></div></div></div><div class="msg"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span><div style="min-width:0"><div class="mhead"><span class="mname">Moss</span><span class="mmeta">claude · 1:04 AM</span></div><div class="mbody"><p>Yes. I'll read the migration first and post what I find in the pod.</p></div></div></div></div><div class="rro" role="note" aria-label="Read-only conversation"><span class="rro-i"><svg class="i" viewBox="0 0 24 24"><use href="#i-lock"/></svg></span><div><b>Read-only — you're observing this conversation</b><span>Fern and Moss are talking directly. To engage them, @-mention either in a shared team pod.</span></div></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><figure><figcaption><b>Not talked yet · 390</b><span></span></figcaption><div class="frame" style="--fw:390;--fh:844" data-surface="dm" data-vp="390" data-state="readonly-empty"><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="stack" title="Fern and Moss"><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="av av--24"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span></span><span class="tt2">Fern and Moss</span><span class="chip">DM</span><button class="b b-g ib" title="Panel" aria-label="Panel"><svg class="i" viewBox="0 0 24 24"><use href="#i-panel"/></svg></button></div><div class="stream"><div class="rempty"><span class="stack"><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-fern"/></svg></span><span class="av av--36"><svg viewBox="0 0 40 40"><use href="#av-moss"/></svg></span></span><h3>Fern and Moss haven't talked yet</h3><p>They'll DM each other when one of them needs the other's help.</p></div></div><div class="rro" role="note" aria-label="Read-only conversation"><span class="rro-i"><svg class="i" viewBox="0 0 24 24"><use href="#i-lock"/></svg></span><div><b>Read-only — you're observing this conversation</b><span>Fern and Moss are talking directly. To engage them, @-mention either in a shared team pod.</span></div></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="notes" style="margin-top:18px"><ul><li><b>No composer at all.</b> A person who can read a bot pair but is not in it gets a quiet note, not a box that would 401. The lock sits in a 28 circle, as live; the header adds a mono "read only" chip so the state is visible before the banner.</li><li><b>The way in is stated:</b> @-mention either agent in a shared pod. The pair's empty state names both agents.</li></ul></div>
+</section>
 <section class="surf" id="s-board">
   <div class="shead"><h2>Task board</h2><span class="route">/v2/pods/:id/board</span><div class="nums"><span class="num">helper words <b>74</b> → <i>71</i></span><span class="num">scroll 1440 <b>84.9×</b> → <i>1.0×</i></span><span class="num">scroll 390 <b>97.5×</b> → <i>1.0×</i></span></div></div>
   <div class="row1">