diff --git a/.claude-plugin/plugin.json b/.claude-plugin/plugin.json
index 2d71fdb..75be1d7 100644
--- a/.claude-plugin/plugin.json
+++ b/.claude-plugin/plugin.json
@@ -1,7 +1,7 @@
 {
   "name": "hermes-helmet",
   "displayName": "Hermes Helmet",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "First-officer skills for Hermes Helmet: setup, single-issue delivery, and dependent-issue coordination.",
   "author": {
     "name": "Machine Wisdom",
diff --git a/.codex-plugin/plugin.json b/.codex-plugin/plugin.json
index fd161f3..e88f62d 100644
--- a/.codex-plugin/plugin.json
+++ b/.codex-plugin/plugin.json
@@ -1,6 +1,6 @@
 {
   "name": "hermes-helmet",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "First-officer skills for Hermes Helmet: setup, single-issue delivery, and dependent-issue coordination.",
   "author": {
     "name": "Machine Wisdom",
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a35fd0c..ef34b49 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,18 @@ All notable changes to Hermes Helmet are recorded here. The project follows
 
 ## Unreleased
 
+### 0.4.0
+
+- Captain’s Bridge now presents the Changes First layout: purpose and outcome
+  in prose, grouped work items, and details for handoffs, review, evidence and
+  before/after changes. Evidence opens the original referenced records, Back
+  restores selection, scroll and focus, and elapsed time and gaps are collapsed
+  on the overview. Explicit handoff and wakeup relations are recorded without
+  implying causation or stalls; Hermes steps and readable names are validated
+  against the selected chat. The panel paints its own foreground and
+  background and follows the host's light or dark theme, so headings, strong
+  text and buttons stay readable in a dark Codex panel.
+
 ### 0.3.0
 
 - Add Captain’s Bridge to the Codex plugin: a read-only panel for the invoking
diff --git a/mcp/captains-bridge/test_view.cjs b/mcp/captains-bridge/test_view.cjs
index f13cc4b..5ab190a 100644
--- a/mcp/captains-bridge/test_view.cjs
+++ b/mcp/captains-bridge/test_view.cjs
@@ -1,19 +1,48 @@
 const fs=require('fs'),vm=require('vm'),assert=require('node:assert/strict');
-class Element{constructor(tag){this.tagName=tag;this.children=[];this.textContent='';this.hidden=false;this.style={setProperty(){}};}append(c){this.children.push(c)}prepend(c){this.children.unshift(c)}replaceChildren(...c){this.children=c}focus(){document.activeElement=this}}
+class Element{constructor(tag){this.tagName=tag;this.children=[];this.textContent='';this.hidden=false;this.style={setProperty(){}};this.attrs={};}setAttribute(k,v){this.attrs[k]=v}append(c){this.children.push(c)}prepend(c){this.children.unshift(c)}replaceChildren(...c){this.children=c}focus(){document.activeElement=this}}
 const roots={app:new Element('main'),error:new Element('div'),connect:new Element('button'),connection:new Element('p')};
 function find(e,id){return e.id===id?e:e.children.map(c=>find(c,id)).find(Boolean)}
 const document={getElementById:id=>roots[id]||Object.values(roots).map(e=>find(e,id)).find(Boolean),createElement:t=>new Element(t),documentElement:new Element('html'),activeElement:null};
-const window={scrollY:0,scrollTo(x,y){this.scrollY=y}},parent={postMessage(){}};
-const context=vm.createContext({document,window,parent,setTimeout,clearTimeout,addEventListener(){},requestAnimationFrame:f=>f(),console});
+const listeners=[];const window={scrollY:0,scrollTo(x,y){this.scrollY=y}},parent={postMessage(){}};
+const context=vm.createContext({document,window,parent,setTimeout,clearTimeout,addEventListener(t,f){if(t==='message')listeners.push(f)},requestAnimationFrame:f=>f(),console});
 vm.runInContext(fs.readFileSync('view.html','utf8').match(/<script>([\s\S]*)<\/script>/)[1],context);
-const record={id:'source',turnId:'turn',actor:'First officer',kind:'report',text:'<img src=x onerror=alert(1)> literal source text'};
-const item={id:'interval',title:'Interval correction',group:'changed',status:'Recorded change',summary:'The interval changed.',detail:'The requested correction was applied.',evidence:['source'],links:[],steps:[],reported:{label:'Reported done',actor:'Hermes',evidence:['source']},disposition:{label:'Not accepted',actor:'First officer',evidence:['source']},change:{before:'30 seconds',after:'10 seconds',explanation:'Shortened the interval.',evidence:['source']}};
+const record={id:'source',turnId:'turn',actor:'First officer',kind:'report',text:'<img src=x onerror=alert(1)> literal source text https://github.com/example/repo/pull/1'};
+const item={id:'interval',title:'Interval correction',group:'changed',status:'Recorded change',summary:'The interval changed.',detail:'The requested correction was applied.',evidence:['source'],links:[],steps:[],relations:[{kind:'Wakeup',label:'Review resumed',detail:'Resumed after the report.',evidence:['source']}],reported:{label:'Reported done',actor:'Hermes',evidence:['source']},disposition:{label:'Not accepted',actor:'First officer',evidence:['source']},change:{before:'30 seconds',after:'10 seconds',explanation:'Shortened the interval.',evidence:['source']}};
 context.payload={_meta:{view:{threadId:'test'},deck:{title:'Test chat',readAt:'2026-10-08T13:15:00Z',turns:[{id:'turn',startedAt:1,completedAt:61,durationMs:60000,request:'Correct the interval'}],records:[record],walkthrough:{objective:'Correct the interval.',summary:'The interval changed.',evidence:['source'],items:[item]}}}};
 const run=s=>vm.runInContext(s,context);const text=e=>e.textContent+' '+e.children.map(text).join(' ');
 run('receive(payload)');assert.match(text(roots.app),/What changed/);assert.doesNotMatch(text(roots.app),/347|delegation calls/);
 window.scrollY=177;run("navigate({page:'work',id:'interval'})");assert.match(text(roots.app),/Reported done/);assert.match(text(roots.app),/Not accepted/);
 run("navigate({page:'change',id:'interval'})");assert.match(text(roots.app),/30 seconds/);assert.match(text(roots.app),/10 seconds/);
 run("source(['source'])");assert.match(text(roots.app),/<img src=x onerror=alert\(1\)>/);assert.equal(roots.app.children.some(e=>e.tagName==='img'),false);
+const walk=e=>[e,...e.children.flatMap(walk)];
+assert.ok(walk(roots.app).some(e=>e.tagName==='a'&&e.href==='https://github.com/example/repo/pull/1'&&e.rel.includes('noopener')),'Evidence opens the original referenced record.');
 run('back();back();back()');assert.equal(window.scrollY,177);assert.match(text(roots.app),/What changed/);
 run("navigate({page:'work',id:'interval'});payload._meta.deck.explanationStale=true;receive(payload)");assert.match(text(roots.app),/Records changed/);assert.match(text(roots.app),/Not accepted/);
+// Focus returns to the control that opened the work, and the overview keeps time details collapsed.
+run("navigate({page:'overview'})");assert.match(text(roots.app),/Elapsed time and gaps/);
+const row=walk(roots.app).find(e=>e.tagName==='button'&&e.id==='work-interval');assert.ok(row);row.onclick();
+assert.match(text(roots.app),/Related handoffs and wakeups/);assert.match(text(roots.app),/not a stall/);assert.match(text(roots.app),/does not by itself show/);
+run('back()');assert.equal(document.activeElement?.id,'work-interval','Back restores accessible focus.');
+// An expanded time disclosure survives opening full activity and going back.
+run("navigate({page:'overview'})");window.scrollY=88;
+const details=walk(roots.app).find(e=>e.tagName==='details'&&e.children.some(c=>c.textContent==='Elapsed time and gaps'));assert.ok(details);assert.equal(details.open,false);
+details.open=true;details.ontoggle();
+const act=walk(roots.app).find(e=>e.tagName==='button'&&e.textContent==='View full activity');act.onclick();assert.match(text(roots.app),/Recorded activity/);
+run('back()');
+const again=walk(roots.app).find(e=>e.tagName==='details'&&e.children.some(c=>c.textContent==='Elapsed time and gaps'));
+assert.equal(again.open,true,'Back keeps the elapsed-time disclosure open.');assert.equal(window.scrollY,88);assert.equal(document.activeElement?.id,again.children.flatMap(walk).find(e=>e.textContent==='View full activity')?.id||document.activeElement?.id);
 console.log('PASS: overview, paired statuses, change detail, literal source text, back/scroll restoration, refresh selection and stale explanation.');
+// Host theme: the app owns its foreground/background so headings, strong text and buttons stay readable in any host.
+{const html=fs.readFileSync('view.html','utf8'),css=html.match(/<style>([\s\S]*?)<\/style>/)[1];
+assert.match(css,/:root\{[^}]*background:var\(--bg\);color:var\(--ink\)/,'Root uses the app palette, not host --color-* variables.');
+assert.doesNotMatch(css,/--color-(text|background)-primary/,'No dependence on host variables that can mismatch the app palette.');
+assert.match(css,/body\{[^}]*background:var\(--bg\);color:var\(--ink\)/,'Body paints its own background and foreground.');
+assert.match(css,/h1,h2,h3,strong\{color:var\(--ink\)\}/,'Headings and strong text use the primary foreground.');
+assert.match(css,/button\{color:var\(--ink\)/,'Ordinary buttons use the primary foreground, not an inherited host color.');
+assert.match(css,/:root\[data-theme=dark\]\{[^}]*--bg:#181b22;--ink:#edf0fa/,'Explicit dark host theme gets the dark palette.');
+assert.match(css,/:root\[data-theme=light\]\{color-scheme:light\}/,'Explicit light host theme stays light.');
+const lum=h=>{const c=[1,3,5].map(i=>parseInt(h.substr(i,2),16)/255).map(v=>v<=.03928?v/12.92:((v+.055)/1.055)**2.4);return .2126*c[0]+.7152*c[1]+.0722*c[2]},ratio=(a,b)=>{const[x,y]=[lum(a),lum(b)].sort((p,q)=>q-p);return (x+.05)/(y+.05)};
+assert.ok(ratio('#edf0fa','#181b22')>7,'Dark ink on dark background is readable.');assert.ok(ratio('#0a2540','#ffffff')>7,'Light ink on light background is readable.');
+const onMessage=listeners[0];assert.ok(onMessage,'Host message handler is registered.');
+for(const theme of['dark','light']){document.documentElement.attrs={};onMessage({source:parent,data:{id:1,result:{hostContext:{theme,styles:{variables:{'--color-text-primary':'rgb(26,28,31)','--other':'1'}}}}}});assert.equal(document.documentElement.attrs['data-theme'],theme,'Host theme is applied: '+theme);}}
+console.log('PASS: host theme and contrast.');
diff --git a/mcp/captains-bridge/test_walkthrough.py b/mcp/captains-bridge/test_walkthrough.py
index 2bd1daa..7d67d3a 100644
--- a/mcp/captains-bridge/test_walkthrough.py
+++ b/mcp/captains-bridge/test_walkthrough.py
@@ -42,6 +42,26 @@ def test_invented_and_unsafe_links_are_rejected(self):
             self.account['items'][0]['links'][0]['url'] = url
             with self.assertRaises(ValueError): validate(self.account, self.data)
 
+    def test_internal_planning_ids_are_not_names(self):
+        for bad in ('Task t_f889e671', 'Chat 11111111-1111-4111-8111-111111111111'):
+            self.account['items'][0]['title'] = bad
+            with self.assertRaises(ValueError): validate(self.account, self.data)
+
+    def test_hermes_steps_need_explicit_hermes_record(self):
+        step = {'actor': 'Hermes', 'label': 'Worker ran', 'detail': 'Ran.', 'evidence': ['command']}
+        self.account['items'][0]['steps'] = [step]
+        with self.assertRaises(ValueError): validate(self.account, self.data)
+        self.data['records'][1]['text'] += ' Hermes worker finished'
+        self.assertEqual(validate(self.account, self.data)['items'][0]['steps'][0]['actor'], 'Hermes')
+
+    def test_explicit_async_relations_are_grounded(self):
+        rel = {'kind': 'Wakeup', 'label': 'Review resumed later', 'detail': 'Woken after the report.', 'evidence': ['report']}
+        self.account['items'][0]['relations'] = [rel]
+        self.assertEqual(validate(self.account, self.data)['items'][0]['relations'][0]['kind'], 'Wakeup')
+        for bad in ({**rel, 'kind': 'Caused'}, {**rel, 'evidence': ['elsewhere']}):
+            self.account['items'][0]['relations'] = [bad]
+            with self.assertRaises(ValueError): validate(self.account, self.data)
+
     def test_app_view_checks_evidence_in_exact_chat(self):
         account = validate(self.account, self.data)
         original = server.read_chat
diff --git a/mcp/captains-bridge/view.html b/mcp/captains-bridge/view.html
index a1df4b6..c8c7860 100644
--- a/mcp/captains-bridge/view.html
+++ b/mcp/captains-bridge/view.html
@@ -1,9 +1,11 @@
 <!doctype html>
 <html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Captain’s Bridge</title>
 <style>
-:root{color-scheme:light dark;--bg:#fff;--ink:#0a2540;--muted:#62718b;--line:#e5e9f0;--violet:#6257d8;--violet-soft:#f3f1ff;--amber:#975800;--amber-soft:#fff7e8;--teal:#087f88;--green:#206d40;--green-soft:#eaf7ee;--rose:#9b4052;--rose-soft:#fff0f3;--slate-soft:#f3f5f8;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--color-background-primary,var(--bg));color:var(--color-text-primary,var(--ink))}
-@media(prefers-color-scheme:dark){:root{--bg:#181b22;--ink:#edf0fa;--muted:#a6b1c9;--line:#343a47;--violet:#bbb4ff;--violet-soft:#2d2943;--amber:#ffd391;--amber-soft:#352b1d;--teal:#73d6db;--green:#96d7ab;--green-soft:#203629;--rose:#f1a3b2;--rose-soft:#3b252f;--slate-soft:#252a35}}
-*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--violet);outline-offset:4px}button,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none;text-align:left;padding:0}p{margin:8px 0 16px;max-width:68ch}h1{font-size:26px;line-height:1.25;letter-spacing:-.55px;margin:0 0 14px}h2{font-size:19px;line-height:1.4;letter-spacing:-.2px;margin:0 0 7px}h3{font-size:16px;line-height:1.4;margin:0}small,.small{font-size:12px;line-height:1.5}.muted{color:var(--muted)}.brand{padding:14px 24px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center;font-size:12px}.brand strong{font-weight:600}.shell{max-width:900px;margin:auto;padding:28px 28px 18px}.top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.fresh{font-size:12px;color:var(--muted);text-align:right;max-width:190px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;padding:7px 13px;background:var(--bg)}.primary{background:var(--violet-soft);border-color:transparent;color:var(--violet);font-weight:600}.link{color:var(--violet);font-size:14px}.lead{font-size:16px;font-weight:600;line-height:1.6}.context{color:var(--muted)}section{margin:26px 0;padding-top:24px;border-top:1px solid var(--line)}section>p{color:var(--muted);font-size:14px}.work-list{margin-top:14px}.work-row{width:100%;display:block;padding:15px 0;border-top:1px solid var(--line);border-radius:0;position:relative}.work-row:hover{background:var(--slate-soft)}.work-row.selected{background:var(--violet-soft);padding:15px 14px;border:1px solid var(--line);border-radius:6px}.work-row.unresolved{background:var(--amber-soft);padding:15px 14px;margin:10px 0;border:0;border-radius:6px}.row-title{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-weight:600}.row-summary{display:block;color:var(--muted);font-size:14px;margin-top:5px;padding-right:25px}.badge{display:inline-block;font-size:12px;font-weight:500;line-height:1.4;padding:3px 9px;border-radius:20px;background:var(--slate-soft);color:var(--muted)}.badge.changed{color:var(--violet);background:var(--violet-soft)}.badge.merged{color:var(--green);background:var(--green-soft)}.badge.unresolved{color:var(--amber);background:var(--amber-soft)}.breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 25px;color:var(--muted);font-size:12px}.breadcrumb span{overflow-wrap:anywhere}.status-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 26px}.status{padding:15px 17px;border-radius:7px;background:var(--violet-soft)}.status.reported{background:var(--rose-soft)}.status strong{display:block;line-height:1.4}.status small{color:var(--muted)}.steps{list-style:none;padding:0;margin:24px 0}.step{padding:0 0 20px 17px;border-left:2px solid var(--line)}.step:last-child{padding-bottom:0}.actor{font-size:14px;font-weight:600;color:var(--violet)}.actor.hermes{color:var(--teal)}.actor.captain{color:var(--amber)}.step p{font-size:14px;margin:3px 0 4px;color:var(--muted)}.step button{font-size:12px}.source-action{display:block;width:100%;padding:15px 17px;background:var(--violet-soft);border-radius:6px;color:var(--violet);margin:15px 0}.source-action small{display:block;font-weight:400;color:var(--muted)}.external{display:block;padding:12px 0;font-size:14px;border-bottom:1px solid var(--line)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.value{background:var(--slate-soft);padding:25px 18px;border-radius:8px;text-align:center;overflow-wrap:anywhere}.value.after{background:var(--violet-soft);color:var(--violet)}.value strong{display:block;font-size:clamp(24px,6vw,50px);letter-spacing:-1px;line-height:1.2;margin-bottom:10px}.value small{color:var(--muted)}.timeline{margin:16px 0}.time-row{padding:7px 0 7px 16px;border-left:2px solid var(--line);font-size:14px}.time-row strong{font-size:13px}.gap{font-size:12px;color:var(--muted);padding:15px 0 15px 16px}.duration{float:right;color:var(--muted)}.notice{background:var(--amber-soft);padding:12px 16px;border-radius:6px;margin-bottom:22px;font-size:14px}.notice button{display:block;margin-top:5px}.empty{padding:30px 0}.error{color:var(--rose);background:var(--rose-soft);padding:12px 16px;border-radius:6px;margin:12px 0}.record{padding:20px 0;border-bottom:1px solid var(--line)}.record pre{font:13px/1.6 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.record .record-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.record header{display:flex;gap:12px;align-items:baseline}.report-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--muted)}details{font-size:13px;color:var(--muted);margin:20px 0}summary{cursor:pointer}footer{border-top:1px solid var(--line);padding-top:15px;margin-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:480px){.shell{padding:22px 19px}.brand{padding:12px 19px}.top{flex-wrap:wrap}.fresh{text-align:left;max-width:none}h1{font-size:24px}.status-pair{gap:8px}.status{padding:13px}.compare{gap:12px}.duration{float:none;display:block}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .12s}}
+:root{color-scheme:light dark;--bg:#fff;--ink:#0a2540;--muted:#62718b;--line:#e5e9f0;--violet:#6257d8;--violet-soft:#f3f1ff;--amber:#975800;--amber-soft:#fff7e8;--teal:#087f88;--green:#206d40;--green-soft:#eaf7ee;--rose:#9b4052;--rose-soft:#fff0f3;--slate-soft:#f3f5f8;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
+:root[data-theme=light]{color-scheme:light}
+:root[data-theme=dark]{color-scheme:dark;--bg:#181b22;--ink:#edf0fa;--muted:#a6b1c9;--line:#343a47;--violet:#bbb4ff;--violet-soft:#2d2943;--amber:#ffd391;--amber-soft:#352b1d;--teal:#73d6db;--green:#96d7ab;--green-soft:#203629;--rose:#f1a3b2;--rose-soft:#3b252f;--slate-soft:#252a35}
+@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#181b22;--ink:#edf0fa;--muted:#a6b1c9;--line:#343a47;--violet:#bbb4ff;--violet-soft:#2d2943;--amber:#ffd391;--amber-soft:#352b1d;--teal:#73d6db;--green:#96d7ab;--green-soft:#203629;--rose:#f1a3b2;--rose-soft:#3b252f;--slate-soft:#252a35}}
+*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}h1,h2,h3,strong{color:var(--ink)}button,a{font:inherit}button{color:var(--ink);cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--violet);outline-offset:4px}button,summary{-webkit-tap-highlight-color:transparent}button{border:0;background:none;text-align:left;padding:0}p{margin:8px 0 16px;max-width:68ch}h1{font-size:26px;line-height:1.25;letter-spacing:-.55px;margin:0 0 14px}h2{font-size:19px;line-height:1.4;letter-spacing:-.2px;margin:0 0 7px}h3{font-size:16px;line-height:1.4;margin:0}small,.small{font-size:12px;line-height:1.5}.muted{color:var(--muted)}.brand{padding:14px 24px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center;font-size:12px}.brand strong{font-weight:600}.shell{max-width:900px;margin:auto;padding:28px 28px 18px}.top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.fresh{font-size:12px;color:var(--muted);text-align:right;max-width:190px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;padding:7px 13px;background:var(--bg)}.primary{background:var(--violet-soft);border-color:transparent;color:var(--violet);font-weight:600}.link{color:var(--violet);font-size:14px}.lead{font-size:16px;font-weight:600;line-height:1.6}.context{color:var(--muted)}section{margin:26px 0;padding-top:24px;border-top:1px solid var(--line)}section>p{color:var(--muted);font-size:14px}.work-list{margin-top:14px}.work-row{width:100%;display:block;padding:15px 0;border-top:1px solid var(--line);border-radius:0;position:relative}.work-row:hover{background:var(--slate-soft)}.work-row.selected{background:var(--violet-soft);padding:15px 14px;border:1px solid var(--line);border-radius:6px}.work-row.unresolved{background:var(--amber-soft);padding:15px 14px;margin:10px 0;border:0;border-radius:6px}.row-title{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font-weight:600}.row-summary{display:block;color:var(--muted);font-size:14px;margin-top:5px;padding-right:25px}.badge{display:inline-block;font-size:12px;font-weight:500;line-height:1.4;padding:3px 9px;border-radius:20px;background:var(--slate-soft);color:var(--muted)}.badge.changed{color:var(--violet);background:var(--violet-soft)}.badge.merged{color:var(--green);background:var(--green-soft)}.badge.unresolved{color:var(--amber);background:var(--amber-soft)}.breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 25px;color:var(--muted);font-size:12px}.breadcrumb span{overflow-wrap:anywhere}.status-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 26px}.status{padding:15px 17px;border-radius:7px;background:var(--violet-soft)}.status.reported{background:var(--rose-soft)}.status strong{display:block;line-height:1.4}.status small{color:var(--muted)}.steps{list-style:none;padding:0;margin:24px 0}.step{padding:0 0 20px 17px;border-left:2px solid var(--line)}.step:last-child{padding-bottom:0}.actor{font-size:14px;font-weight:600;color:var(--violet)}.actor.hermes{color:var(--teal)}.actor.captain{color:var(--amber)}.step p{font-size:14px;margin:3px 0 4px;color:var(--muted)}.step button{font-size:12px}.source-action{display:block;width:100%;padding:15px 17px;background:var(--violet-soft);border-radius:6px;color:var(--violet);margin:15px 0}.source-action small{display:block;font-weight:400;color:var(--muted)}.external{display:block;padding:12px 0;font-size:14px;border-bottom:1px solid var(--line)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.value{background:var(--slate-soft);padding:25px 18px;border-radius:8px;text-align:center;overflow-wrap:anywhere}.value.after{background:var(--violet-soft);color:var(--violet)}.value strong{display:block;font-size:clamp(24px,6vw,50px);letter-spacing:-1px;line-height:1.2;margin-bottom:10px}.value small{color:var(--muted)}.timeline{margin:16px 0}.time-row{padding:7px 0 7px 16px;border-left:2px solid var(--line);font-size:14px}.time-row strong{font-size:13px}.gap{font-size:12px;color:var(--muted);padding:15px 0 15px 16px}.duration{float:right;color:var(--muted)}.notice{background:var(--amber-soft);padding:12px 16px;border-radius:6px;margin-bottom:22px;font-size:14px}.notice button{display:block;margin-top:5px}.empty{padding:30px 0}.error{color:var(--rose);background:var(--rose-soft);padding:12px 16px;border-radius:6px;margin:12px 0}.record{padding:20px 0;border-bottom:1px solid var(--line)}.record pre{font:13px/1.6 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.record .record-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.record header{display:flex;gap:12px;align-items:baseline}.report-excerpt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--muted)}details{font-size:13px;color:var(--muted);margin:20px 0}summary{cursor:pointer}footer{border-top:1px solid var(--line);padding-top:15px;margin-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:480px){.shell{padding:22px 19px}.brand{padding:12px 19px}.top{flex-wrap:wrap}.fresh{text-align:left;max-width:none}h1{font-size:24px}.status-pair{gap:8px}.status{padding:13px}.compare{gap:12px}.duration{float:none;display:block}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .12s}}
 .chat-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}.action-context{font-size:12px;color:var(--muted);margin:0 0 16px}.request-status{font-size:13px;color:var(--muted);padding:10px 0 18px}
 </style></head><body>
 <div class="brand"><span>Hermes Helmet</span><strong>Captain’s Bridge</strong></div>
