From 12d31b62cc89285ecec3a81922f41f17bad12b49 Mon Sep 17 00:00:00 2001
From: yia-mw-agent <294638553+yia-mw-agent@users.noreply.github.com>
Date: Fri, 9 Oct 2026 23:03:08 +0000
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20explain=20changes,=20handoffs=20and?=
 =?UTF-8?q?=20unresolved=20work=20in=20Captain=E2=80=99s=20Bridge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .claude-plugin/plugin.json              |  2 +-
 .codex-plugin/plugin.json               |  2 +-
 CHANGELOG.md                            | 10 +++++++++
 mcp/captains-bridge/test_view.cjs       | 11 ++++++++--
 mcp/captains-bridge/test_walkthrough.py | 20 +++++++++++++++++
 mcp/captains-bridge/view.html           | 14 +++++++-----
 mcp/captains-bridge/walkthrough.py      | 29 ++++++++++++++++++++-----
 pyproject.toml                          |  2 +-
 skills/observe-chat/SKILL.md            |  6 +++++
 src/hermes_helmet/__init__.py           |  2 +-
 10 files changed, 81 insertions(+), 17 deletions(-)

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..0552423 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,16 @@ 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.
+
 ### 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..06eea7d 100644
--- a/mcp/captains-bridge/test_view.cjs
+++ b/mcp/captains-bridge/test_view.cjs
@@ -6,14 +6,21 @@ const document={getElementById:id=>roots[id]||Object.values(roots).map(e=>find(e
 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});
 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.');
 console.log('PASS: overview, paired statuses, change detail, literal source text, back/scroll restoration, refresh selection and stale explanation.');
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..19b08fa 100644
--- a/mcp/captains-bridge/view.html
+++ b/mcp/captains-bridge/view.html
@@ -11,10 +11,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 +22,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 +59,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');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 +67,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}
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",

From fbca6e1510552b44eaa26bda2471a1a9a87d113d Mon Sep 17 00:00:00 2001
From: yia-mw-agent <294638553+yia-mw-agent@users.noreply.github.com>
Date: Fri, 9 Oct 2026 23:16:37 +0000
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20preserve=20elapsed-time=20disclosure?=
 =?UTF-8?q?=20in=20Captain=E2=80=99s=20Bridge=20navigation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mcp/captains-bridge/test_view.cjs | 8 ++++++++
 mcp/captains-bridge/view.html     | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/mcp/captains-bridge/test_view.cjs b/mcp/captains-bridge/test_view.cjs
index 06eea7d..5a883c0 100644
--- a/mcp/captains-bridge/test_view.cjs
+++ b/mcp/captains-bridge/test_view.cjs
@@ -23,4 +23,12 @@ run("navigate({page:'overview'})");assert.match(text(roots.app),/Elapsed time an
 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.');
diff --git a/mcp/captains-bridge/view.html b/mcp/captains-bridge/view.html
index 19b08fa..3d0e328 100644
--- a/mcp/captains-bridge/view.html
+++ b/mcp/captains-bridge/view.html
@@ -59,7 +59,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=el('details');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);
+ 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)}

From c9c203df168439191d702dc68c868fc7d14c0ddc Mon Sep 17 00:00:00 2001
From: yia-mw-agent <294638553+yia-mw-agent@users.noreply.github.com>
Date: Fri, 9 Oct 2026 23:38:51 +0000
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20apply=20host=20theme=20foreground=20?=
 =?UTF-8?q?and=20background=20in=20Captain=E2=80=99s=20Bridge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                      |  4 +++-
 mcp/captains-bridge/test_view.cjs | 20 +++++++++++++++++---
 mcp/captains-bridge/view.html     | 10 ++++++----
 3 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0552423..ef34b49 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,7 +13,9 @@ All notable changes to Hermes Helmet are recorded here. The project follows
   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.
+  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
 
diff --git a/mcp/captains-bridge/test_view.cjs b/mcp/captains-bridge/test_view.cjs
index 5a883c0..5ab190a 100644
--- a/mcp/captains-bridge/test_view.cjs
+++ b/mcp/captains-bridge/test_view.cjs
@@ -1,10 +1,10 @@
 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 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']}};
@@ -32,3 +32,17 @@ 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/view.html b/mcp/captains-bridge/view.html
index 3d0e328..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>
@@ -83,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>