create-pmos 0.36.0 → 0.38.0

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,