@@ -11,10 +13,10 @@
 <script>
 'use strict';
 const $=id=>document.getElementById(id);let deck=null,portableView=null,view={page:'overview'},stack=[],selected=null,host=false,requestId=10;const pending=new Map();let loadVersion=0;
-let messagePending=false;
+let messagePending=false,trigger=null,seq=0;
 function el(tag,text,cls){const e=document.createElement(tag);if(text!=null)e.textContent=text;if(cls)e.className=cls;return e}
 function append(parent,...children){children.filter(Boolean).forEach(c=>parent.append(c));return parent}
-function button(text,fn,cls='link'){const b=el('button',text,cls);b.type='button';b.onclick=fn;return b}
+function button(text,fn,cls='link'){const b=el('button',text,cls);b.type='button';b.id='ctl-'+(seq++);b.onclick=(...a)=>{trigger=b.id;return fn(...a)};return b}
 function readable(t){return String(t||'').replace(/\[([^\]]+)\]\((?:plugin:\/\/|\/Users\/)[^)]+\)/g,'$1').replace(/\[([^\]]+)\]\((https:\/\/[^)]+)\)/g,'$1').replace(/^#{1,6}\s+/gm,'').replace(/\*\*([^*]+)\*\*/g,'$1')}
 function date(t){if(t==null)return 'Time unavailable';const n=typeof t==='number'?(t>1e12?t:t*1000):Date.parse(t);return Number.isFinite(n)?new Date(n).toLocaleString(undefined,{month:'short',day:'numeric',hour:'numeric',minute:'2-digit'}):'Time unavailable'}
 function seconds(t){if(t==null)return null;return typeof t==='number'?(t>1e12?t/1000:t):Date.parse(t)/1000}
@@ -22,7 +24,7 @@
 function send(message){parent.postMessage({jsonrpc:'2.0',...message},'*')}
 function rpc(method,params){return new Promise((resolve,reject)=>{const id=++requestId;const timer=setTimeout(()=>{pending.delete(id);reject(Error('The connection timed out. Your current view is preserved.'))},45000);pending.set(id,{resolve,reject,timer});send({id,method,params})})}
 function error(message){$('error').hidden=!message;$('error').textContent=message||''}
-function navigate(next){stack.push({...view,scroll:window.scrollY,focus:document.activeElement?.id});view=next;render();window.scrollTo(0,0)}
+function navigate(next){stack.push({...view,scroll:window.scrollY,focus:trigger||document.activeElement?.id});trigger=null;view=next;render();window.scrollTo(0,0)}
 function back(){view=stack.pop()||{page:'overview'};render();requestAnimationFrame(()=>{window.scrollTo(0,view.scroll||0);if(view.focus)$(view.focus)?.focus({preventScroll:true})})}
 function source(refs,title='Supporting records'){navigate({page:'sources',refs,title})}
 function item(){return deck.walkthrough?.items.find(i=>i.id===view.id)}
@@ -59,7 +61,7 @@
  append(main,el('p',account.summary,'lead'),el('p',account.objective,'context'));chatActions(main);append(main,button('Sources for this overview',()=>source(account.evidence),'link small'));
  const groups=[['changed','What changed','Changes described in the supporting records.'],['unresolved','What remains unresolved','Open work and disagreements that still matter.'],['activity','Other recorded work','Activity that has not established a delivered change.']];
  for(const [group,title,subtitle] of groups){const items=account.items.filter(i=>i.group===group);if(!items.length)continue;const s=heading(title,subtitle);const list=el('div',null,'work-list');for(const i of items){const row=button('',()=>{selected=i.id;navigate({page:'work',id:i.id})},'work-row'+(group==='unresolved'?' unresolved':'')+(selected===i.id?' selected':''));row.id='work-'+i.id;const badgeClass=/^merged$/i.test(i.status)?'merged':group;append(row,append(el('div',null,'row-title'),el('span',i.title),el('span',i.status,'badge '+badgeClass)),el('span',i.summary,'row-summary'));append(list,row)}append(s,list);append(main,s)}
- const time=heading('Time across the work','Turn durations are recorded intervals, not proof of continuous execution.');append(time,timeline(2),button('View full activity',()=>navigate({page:'activity'})));append(main,time);
+ const time=el('details');time.open=!!view.timeOpen;time.ontoggle=()=>{view.timeOpen=time.open};append(time,el('summary','Elapsed time and gaps'),el('p','Turn durations are recorded intervals, not proof of continuous execution. Gaps are not stalls.'),timeline(2),button('View full activity',()=>navigate({page:'activity'})));append(main,time);
 }
 function work(main,i){append(main,crumb(i.title),append(el('div',null,'row-title'),el('h1',i.title),el('span',i.status,'badge '+i.group)),el('p',i.summary,'context'));
  if(i.reported||i.disposition){const pair=el('div',null,'status-pair');for(const [key,cls]of[['reported','reported'],['disposition','']]){const v=i[key];if(!v)continue;const b=button('',()=>source(v.evidence),'status '+cls);append(b,el('strong',v.label),el('small','by '+v.actor));append(pair,b)}append(main,pair)}
@@ -67,11 +69,13 @@
  append(main,append(el('div',null,'chat-actions'),skillButton('show-me',i)),el('p','Ask the first officer to visually explain this work.','action-context'));
  if(i.change){const b=button('View before and after',()=>navigate({page:'change',id:i.id}),'source-action');append(b,el('small',i.change.before+' → '+i.change.after));append(main,b)}
  if(i.steps.length){const list=el('ol',null,'steps');for(const s of i.steps){const row=el('li',null,'step');append(row,el('div',s.actor,'actor '+s.actor.toLowerCase().split(' ')[0]),el('strong',s.label),el('p',s.detail),button('Source',()=>source(s.evidence,s.label)));append(list,row)}append(main,list)}
+ if(i.relations?.length){append(main,el('h2','Related handoffs and wakeups'),el('p','These relationships are explicitly recorded in the chat. Their order on screen does not by itself show that one caused another, and a quiet period is not a stall.','action-context'));const rl=el('ul',null,'steps');for(const r of i.relations){const row=el('li',null,'step');append(row,el('div',r.kind,'actor'),el('strong',r.label),el('p',r.detail),button('Source',()=>source(r.evidence,r.label)));append(rl,row)}append(main,rl)}
  append(main,evidenceButton(i.evidence));for(const l of i.links){const a=el('a',l.label,'external');a.href=l.url;a.target='_blank';a.rel='noopener noreferrer';append(main,a)}
 }
 function change(main,i){const c=i.change;if(!c){view={page:'work',id:i.id};render();return}append(main,crumb(i.title),el('h1',i.title),el('p',i.summary,'context'));const compare=el('div',null,'compare');for(const [label,value,cls]of[['Before',c.before,''],['After',c.after,'after']])append(compare,append(el('div',null,'value '+cls),el('strong',value),el('small',label)));append(main,compare,el('h2','What changed'),el('p',c.explanation,'context'),evidenceButton(c.evidence,'View recorded change'),button('Return to this work',back));}
