create-pmos 0.37.0 → 0.38.1

package/workspace/public/pm/panel-initiatives.js

@@ -265,9 +265,15 @@ export function openTerm(slug, sess) {
   });
 }
 
-export function openDoc(slug, path, role) {
+export function openDoc(slug, path, role, tree) {
+  /* `tree` — the line of work a search hit came from (overhaul-r1 R1.3). A hit on a LINKED worktree
+   * opens a tab that carries that tree's `ws` and `branch`, under its own id, so it is read from and
+   * saved to that tree and can sit beside the main tree's copy of the same path. A main-tree hit
+   * opens exactly the tab it always did. */
+  const linked = !!(tree && tree.ws && tree.linked);
   openTab({
-    id: 'doc:' + path, kind: 'doc', title: path.split('/').pop(), slug,
+    id: 'doc:' + (linked ? tree.ws + ':' : '') + path, kind: 'doc', title: path.split('/').pop(), slug,
+    ...(linked ? { ws: tree.ws, branch: tree.branch || null } : {}),
     /* A file opened from the FOLDER search belongs to no initiative, so `slugProduct()` has no
      * answer for it — and `panel-tabs.visibleTabs` shows a tab whose repo is `undefined` in EVERY
      * repository, which would hang this workspace's file in another one's tab strip and read its
@@ -522,15 +528,20 @@ function dataModule() {
   return null;
 }
 
+/* overhaul-r4 B2 — "all repositories": the same box, widened to every registered repository. The
+ * cache is keyed by scope too, so the two answers never mix. */
+const scopeKey = (q) => (state.searchAll ? 'all\u0000' : '') + q;
 function requestFiles(q) {
-  fileWanted = q;
+  const key = scopeKey(q);
+  const all = !!state.searchAll;
+  fileWanted = key;
   if (fileTimer) clearTimeout(fileTimer);
   fileTimer = setTimeout(() => {
     fileTimer = null;
     const mod = dataModule();
     if (!mod || typeof mod.searchFiles !== 'function') return;
-    const asked = q;
-    Promise.resolve(mod.searchFiles(asked)).then(
+    const asked = key;
+    Promise.resolve(mod.searchFiles(q, undefined, all)).then(
       (r) => {
         if (fileWanted !== asked) return;                      // the PM has typed past this query
         fileCache.set(asked, (r && r.ok === false)
@@ -539,6 +550,8 @@ function requestFiles(q) {
             hits: (r && r.hits) || [], truncated: !!(r && r.truncated),
             contentTruncated: !!(r && r.content_truncated),
             scanned: (r && r.scanned) || 0, contentScanned: (r && r.content_scanned) || 0, error: null,
+            trees: Array.isArray(r && r.trees) ? r.trees : [],
+            repos: Array.isArray(r && r.repos) ? r.repos : null,
           });
         if (fileCache.size > 40) fileCache.delete(fileCache.keys().next().value);
         setState({});
@@ -555,12 +568,34 @@ function requestFiles(q) {
 /** The result for `q`, or null while nothing has come back yet. Kicks the fetch off on a miss. */
 function fileResults(q) {
   if (!q || FIXTURE) return null;
-  if (fileCache.has(q)) return fileCache.get(q);
+  if (fileCache.has(scopeKey(q))) return fileCache.get(scopeKey(q));
   requestFiles(q);
   return null;
 }
 
-const fileLabel = (h) => 'file · ' + (h.kind || 'file') + (h.match === 'content' ? ' · line ' + h.line : '');
+/* overhaul-r1 R1.2 — every hit names its line of work. A hit merged across trees (identical
+ * content) names every branch; a hit from a linked worktree names its branch with `⑂`; a hit only
+ * on the main tree of a repository with no linked trees says nothing extra. */
+const isLinked = (ws) => !!(dataMod && typeof dataMod.isLinkedTree === 'function' && dataMod.isLinkedTree(ws));
+const hitTree = (h) => (h && h.ws ? { ws: h.ws, branch: h.branch || null, linked: isLinked(h.ws) } : null);
+function branchTag(h) {
+  const bs = Array.isArray(h.branches) ? h.branches.filter(Boolean) : [];
+  if (bs.length > 1) return ' · on ' + bs.join(', ');
+  if (h.ws && isLinked(h.ws)) return ' · ⑂ ' + (h.branch || 'detached');
+  return '';
+}
+/* A hit from ANOTHER repository (all-repositories scope) selects that repository first, then opens
+ * the file from the hit's own tree, so it is read where it was found. */
+async function openHit(h) {
+  if (h.repo && h.repo !== state.product) {
+    const repos = await import('./panel-repos.js');
+    repos.selectRepo(h.repo);
+    openDoc(null, h.path, 'FILE', h.ws ? { ws: h.ws, branch: h.branch || null, linked: true } : null);
+    return;
+  }
+  openDoc(null, h.path, 'FILE', hitTree(h));
+}
+const fileLabel = (h) => (h.repo && state.searchAll ? h.repo + ' · ' : '') + 'file · ' + (h.kind || 'file') + (h.match === 'content' ? ' · line ' + h.line : '') + branchTag(h);
 
 function fileHitNode(h) {
   const where = h.dir ? h.dir + '/' : '';
@@ -575,7 +610,7 @@ function fileHitNode(h) {
     );
   }
   return el('button', {
-    onClick: () => openDoc(null, h.path, 'FILE'),
+    onClick: () => openHit(h),
     style: 'display:block;width:100%;padding:6px 12px;min-height:40px;text-align:left',
     hover: 'background:var(--accent)',
     title: h.path,
@@ -593,10 +628,17 @@ function fileHitNode(h) {
 export function fileHitsBlock(q) {
   if (!q || FIXTURE) return null;
   const r = fileResults(q);
+  const scope = state.searchAll ? 'files in every repository' : 'files in this folder';
   const head = (text, tone) => el('div', {
-    style: 'padding:4px 12px 4px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;'
+    style: 'display:flex;gap:8px;align-items:center;padding:4px 12px 4px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;'
       + 'text-transform:uppercase;color:' + (tone || 'var(--muted-foreground)') + ';border-bottom:1px solid var(--border)',
-  }, iv(text));
+  }, iv(String(text).replace(/^files in this folder/, scope)),
+    // overhaul-r4 B2 — widen the same search to every registered repository
+    el('button', {
+      onClick: () => setState((st) => ({ searchAll: !st.searchAll })),
+      style: 'margin-left:auto;letter-spacing:0;text-transform:none;font-size:10px;padding:1px 6px;border:1px solid var(--border);color:var(--muted-foreground)',
+      hover: 'color:var(--foreground)', 'data-r4': 'search-all', title: 'search every registered repository',
+    }, iv((state.searchAll ? '☑' : '☐') + ' all repositories')));
 
   if (!r) return el('div', { 'data-pm-files': '' }, head('files in this folder · searching…'));
   if (r.error) {
@@ -608,8 +650,11 @@ export function fileHitsBlock(q) {
    * conclude from an empty list. `contentTruncated` means every file was NAMED and some bodies
    * were not read, which is the ordinary state of any repository holding a lock file. Folding the
    * second into the first would light the serious flag permanently and thereby retire it. */
+  // overhaul-r1 R1.4: with several lines of work, say WHICH walk was cut short
+  const cut = (r.trees || []).length > 1 ? (r.trees || []).filter((t) => t.truncated).map((t) => t.branch || 'detached') : [];
+  const lines = (r.trees || []).length > 1 ? ' across ' + r.trees.length + ' lines of work' : '';
   const bound = r.truncated
-    ? ' · BOUNDED — files beyond the walk limit were not looked at'
+    ? ' · BOUNDED — files beyond the walk limit were not looked at' + (cut.length ? ' (on ' + cut.join(', ') + ')' : '')
     : (r.contentTruncated ? ' · all ' + r.scanned + ' names searched; ' + r.contentScanned + ' bodies read' : '');
 
   if (!r.hits.length) {
@@ -620,7 +665,7 @@ export function fileHitsBlock(q) {
         ? 'no match in the ' + r.scanned + ' files searched — the walk was BOUNDED, more were not looked at'
         : 'no file matches — a successful read of nothing' + (r.contentTruncated ? bound : ''))));
   }
-  const kids = [head('files in this folder · ' + r.hits.length + ' of ' + r.scanned + ' searched' + bound)];
+  const kids = [head('files in this folder · ' + r.hits.length + ' of ' + r.scanned + ' searched' + lines + bound)];
   for (const h of r.hits) kids.push(fileHitNode(h));
   return el('div', { 'data-pm-files': '' }, kids);
 }

package/workspace/public/pm/panel-newsess.js

@@ -295,6 +295,28 @@ function isolateNow() {
   return live.length > 0;
 }
 
+/* ── the model chips (D75) ──────────────────────────────────────────────────────────────────
+ *   · only a Claude session has a model control PMOS has checked, so only it is offered a choice;
+ *   · `auto` sends nothing: the server routes by the policy, or asks for no model at all;
+ *   · the chips say what the PM is choosing (a tier), never a model name that will age. */
+function modelSection() {
+  if (state.newSessAgent !== 'claude') {
+    return el('div', { 'data-r12': 'model-note', style: SUB }, iv('model: only a Claude session can be given a model by PMOS — a shell, or any other CLI, runs its own default'));
+  }
+  const cur = state.newSessTier || 'auto';
+  return el('div', { 'data-r12': 'model' },
+    el('div', { style: LABEL }, 'model'),
+    el('div', { style: ROW },
+      ['auto', 'fast', 'balanced', 'deep'].map((t) => el('button', {
+        'data-r12': 'tier-' + t,
+        onClick: () => setState({ newSessTier: t, newSessError: null }),
+        style: cur === t ? CHIP_ON : CHIP, hover: HOVER,
+      }, iv(t))),
+      el('span', { style: SUB }, cur === 'auto'
+        ? 'auto: PMOS asks for no model unless your policy routes this work to one'
+        : 'a ' + cur + ' tier — the model and effort it maps to are in your models policy')));
+}
+
 /* ── the profile chips ─────────────────────────────────────────────────────────────────────── */
 
 /**
@@ -419,6 +441,8 @@ async function onStart() {
     // value from liveSessionCount, and its own comment asks the client to state what the PM saw.
     isolate: branch ? isolateNow() : null,
     profile: state.preflightProfile === undefined ? null : state.preflightProfile,
+    // D75 — only for a Claude session; 'auto' sends nothing and lets the policy route.
+    tier: (state.newSessAgent === 'claude' && state.newSessTier && state.newSessTier !== 'auto') ? state.newSessTier : undefined,
   });
 
   if (!res || !res.ok) {
@@ -495,6 +519,7 @@ export function newSessionBlock() {
       el('span', { style: SUB }, 'a CLI that is not on PATH is refused by the server, and says so'),
     ),
 
+    modelSection(),
     branchSection(),
     profileSection(),
 

package/workspace/public/pm/panel-repos.js

@@ -24,6 +24,7 @@
  */
 
 import { el, setChildren } from './dom.js';
+import { syncButton } from './lifecycle.js';
 import { state, setState, FIXTURE } from './state.js';
 import {
   productsList, repoRow, firstSlugOf, MODE_META, SETTINGS_GROUPS, ADDABLE_PRODUCTS,
@@ -166,13 +167,25 @@ export function selectRepo(id) {
  * belt and braces — it makes the absence a property of THIS module, so it cannot regress by someone
  * adding an id to the seed list.
  */
+/* overhaul-r1 R6.1 — in LIVE mode, a mode with no server behind it is not offered. `agents`,
+ * `memory` and `connections` start empty and every edit is a client-only setState that no server
+ * receives (modes.js `seedOr`), so they looked broken because they were. They come back in a later
+ * release wired or replaced. Fixture mode keeps them: it is the prototype's recorded state, and the
+ * design comparison reads it. Exported so the live-mode test can assert the list, not a screenshot. */
+export const UNBACKED_MODES = ['agent', 'connect'];   // mode ids (labels: agents · connections). `memory` left this list in R9 (D72): the repository's ledger backs it.
+/* overhaul-r4 — the PORTFOLIO mode joins "all repositories" in live mode only (the fixture drawer is the
+ * prototype's, and the design comparison reads it). Its meta lives here, not in fixture.js, for the
+ * same reason. */
+const META = Object.assign({}, MODE_META, { portfolio: ['▦', 'portfolio'] });
+const LIVE_EXTRA = { 'all repositories': ['portfolio'] };
 const DRAWER_GROUPS = SETTINGS_GROUPS.map((g) => ({
   label: g.label,
-  items: g.items.filter((id) => id !== 'workflow' && MODE_META[id]),
-}));
+  items: (FIXTURE ? [] : LIVE_EXTRA[g.label] || []).concat(
+    g.items.filter((id) => id !== 'workflow' && MODE_META[id] && (FIXTURE || !UNBACKED_MODES.includes(id)))),
+})).filter((g) => g.items.length);
 
 function drawerButton(id) {
-  const [glyph, label] = MODE_META[id];
+  const [glyph, label] = META[id];
   const on = state.mode === id;
   return el('button', {
     onClick: () => setState({ mode: id, settingsOpen: false, col1: true }),
@@ -233,6 +246,119 @@ function repoButton(tuple, product) {
   );
 }
 
+/* ── overhaul-r1: lines of work, rename, remove (LIVE mode only) ─────────────────────────────
+ * Fixture mode renders the prototype's row unchanged. In live mode the row gains a `⑂ N` chip
+ * when the repository has linked worktrees (R2.1), and the ACTIVE row gains rename and remove
+ * (R3.1/R3.2). The server's answer to a remove is shown under the row in its own words (R3.3).
+ */
+const chipStyle = 'flex:none;font-family:var(--mono);font-size:10px;padding:1px 6px;border:1px solid var(--border);color:var(--muted-foreground);min-height:22px';
+const actStyle = 'flex:none;font-size:12px;padding:2px 6px;color:var(--muted-foreground);min-height:28px';
+
+function treesOf(name) {
+  return dataMod && typeof dataMod.productTrees === 'function' ? dataMod.productTrees(name) : [];
+}
+
+async function renameRepo(name) {
+  const label = typeof window !== 'undefined' && window.prompt ? window.prompt('Rename “' + name + '” to:', name) : null;
+  if (label === null || !String(label).trim() || String(label).trim() === name) return;
+  const out = await dataMod.renameRepository(name, String(label).trim());
+  if (!out || out.ok === false) { setState({ repoNotice: { name, tone: 'bad', text: (out && out.error) || 'rename refused' } }); return; }
+  await connectData();
+  setState({ product: String(label).trim(), repoNotice: null });
+}
+
+async function removeRepo(name) {
+  const ok = typeof window === 'undefined' || !window.confirm ? true
+    : window.confirm('Remove “' + name + '” from PMOS?\n\nThis forgets the repository and its worktree rows. No folder is deleted.');
+  if (!ok) return;
+  const out = await dataMod.removeRepository(name);
+  if (!out || out.ok === false) { setState({ repoNotice: { name, tone: 'bad', text: (out && out.error) || 'remove refused' } }); return; }
+  realRepos = (realRepos || []).filter((t) => t[0] !== name);
+  setState({ repoNotice: null });
+}
+
+function repoEntry(tuple, product) {
+  const row = repoButton(tuple, product);
+  if (FIXTURE || !dataMod) return row;
+  const name = tuple[0];
+  const trees = treesOf(name);
+  const linked = trees.filter((t) => !t.main);
+  const open = !!(state.treesOpen || {})[name];
+  const tools = [];
+  if (linked.length) {
+    tools.push(el('button', {
+      onClick: () => setState((s) => ({ treesOpen: { ...(s.treesOpen || {}), [name]: !open } })),
+      style: chipStyle, hover: 'color:var(--foreground)',
+      title: linked.length + ' linked worktree' + (linked.length === 1 ? '' : 's') + ' — show the lines of work',
+      'data-r1': 'trees-chip',
+    }, ip('⑂ ' + linked.length)));
+  }
+  if (product === name) {
+    { const sb = syncButton(name); if (sb) tools.push(sb); }
+    tools.push(el('button', { onClick: () => renameRepo(name), style: actStyle, hover: 'color:var(--foreground)', title: 'rename this repository', 'data-r1': 'rename' }, '✎'));
+    tools.push(el('button', { onClick: () => removeRepo(name), style: actStyle, hover: 'color:var(--destructive)', title: 'remove this repository from PMOS (no folder is deleted)', 'data-r1': 'remove' }, '✕'));
+  }
+  const kids = [el('div', { style: 'display:flex;align-items:center' },
+    el('div', { style: 'flex:1;min-width:0' }, row),
+    tools.length ? el('div', { style: 'display:flex;align-items:center;gap:2px;padding-right:8px' }, tools) : null)];
+  if (open && trees.length) {
+    kids.push(el('div', { style: 'padding:2px 14px 8px 39px', 'data-r1': 'trees' },
+      trees.map((t) => el('div', {
+        style: 'display:flex;gap:8px;font-family:var(--mono);font-size:10.5px;color:var(--muted-foreground);padding:2px 0',
+        title: t.initiative ? 'initiative read from the branch name (initiative/<id>) — not a recorded attribution' : '',
+      },
+        el('span', { style: 'color:var(--foreground)' }, ip((t.main ? '⎇ ' : '⑂ ') + (t.branch || '(detached)'))),
+        el('span', null, ip(t.sessions + ' session' + (t.sessions === 1 ? '' : 's'))),
+        t.initiative ? el('span', null, ip('#' + t.initiative)) : null,
+      )),
+    ));
+  }
+  const n = state.repoNotice;
+  if (n && n.name === name) {
+    kids.push(el('div', {
+      style: 'padding:4px 14px 8px 39px;font-size:11px;color:' + (n.tone === 'bad' ? 'var(--destructive)' : 'var(--muted-foreground)'),
+      'data-r1': 'notice',
+    }, ip(n.text)));
+  }
+  return el('div', null, kids);
+}
+
+/**
+ * overhaul-r1 R4 — the collapsed repositories rail, one glyph per repository, LIVE mode only (the
+ * fixture rail is the prototype's and the comparator reads it). Initials + kind badge; a dot when a
+ * session on any of its lines of work needs the PM. Click selects WITHOUT expanding the panel. The
+ * active glyph is marked by a left bar and a filled box — shape, not colour alone.
+ */
+export function railGlyphs() {
+  if (FIXTURE) return [];
+  const tuples = repoTuples();
+  const product = activeProduct(tuples);
+  const sess = Array.isArray(state.sessions) ? state.sessions : [];
+  return tuples.map((t) => {
+    const rp = repoRow(t);
+    const name = rp.name;
+    const wss = new Set(treesOf(name).map((x) => x.ws));
+    const needs = sess.some((x) => x && wss.has(x.ws) && x.shown === 'needs');
+    const active = product === name;
+    const ini = (String(name).replace(/[^A-Za-z0-9]+/g, ' ').trim().split(' ').filter(Boolean).slice(0, 2)
+      .map((w) => w[0]).join('') || String(name).slice(0, 2)).toUpperCase();
+    const said = name + ' — ' + rp.kindLabel + ' repository' + (needs ? ' · a session needs you' : '');
+    return el('button', {
+      onClick: (e) => { if (e && e.stopPropagation) e.stopPropagation(); selectRepo(name); },
+      title: said, 'aria-label': said,
+      'data-r1': 'rail-glyph', 'data-repo': name, 'data-active': active ? '1' : '0',
+      'data-ini': ini, 'data-kind': rp.kindGlyph,
+      style: 'position:relative;flex:none;width:28px;height:28px;margin:3px auto;display:flex;align-items:center;justify-content:center;'
+        + 'font-family:var(--mono);font-size:10px;font-weight:600;border:1px solid ' + (active ? 'var(--brand)' : 'var(--border)')
+        + ';background:' + (active ? 'var(--accent)' : 'transparent') + ';color:var(--foreground);'
+        + 'box-shadow:' + (active ? 'inset 3px 0 0 var(--brand)' : 'none'),
+      hover: 'background:var(--accent)',
+    },
+      needs ? el('span', { style: 'position:absolute;right:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--warning, var(--destructive))', 'data-r1': 'needs-dot' }) : null,
+    );
+  });
+}
+
 /** setDetail (line 1401) — open panel 3 on a detail kind, un-collapsing it if the PM folded it. */
 const setDetail = (d) => setState({ detail: d, col2: true });
 
@@ -293,7 +419,7 @@ export function renderRepos(host) {
 
   const scroll = el('div', { style: 'flex:1;overflow-y:auto;min-height:0' },
     stateHealthBanner(),
-    tuples.map((t) => repoButton(t, product)),
+    tuples.map((t) => repoEntry(t, product)),
     el('button', {
       onClick: onAddProduct,
       style: 'display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;min-height:40px;color:var(--muted-foreground)',

package/workspace/public/pm/panel-tabs.js

@@ -32,6 +32,7 @@ import * as FX from './fixture.js';
 import { openTab, openTerm as openTermTab, openDoc as openDocTab } from './panel-initiatives.js';
 import { mountDoc, disposeDoc, docText } from './tab-doc.js';
 import { mountTask } from './tab-task.js';
+import { mountWeb, promptWeb } from './tab-web.js';
 import { newSessionBlock, openNewSession } from './panel-newsess.js';
 import { boardOf, currentProduct } from './board-read.js';
 
@@ -300,6 +301,12 @@ const newSessionBtn = el('button', {
   onClick: () => newSession(), style: CHIP_STYLE, hover: CHIP_HOVER,
 }, '＋ session');
 
+/* overhaul-r5 (D69) — open a web page in a tab, by typing its address. Live mode only. */
+const newWebBtn = el('button', {
+  onClick: () => promptWeb(), style: CHIP_STYLE, hover: CHIP_HOVER,
+  title: 'open a web page in a tab (http/https; it loads only when you open it)', 'data-r5': 'new-web',
+}, '🌐 web');
+
 /* `⋯ options` — the demoted composer, restored (workspace-session-preflight).
  *
  * `workspace-repo-first`'s accepted PRD says the six-question composer "remains reachable as *more
@@ -661,6 +668,7 @@ function peerRow(prompt, p) {
       p.doing ? el('div', {
         style: 'font-family:var(--mono);font-size:10.5px;color:oklch(0.62 0.02 213);overflow:hidden;text-overflow:ellipsis;white-space:nowrap',
       }, iv(p.doing)) : null,
+      p.modelLine ? el('div', { 'data-r12': 'model-line', style: 'font-family:var(--mono);font-size:10.5px;color:oklch(0.62 0.02 213)' }, iv(p.modelLine)) : null,
       el('div', { style: 'font-size:11px;color:' + RISK_COLOR[p.risk.level] + ';line-height:1.45' }, iv(p.risk.why)),
       /* WHY THE END DID NOT HAPPEN, in the row the PM was looking at. A refusal recorded in state
        * and rendered nowhere would be the same silence in a new place — the whole defect here was a
@@ -679,6 +687,18 @@ function peerRow(prompt, p) {
         onClick: () => joinSession(prompt.slug, p),
         style: CH_BTN + ';color:var(--brand)', hover: CHIP_HOVER,
       }, 'open it'),
+      // D75 — switch a RUNNING Claude session's model, on a press: PMOS types the harness's own /model command into the pane.
+      (p.agent === 'claude' && p.shown !== 'exited') ? el('button', {
+        'data-r12': 'switch-model', title: 'types /model into this pane; effort is not changed',
+        onClick: async () => {
+          const t = typeof window !== 'undefined' && window.prompt ? window.prompt('Switch “' + p.name + '” to which tier? fast, balanced or deep', 'balanced') : null;
+          if (!t || !t.trim()) return;
+          const out = await fetch('/api/session/model', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id: p.id, tier: t.trim() }) })
+            .then((r) => r.json()).catch((e) => ({ ok: false, error: String((e && e.message) || e) }));
+          setState({ endRefusal: out && out.ok ? null : { id: p.id, why: 'model not switched — ' + ((out && out.error) || 'no answer') } });
+        },
+        style: CH_BTN, hover: CHIP_HOVER,
+      }, 'switch model') : null,
       el('button', {
         onClick: () => {
           if (!armed) { setState({ endConfirm: p.id, endRefusal: null }); return; }
@@ -772,6 +792,8 @@ function paneFor(tab) {
     if (termMod && typeof termMod.mountTerm === 'function') termMod.mountTerm(host, tab);
   } else if (tab.kind === 'task') {
     mountTask(host, tab);
+  } else if (tab.kind === 'web') {
+    mountWeb(host, tab);              // overhaul-r5 — never falls through to an empty doc tab
   } else {
     mountDoc(host, tab);
   }
@@ -851,6 +873,29 @@ function keepSessionsLive(shown) {
 
 /* ── the tab bar ───────────────────────────────────────────────────────────────────────────── */
 
+/**
+ * overhaul-r1 R2.2/R2.3 — the line of work a tab is on, or null when it is the main tree (which
+ * shows nothing extra). A doc tab carries its tree from the search hit that opened it; a terminal
+ * tab is on whatever tree its session's workspace is. Live mode only; fixture tabs have neither.
+ */
+export function tabBranch(t, includeMain) {
+  if (FIXTURE || !t || !dataMod) return null;
+  let ws = null;
+  if (t.kind === 'doc') ws = t.ws || null;
+  else if (t.kind === 'term' && t.sessionId) {
+    const s = (Array.isArray(state.sessions) ? state.sessions : []).find((x) => x && x.id === t.sessionId);
+    ws = s ? s.ws : null;
+  }
+  if (ws && dataMod.isLinkedTree(ws)) return (t.kind === 'doc' && t.branch) || dataMod.branchOfWs(ws) || 'detached';
+  if (!includeMain) return null;
+  // the status bar (R2.3) also names the MAIN tree's branch, but only where the repository has other
+  // lines of work — in a repository with one tree the branch answers no question anyone asked
+  const prod = t.repo || currentProduct();
+  const trees = prod && typeof dataMod.productTrees === 'function' ? dataMod.productTrees(prod) : [];
+  const main = trees.find((x) => x.main);
+  return trees.length > 1 && main ? main.branch : null;
+}
+
 function tabNode(t, act, splitTab) {
   const selected = (act && act.id === t.id) || (splitTab && splitTab.id === t.id);
   const bg = selected ? FX.TAB_COLORS.activeBg : 'transparent';
@@ -863,7 +908,7 @@ function tabNode(t, act, splitTab) {
    * fixture render keeps the design's literal — the comparator reads this text node. */
   const meta = t.kind === 'term'
     ? ((!FIXTURE && t.sessionId) ? 'session ' + t.sessionId : 'session')
-    : (t.kind === 'task' ? 'task' : t.role);
+    : (t.kind === 'task' ? 'task' : t.kind === 'web' ? 'web' : t.role);
 
   return el('div', {
     style: 'flex:none;display:flex;align-items:center;gap:8px;padding:0 10px;background:' + bg
@@ -881,7 +926,7 @@ function tabNode(t, act, splitTab) {
         }, iv(t.title)),
         el('span', {
           style: 'font-family:var(--mono);font-size:9px;color:oklch(0.52 0.02 213);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2',
-        }, iv(t.slug), ' · ', iv(meta)),
+        }, iv(t.slug), ' · ', iv(meta), tabBranch(t) ? el('span', { 'data-r1': 'tab-branch' }, iv(' · ⑂ ' + tabBranch(t))) : null),
       ),
     ),
     el('button', {
@@ -914,6 +959,8 @@ export function renderTabs(host) {
   setChildren(tabBar, [
     ...visTabs.map((t) => tabNode(t, act, splitTab)),
     newSessionBtn,
+    FIXTURE ? null : newWebBtn,
+    !FIXTURE && state.webNotice ? el('span', { 'data-r5': 'notice', style: 'align-self:center;font-size:11px;color:var(--destructive);padding:0 6px' }, state.webNotice) : null,
     newSessionOptsBtn,
     canSplit ? splitBtn : null,
   ]);

package/workspace/public/pm/state.js

@@ -36,6 +36,9 @@ function initial() {
     userGroups: {}, userKrs: {}, addedInits: {}, userInits: {}, selTask: null, collapsedPhases: {},
     detail: { kind: 'init' },
     tabs: [], active: null, splitId: null,
+    // overhaul-r1: reader measure per tab (R5), which repositories show their lines of work (R2.1),
+    // and the last remove/rename answer, shown on the row it is about (R3.3)
+    docNarrow: {}, treesOpen: {}, repoNotice: null,
     initLinks: {}, artLinks: {}, artSyncOpen: {}, artSyncState: {},
     /* The sync half of panel 3, all per-window and none of it persisted. `artSyncTask` holds the
      * task text the server composed for a direction the PM just chose; `linkGone` holds the
@@ -143,7 +146,12 @@ const isFlagMap = (v) =>
  * id, so a restored terminal re-attaches to exactly the PTY it was showing rather than re-running
  * the name join — which is what made a reloaded tab land on a session the PM could not identify. */
 const TAB_FIELDS = ['id', 'kind', 'title', 'slug', 'repo', 'sess', 'sessionId', 'state', 'profile',
-  'path', 'role', 'phase', 'status'];
+  'path', 'role', 'phase', 'status',
+  // the line of work a doc tab was opened from (overhaul-r1 R1.3/R2.2) — a reload must keep
+  // reading the branch-only file from ITS tree, not fall back to the main tree
+  'ws', 'branch',
+  // a web tab's address (overhaul-r5, D69) — restored, re-validated, and loaded only on a PM press
+  'url'];
 const MAX_TABS = 40;
 
 function packTab(t) {
@@ -169,6 +177,8 @@ const PERSIST = {
   sel: isSlug,
   collapsedGroups: isFlagMap,
   collapsedPhases: isFlagMap,
+  // per doc tab: true = 72ch measure, false = full width; absent = the viewport default (R5.1)
+  docNarrow: isFlagMap,
   tabs: isTabList,
   active: isSlug,
   splitId: isSlug,