-function sources(main){append(main,crumb('Supporting records'),el('h1',view.title||'Supporting records'));const wanted=new Set(view.refs||[]),records=allRecords().filter(r=>wanted.has(r.id));if(!records.length)append(main,el('p','These source records are no longer available in this connection. Refresh or reopen the walkthrough.','context'));for(const r of records){const section=el('article',null,'record');append(section,append(el('header'),el('strong',r.actor||'Recorded source'),el('span',r.kind,'badge')));const t=deck.turns.find(t=>t.id===r.turnId);if(t)append(section,el('small','Within turn starting '+date(t.startedAt),'muted'));append(section,el(['command','tool','change'].includes(r.kind)?'pre':'div',r.text,['command','tool','change'].includes(r.kind)?'':'record-text'));if(r.truncated)append(section,el('p','This excerpt was shortened. Open the original chat for the complete record.','small muted'));append(main,section)}}
-function render(){if(!deck)return;const main=$('app');main.replaceChildren();if(deck.explanationStale){const n=el('div',null,'notice');append(n,el('span','Records changed since this walkthrough was prepared. Its conclusions may need updating.'),button('Update walkthrough',explain));append(main,n)}
+function sources(main){append(main,crumb('Supporting records'),el('h1',view.title||'Supporting records'));const wanted=new Set(view.refs||[]),records=allRecords().filter(r=>wanted.has(r.id));if(!records.length)append(main,el('p','These source records are no longer available in this connection. Refresh or reopen the walkthrough.','context'));for(const r of records){const section=el('article',null,'record');append(section,append(el('header'),el('strong',r.actor||'Recorded source'),el('span',r.kind,'badge')));const t=deck.turns.find(t=>t.id===r.turnId);if(t)append(section,el('small','Within turn starting '+date(t.startedAt),'muted'));for(const url of [...new Set(String(r.text).match(/https:\/\/[^\s<>"')\]]+/g)||[])].slice(0,5)){const a=el('a','Open original: '+url,'external');a.href=url;a.target='_blank';a.rel='noopener noreferrer';append(section,a)}
+ append(section,el(['command','tool','change'].includes(r.kind)?'pre':'div',r.text,['command','tool','change'].includes(r.kind)?'':'record-text'));if(r.truncated)append(section,el('p','This excerpt was shortened. Open the original chat for the complete record.','small muted'));append(main,section)}}
+function render(){if(!deck)return;seq=0;const main=$('app');main.replaceChildren();if(deck.explanationStale){const n=el('div',null,'notice');append(n,el('span','Records changed since this walkthrough was prepared. Its conclusions may need updating.'),button('Update walkthrough',explain));append(main,n)}
  if(view.page==='overview')overview(main);else if(view.page==='sources')sources(main);else if(view.page==='activity'){append(main,crumb('Activity'),el('h1','Recorded activity'),el('p','The gaps below are gaps between stored turns. They do not establish a stall.','context'),timeline());}else{const i=item();if(i)view.page==='change'?change(main,i):work(main,i);else{view={page:'overview'};overview(main)}}
  const d=el('details');append(d,el('summary','About these records'),el('p','The walkthrough is the first officer’s interpretation, with links to its supporting records. A report of completion and acceptance of the work are separate claims.'));append(d,el('p',deck.coverage||'Existing records from this chat.'));if(deck.walkthrough)append(d,el('p','Explanation prepared from records read '+date(deck.walkthrough.explainedAt)));append(main,d)}
 function showConnection(message){if($('connection'))$('connection').textContent=message}
@@ -81,6 +85,6 @@
 function toolResult(result){for(let depth=0;depth<2;depth++){if(result?.isError||result?.structuredContent||result?._meta?.deck)return result;const blocks=result?.content;if(!Array.isArray(blocks)||blocks.length!==1||blocks[0]?.type!=='text')return result;let nested;try{nested=JSON.parse(blocks[0].text)}catch{return result}if(!nested||typeof nested!=='object'||!Array.isArray(nested.content)||!('structuredContent'in nested||'_meta'in nested||'isError'in nested))return result;result=nested}return result}
 function receive(raw){const result=toolResult(raw);if(result?.isError){error(result.content?.find(c=>c.type==='text')?.text||'The records could not be read.');return}const data=result?.structuredContent||{},payload=result?._meta?.deck?result._meta:data;if(payload.deck){++loadVersion;deck=payload.deck;portableView=payload.view;error('');render()}else if(data.needsBinding){showConnection('Ask the first officer to connect this view to the current chat.')}else if(data.view){return loadPrepared(data.view)}else{error('The panel received a result without walkthrough data. Its explanation has not opened.');showConnection('No walkthrough data received.')}}
 $('connect').onclick=explain;
-addEventListener('message',e=>{if(e.source!==parent)return;const m=e.data;if(m?.id===1&&m.result){host=true;send({method:'ui/notifications/initialized',params:{}});$('connect')&&($('connect').disabled=false);if($('connection'))$('connection').textContent='Connected to Codex. Waiting for this chat’s records.';for(const[k,v]of Object.entries(m.result.hostContext?.styles?.variables||{}))if(k.startsWith('--'))document.documentElement.style.setProperty(k,v)}else if(pending.has(m?.id)){const p=pending.get(m.id);clearTimeout(p.timer);pending.delete(m.id);m.error?p.reject(Error(m.error.message)):p.resolve(m.result)}else if(m?.method==='ui/notifications/tool-result')receive(m.params);else if(m?.method==='ping'||m?.method==='ui/resource-teardown')send({id:m.id,result:{}})});
+addEventListener('message',e=>{if(e.source!==parent)return;const m=e.data;if(m?.id===1&&m.result){host=true;send({method:'ui/notifications/initialized',params:{}});$('connect')&&($('connect').disabled=false);if($('connection'))$('connection').textContent='Connected to Codex. Waiting for this chat’s records.';for(const[k,v]of Object.entries(m.result.hostContext?.styles?.variables||{}))if(k.startsWith('--')&&!k.startsWith('--color-'))document.documentElement.style.setProperty(k,v);const hostTheme=m.result.hostContext?.theme;if(hostTheme==='light'||hostTheme==='dark')document.documentElement.setAttribute('data-theme',hostTheme)}else if(pending.has(m?.id)){const p=pending.get(m.id);clearTimeout(p.timer);pending.delete(m.id);m.error?p.reject(Error(m.error.message)):p.resolve(m.result)}else if(m?.method==='ui/notifications/tool-result')receive(m.params);else if(m?.method==='ping'||m?.method==='ui/resource-teardown')send({id:m.id,result:{}})});
 if(parent!==window)send({id:1,method:'ui/initialize',params:{protocolVersion:'2026-01-26',appInfo:{name:'hermes-helmet-captains-bridge',version:'1'},appCapabilities:{availableDisplayModes:['fullscreen']}}});else $('connection').textContent='Open Captain’s Bridge through the plugin in Codex.';
 </script></body></html>
diff --git a/mcp/captains-bridge/walkthrough.py b/mcp/captains-bridge/walkthrough.py
index 0af95ed..e995398 100644
--- a/mcp/captains-bridge/walkthrough.py
+++ b/mcp/captains-bridge/walkthrough.py
@@ -4,6 +4,10 @@
 import json
 import re
 
+# Internal planning identifiers are not human-facing names.
+INTERNAL_ID = re.compile(r'\b(?:t_[0-9a-f]{6,}|[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})\b', re.I)
+RELATION_KINDS = ('Handoff', 'Wakeup', 'Follow-up')
+
 
 def fingerprint(data):
     evidence = {'records': data.get('records', []), 'turns': [
@@ -26,6 +30,12 @@ def refs(value):
             raise ValueError('Conclusions need existing record IDs from this bound chat.')
         return list(dict.fromkeys(value))
 
+    def name(value, label, maximum):
+        text = prose(value, label, maximum)
+        if INTERNAL_ID.search(text):
+            raise ValueError(f'{label} must be a readable name, not an internal planning identifier.')
+        return text
+
     result = {'objective': prose(account.get('objective'), 'Objective', 600),
               'summary': prose(account.get('summary'), 'Summary', 1000),
               'evidence': refs(account.get('evidence')), 'items': []}
@@ -41,17 +51,26 @@ def refs(value):
         group = item.get('group')
         if group not in ('changed', 'unresolved', 'activity'):
             raise ValueError('Group must be changed, unresolved, or activity.')
-        out = {'id': key, 'group': group, 'title': prose(item.get('title'), 'Work title', 140),
+        out = {'id': key, 'group': group, 'title': name(item.get('title'), 'Work title', 140),
                'summary': prose(item.get('summary'), 'Work summary', 600),
                'detail': prose(item.get('detail'), 'Work explanation'),
                'status': prose(item.get('status'), 'Status', 60), 'evidence': refs(item.get('evidence')),
-               'steps': [], 'links': []}
+               'steps': [], 'links': [], 'relations': []}
         for step in item.get('steps', [])[:16]:
             actor = step.get('actor')
             if actor not in ('Captain', 'First officer', 'Hermes', 'Other agent'):
                 raise ValueError('Use the named actor roles.')
-            out['steps'].append({'actor': actor, 'label': prose(step.get('label'), 'Step', 140),
-                                 'detail': prose(step.get('detail'), 'Step detail', 1000), 'evidence': refs(step.get('evidence'))})
+            cited = refs(step.get('evidence'))
+            if actor == 'Hermes' and not any('hermes' in records[r]['text'].lower() for r in cited):
+                raise ValueError('Hermes activity must cite a record in this chat that explicitly mentions Hermes.')
+            out['steps'].append({'actor': actor, 'label': name(step.get('label'), 'Step', 140),
+                                 'detail': prose(step.get('detail'), 'Step detail', 1000), 'evidence': cited})
+        for rel in item.get('relations', [])[:8]:
+            kind = rel.get('kind')
+            if kind not in RELATION_KINDS:
+                raise ValueError('Relation kind must be Handoff, Wakeup, or Follow-up.')
+            out['relations'].append({'kind': kind, 'label': name(rel.get('label'), 'Relation', 140),
+                                     'detail': prose(rel.get('detail'), 'Relation detail', 1000), 'evidence': refs(rel.get('evidence'))})
         for field in ('reported', 'disposition'):
             if item.get(field):
                 val = item[field]
@@ -66,7 +85,7 @@ def refs(value):
             url = prose(link.get('url'), 'Source URL', 2000)
             if not re.match(r'^https://[^\s<>]+$', url) or not any(url in records[r]['text'] for r in source):
                 raise ValueError('Links must be HTTPS URLs in their cited records.')
-            out['links'].append({'label': prose(link.get('label'), 'Link label', 160), 'url': url, 'evidence': source})
+            out['links'].append({'label': name(link.get('label'), 'Link label', 160), 'url': url, 'evidence': source})
         result['items'].append(out)
     result['explainedAt'] = data['readAt']
     result['fingerprint'] = fingerprint(data)
diff --git a/pyproject.toml b/pyproject.toml
index bbd147e..01bb9ef 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "hermes-helmet"
-version = "0.3.0"
+version = "0.4.0"
 description = "Open-source software factory for coding agents: delegation, review, and repair"
 readme = "README.md"
 requires-python = ">=3.11"
diff --git a/skills/observe-chat/SKILL.md b/skills/observe-chat/SKILL.md
index 44ad422..ba07dad 100644
--- a/skills/observe-chat/SKILL.md
+++ b/skills/observe-chat/SKILL.md
@@ -58,6 +58,12 @@ and what remains unresolved. `evidence`: record IDs supporting those statements.
 - `change`: optional `{before, after, explanation, evidence}` for a particular
   supported change, with a useful before/after representation. Do not invent a
   before state, a diff or runtime success. Plain comparisons are currently supported.
+- `relations`: optional `{kind, label, detail, evidence}` with kind `Handoff`,
+  `Wakeup`, or `Follow-up`, only where the chat explicitly records the
+  asynchronous relationship (including across turns). Never infer one from order
+  or timing alone. Use `Hermes` as actor only when a cited record mentions Hermes.
+  Titles, labels and link names must be readable; planning IDs and chat UUIDs are
+  rejected.
 - `links`: optional `{label, url, evidence}`. Use descriptive issue/PR/review names.
   URLs must occur in the cited records; never invent a destination.
 
diff --git a/src/hermes_helmet/__init__.py b/src/hermes_helmet/__init__.py
index 6cc2e83..7b99fba 100644
--- a/src/hermes_helmet/__init__.py
+++ b/src/hermes_helmet/__init__.py
@@ -7,7 +7,7 @@
 
 from hermes_helmet.authority import Policy, load_authority, load_policy, render_crew_contract
 
-__version__ = "0.3.0"
+__version__ = "0.4.0"
 
 __all__ = [
     "Policy",