create-pmos 0.214.0 → 0.216.0

package/workspace/public/pm/console3.css

@@ -405,6 +405,10 @@
 .c3 .cft .cm{display:inline-flex;gap:6px;align-items:center}
 .c3 .cft .cm .conf{width:56px}
 .c3 .qd{border-left:2px solid var(--ring);padding:2px 0 2px 10px;font-size:var(--fs-3);white-space:pre-wrap;margin:0}
+.c3 .qd.qd-md{white-space:normal;max-height:28rem;overflow:auto}
+.c3 .wk-agent-md{font-size:var(--fs-3);max-width:none}
+.c3 .wk-agent-md h1{font-size:var(--fs-4)}
+.c3 .wk-agent-md h2{font-size:var(--fs-4);margin:14px 0 4px}
 .c3 .fun{display:grid;gap:4px}
 .c3 .fun div{display:grid;grid-template-columns:62px 1fr 34px;gap:8px;align-items:center;font:var(--fs-2) var(--mono);color:var(--muted-foreground)}
 .c3 .fun i{display:block;height:8px;border-radius:4px;background:var(--ring);transform-origin:left;animation:c3-grow .7s backwards}
@@ -1689,6 +1693,66 @@
 /* terminal sheet sizes, as the classic dock has them; the phone sheet is already full width */
 .c3 .c3t-size{flex:none}
 .c3 .c3t-size button{padding:4px 8px}
+/* the session sheet (c3-session-term.js): Conversation | Terminal, a list of running sessions at 2/3 and Whole, and the conversation (c3-session-conv.js) */
+.c3 .c3t-views button .ic{flex:none}
+.c3 .c3t-cv{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100vh - 150px);min-height:240px;min-width:0}
+.c3 .c3t-cv-panes{display:flex;flex-direction:column;min-height:0;min-width:0}
+.c3 .c3t-cv-panes>[hidden]{display:none}
+.c3 .c3t-cv-panes .c3t-tw{flex:1 1 0;height:auto;min-height:0}
+.c3 .c3t-cv-list{display:none;border-right:1px solid var(--border);overflow:auto;padding:0 var(--sp-2) 0 0;margin-right:var(--sp-3);gap:2px;align-content:start}
+.c3 .c3t-cv-list .eyebrow{padding:var(--sp-2) 10px 4px;font:500 var(--fs-1) var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}
+.c3 .c3t-cv-list button{display:grid;gap:2px;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--foreground);font:inherit;font-size:var(--fs-3);width:100%;min-width:0}
+.c3 .c3t-cv-list button .nm,.c3 .c3t-cv-list button .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.c3 .c3t-cv-list button .sub{font:var(--fs-1) var(--mono);color:var(--muted-foreground)}
+.c3 .c3t-cv-list button[aria-current="true"]{background:color-mix(in oklab,var(--acc) 12%,transparent)}
+.c3 .c3t-cv-list button[aria-current="true"] .nm{color:var(--acc)}
+.c3 .c3t-cv-main{display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0}
+.c3 .c3t-cv-meta{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap;padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);font:var(--fs-1) var(--mono);color:var(--muted-foreground)}
+.c3 .c3t-cv-meta .tg{--tc:var(--acc)}
+.c3 .c3t-cv-meta .tg[data-tone="muted"]{--tc:var(--muted-foreground)}
+.c3 .c3t-cv-meta .tg[data-tone="warning"]{--tc:var(--warning)}
+.c3 .c3t-cv-feed{flex:1 1 0;min-height:0;overflow:auto;padding:var(--sp-3) 2px}
+.c3 .c3t-cv-feed>.wrap{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-2)}
+.c3 .c3t-cv .m{padding:8px 14px;border-radius:8px;max-width:85%;overflow-wrap:anywhere;font-size:var(--fs-3);line-height:1.5}
+.c3 .c3t-cv .m.me{align-self:flex-end;background:var(--acc);color:var(--on-accent);white-space:pre-wrap}
+.c3 .c3t-cv .m.bot{align-self:flex-start;background:var(--muted)}
+.c3 .c3t-cv .m.st{color:var(--muted-foreground);font:var(--fs-2) var(--mono);padding:0}
+.c3 .c3t-cv .m.bot .c3t-md{display:grid;gap:6px}
+.c3 .c3t-cv .m.bot .c3t-md>*{margin:0}
+.c3 .c3t-cv .m.bot ul,.c3 .c3t-cv .m.bot ol{padding-left:18px}
+.c3 .c3t-cv .m.bot code{font:var(--fs-2) var(--mono)}
+.c3 .c3t-cv .m.bot pre{margin:0;padding:8px 10px;border-radius:6px;background:var(--background);border:1px solid var(--border);overflow:auto;max-height:240px}
+.c3 .c3t-cv .who{display:flex;gap:6px;align-items:center;margin-top:var(--sp-2);font:500 var(--fs-1) var(--mono);color:var(--muted-foreground)}
+.c3 .c3t-cv .who.me{align-self:flex-end}
+.c3 .c3t-cv details.tools{align-self:flex-start;max-width:85%;font:var(--fs-2) var(--mono);color:var(--muted-foreground)}
+.c3 .c3t-cv details.tools summary{cursor:pointer;display:flex;gap:6px;align-items:center;list-style:none;padding:2px 0}
+.c3 .c3t-cv details.tools summary::-webkit-details-marker{display:none}
+.c3 .c3t-cv details.tools[open] summary .car{display:inline-flex;transform:rotate(90deg)}
+.c3 .c3t-cv details.tools ul{list-style:none;margin:4px 0 0;padding:0 0 0 18px;display:grid;gap:4px;border-left:2px solid var(--border)}
+.c3 .c3t-cv details.tools li{display:flex;gap:6px;align-items:baseline;min-width:0}
+.c3 .c3t-cv details.tools li b{color:var(--foreground);font-weight:500}
+.c3 .c3t-cv details.tools li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
+.c3 .c3t-cv .live{align-self:flex-start;display:flex;gap:8px;align-items:center;font:var(--fs-2) var(--mono);color:var(--muted-foreground)}
+.c3 .c3t-cv .perm{border:1px solid var(--warning);border-radius:8px;padding:var(--sp-3);display:grid;gap:var(--sp-2);background:color-mix(in oklab,var(--warning) 6%,var(--card))}
+.c3 .c3t-cv .perm .q{font:var(--fs-2) var(--mono)}
+.c3 .c3t-cv .perm .c3t-tray{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}
+.c3 .c3t-cv .none{margin:var(--sp-4) auto;max-width:420px;text-align:center;display:grid;gap:var(--sp-3);justify-items:center}
+.c3 .c3t-cv .none>.ic{width:28px;height:28px;color:var(--muted-foreground)}
+.c3 .c3t-cv .none .dim{font-size:var(--fs-2)}
+.c3 .c3t-cv-comp{border-top:1px solid var(--border);padding-top:var(--sp-2);display:grid;gap:6px}
+.c3 .c3t-cv-comp[hidden],.c3 .c3t-cv-comp .box>[hidden]{display:none}
+.c3 .c3t-cv-comp .box{display:flex;gap:var(--sp-2);align-items:flex-end;border:1px solid var(--border);border-radius:8px;padding:6px 6px 6px 12px;background:var(--card)}
+.c3 .c3t-cv-comp .box:focus-within{border-color:var(--ring)}
+.c3 .c3t-cv-comp textarea{flex:1;border:0;background:none;resize:none;font:inherit;font-size:var(--fs-3);color:var(--foreground);padding:5px 0;outline:none;min-width:0}
+.c3 .c3t-cv-comp .hint{display:flex;gap:var(--sp-2);justify-content:space-between;align-items:center;flex-wrap:wrap;font:var(--fs-1) var(--mono);color:var(--muted-foreground)}
+.c3 .c3t-cv-comp .hint .chips2[hidden]{display:none}
+@media (min-width:761px){
+  .c3:not(.ph) .sheet.c3t-ss.tsz-two-thirds .c3t-cv,.c3:not(.ph) .sheet.c3t-ss.tsz-whole .c3t-cv{grid-template-columns:220px minmax(0,1fr)}
+  .c3:not(.ph) .sheet.c3t-ss.tsz-two-thirds .c3t-cv-list,.c3:not(.ph) .sheet.c3t-ss.tsz-whole .c3t-cv-list{display:grid}
+}
+.c3.ph .c3t-views .lb,.c3.ph .c3t-all .lb{display:none}
+.c3.ph .c3t-cv-comp .hint .kb{display:none}
+.c3.ph .c3t-cv .m,.c3.ph .c3t-cv details.tools{max-width:92%}
 .c3.ph .c3t-size{display:none}
 @media (min-width:761px){
   .c3 .sheet.wide.tsz-half{width:50vw}
@@ -1891,6 +1955,9 @@
 .c3 .wk-agent-sum{margin:0}
 .c3 .wk-agent-body{--tc:var(--acc)}
 .c3 .wk-agent-body .sit{white-space:pre-line}
+.c3 .wk-agent-doc .wk-agent-md{font-size:var(--fs-4);max-width:72ch}
+.c3 .wk-agent-editbox{display:grid;gap:var(--sp-2)}
+.c3 .wk-agent-edit{width:100%;box-sizing:border-box;font:inherit;font-size:var(--fs-2);line-height:1.5;padding:8px 10px;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:6px;resize:vertical}
 .c3 .tag.wk-off{background:var(--accw);color:var(--acc)}
 .c3 .tag.wk-nb{background:var(--muted);color:var(--foreground)}
 .c3 .tag.wk-on{background:var(--acc);color:var(--background)}

package/workspace/public/pm/pm-work-view.js

@@ -30,10 +30,11 @@ import { el } from './dom.js';
 import { button } from './primitives.js';
 import { pmGet, pmPost } from './http.js';
 import { renderCase } from './c3-case.js';
+import { parseMd, toDom } from './c3-md.js';
 import { makeXp, attachExpand } from './c3-expand.js';
 import { attachSwipe } from './c3-swipe.js';
 import { toast } from './c3-toast.js';
-import { openSheet } from './c3-sheet.js';
+import { openSheet, closeSheet } from './c3-sheet.js';
 import { c3btn } from './page-agent.js';
 import { onBriefing, loadBriefing } from './shell-ticker.js';
 import { reviewSection } from './c3-brief.js';
@@ -724,7 +725,9 @@ const AG = {
   openSession: 'Open the session',
   willDo: 'What the agent will do: ', change: 'Change what the agent does', askLabel: 'What the agent will do',
   draftIt: 'Let the agent draft this', tryAgain: 'Try again', post: (k) => 'Post it to ' + k, back: 'Send it back with a note', keepDraft: 'Keep it as a draft',
-  noteLabel: 'Tell the agent what to change', openDraft: 'Open the draft', draftSheet: (k) => 'Draft for ' + k, stop: 'stop',
+  noteLabel: 'Tell the agent what to change', openDraft: 'Open the draft', editDraft: 'Edit the draft', edited: 'Edited by you. Post sends your text.',
+  saveDraft: 'Save the draft', cancel: 'Cancel', savedDraft: (w) => `Saved. Post sends your text to ${w}.`, savedMine: 'Saved. The draft stays here.', bodyLabel: 'The draft',
+  doneIt: 'Mark it done', doneFx: 'Closes the item. Nothing is posted', doneToast: 'Done. Nothing was posted.', draftSheet: (k) => 'Draft for ' + k, stop: 'stop',
   handed: (w) => `Handed to the agent. Nothing goes to ${w} until you post it.`, stopped: 'Stopped. Nothing was kept.', kept: 'Kept as a draft. Post it when you are ready.',
   posting: 'Approved. A session posts exactly this text.', sentBack: 'Sent back with your note. The agent drafts it again.', retried: 'The agent tries again.',
   needNote: 'Say what to change first: type a note, then send it back.', link: 'Open what was posted',
@@ -785,6 +788,7 @@ function agentCase(inst, item, L) {
     const d = a.draft || {};
     quote = d.body || ''; sit = AG.sitReady('', w);
     if (d.summary) chg.push(['doc', d.summary, 'draft']);
+    if (d.edited_at) chg.push(['edit', AG.edited, '']);
     if (a.revisions) chg.push(['reply', 'Redrafted after your note' + (a.revisions > 1 ? 's (' + a.revisions + ')' : ''), '']);
     outbox = true; cta = 'Hold to post';
     const note = el('input', { type: 'text', placeholder: AG.noteLabel, 'aria-label': AG.noteLabel, 'data-pm-agent-note-in': item.id, autocomplete: 'off' });
@@ -794,16 +798,18 @@ function agentCase(inst, item, L) {
       isMine(item) ? null : o('post', AG.post(k), [fx('lock', 'Outward: exactly this text', 'warn'), fx('out', 'Goes to ' + w + ' as you', 'warn')], () => agentPress(inst, '/api/my-work/decide', { item: item.id, action: 'approve' }, AG.posting), { outward: true }),
       o('back', AG.back, [fx('reply', 'The agent drafts it again', 'ok')], back),
       o('keep', AG.keepDraft, [fx('check', 'Nothing leaves PMOS', 'ok')], () => say({ text: isMine(item) ? AG.keptMine : AG.kept, timeout: 3000 })),
+      o('done', AG.doneIt, [fx('check', AG.doneFx, 'ok')], (r) => doneAct(inst, item, r, AG.doneToast)),
     ].filter(Boolean);
     const noteBox = el('div', { class: 'form wk-agent-ask', 'data-pm-agent-note': item.id }, note); noteBox.hidden = inst.picks.get(item.id) !== 'back';
-    extras.push(el('div', { class: 'chips2' }, c3btn('chip2 lk', { 'data-pm-agent-draft': item.id }, [c3ic('eye', 'sm'), AG.openDraft], () => openDraft(item))));
+    extras.push(el('div', { class: 'chips2' }, c3btn('chip2 lk', { 'data-pm-agent-draft': item.id }, [c3ic('eye', 'sm'), AG.openDraft], () => openDraft(item, inst)),
+      c3btn('chip2 lk', { 'data-pm-agent-edit': item.id }, [c3ic('edit', 'sm'), AG.editDraft], () => openDraft(item, inst, true))));
     after = noteBox;
   } else if (a.state === 'sending') {
     sit = AG.sitSending(k);
   } else if (a.state === 'sent') {
     sit = AG.sitSent(a.sent && a.sent.at ? hhmm(a.sent.at) : '', w);
     opts = L.opts.map((x) => ({ ...x }));
-    if (a.draft && a.draft.body) extras.push(el('div', { class: 'chips2' }, c3btn('chip2 lk', { 'data-pm-agent-draft': item.id }, [c3ic('eye', 'sm'), AG.openDraft], () => openDraft(item)),
+    if (a.draft && a.draft.body) extras.push(el('div', { class: 'chips2' }, c3btn('chip2 lk', { 'data-pm-agent-draft': item.id }, [c3ic('eye', 'sm'), AG.openDraft], () => openDraft(item, inst)),
       a.sent && a.sent.link ? el('a', { class: 'chip2 lk', href: a.sent.link, target: '_blank', rel: 'noopener noreferrer' }, c3ic('out', 'sm'), AG.link) : null));
   }
   if (opts.length) opts[0].rec = 1;
@@ -817,21 +823,46 @@ function openAgentSession(id, item) {
   try { window.dispatchEvent(new CustomEvent('pmos:open-session', { detail: { id, name: 'Job · ' + (item.key || item.title || '') } })); } catch { /* no event */ }
 }
 
-function openDraft(item) {
+/* The agent's draft drawn the way a document is (c3-md.js, as the document sheet draws it): headings, lists, tables, bold. */
+const draftMd = (text) => el('div', { class: 'ds-md wk-agent-md' }, toDom(parseMd(String(text || '')), document));
+
+/* The agent's draft in a sheet. A draft that waits for the PM can be edited there (amendment 13): Save keeps the PM's text
+ * as the draft, so Post sends exactly that text. */
+function openDraft(item, inst, editing) {
   const a = item.agent || {}; const d = a.draft || {};
+  const canEdit = !!inst && a.state === 'ready';
+  const area = el('textarea', { class: 'wk-agent-edit', rows: '18', 'aria-label': AG.bodyLabel, 'data-pm-agent-edit-in': item.id });
+  area.value = d.body || '';
+  const save = async () => {
+    const v = area.value.trim();
+    if (!v) { say({ text: 'The draft cannot be empty. Send it back with a note instead.', timeout: 3500 }); area.focus(); return; }
+    const r = await pmPost('/api/my-work/decide', { item: item.id, action: 'edit', body: v });
+    if (!r || !r.ok) { say({ text: (r && r.error) || COPY.saveError, tone: 'error' }); return; }
+    closeSheet();
+    say({ text: isMine(item) ? AG.savedMine : AG.savedDraft(whereOf(item)), timeout: 4000 });
+    await load(inst);
+  };
+  const text = editing && canEdit
+    ? el('div', { class: 'wk-agent-editbox' }, area, el('div', { class: 'chips2' },
+      button({ label: AG.saveDraft, variant: 'primary', size: 'sm', onClick: save, attrs: { 'data-pm-agent-save': item.id } }),
+      button({ label: AG.cancel, variant: 'outline', size: 'sm', onClick: () => openDraft(item, inst, false) })))
+    : el('div', { class: 'wk-agent-doc' }, draftMd(d.body || ''));
   const body = el('div', { class: 'wk-agent-sheet' },
-    el('div', { class: 'chips' }, el('span', { class: 'tag' }, a.state === 'sent' ? 'posted' : 'draft'), item.key ? el('span', { class: 'chip2' }, c3ic('org', 'sm'), (item.origin === 'jira' ? 'Jira ' : '') + item.key) : null),
+    el('div', { class: 'chips' }, el('span', { class: 'tag' }, a.state === 'sent' ? 'posted' : d.edited_at ? 'draft · edited by you' : 'draft'), item.key ? el('span', { class: 'chip2' }, c3ic('org', 'sm'), (item.origin === 'jira' ? 'Jira ' : '') + item.key) : null),
     d.summary ? el('p', { class: 'dim wk-agent-sum' }, d.summary) : null,
-    el('div', { class: 'case wk-agent-body' }, el('p', { class: 'sit' }, d.body || '')),
+    text,
     el('div', { class: 'fold' }, c3ic('info', 'sm'), ' ' + (a.state === 'sent' ? 'This is the text that was posted.' : 'Nothing is in ' + whereOf(item) + ' yet. Post it from the item, after you read it.')));
-  openSheet({ title: AG.draftSheet(item.key || item.title), icon: 'doc', body });
+  const actions = canEdit && !editing ? [c3btn('chip2 lk', { 'data-pm-agent-edit-sheet': item.id }, [c3ic('edit', 'sm'), AG.editDraft], () => openDraft(item, inst, true))] : null;
+  openSheet({ title: AG.draftSheet(item.key || item.title), icon: 'doc', body, actions });
+  if (editing && canEdit) { try { area.focus(); } catch { /* not focusable yet */ } }
 }
 
 /** The case file element of an item: c3-case.js plus what is Work's own (offline work, the shared actions, the steps, the agent tray, the edit fields). */
 function caseFile(inst, item, lens) {
   const { model, run } = itemCase(inst, item, lens);
   const root = renderCase(model, {
-    picked: inst.picks.get(item.id), outbox: !!model.outbox,
+    picked: inst.picks.get(item.id), outbox: !!model.outbox, noConf: !item.mock_row,
+    renderQuote: item.agent && !item.mock_row ? draftMd : undefined,
     onPick: (id) => { inst.picks.set(item.id, id); const n = root.querySelector('[data-pm-agent-note]'); if (n) { n.hidden = id !== 'back'; if (!n.hidden) n.querySelector('input').focus(); } },
     onConfirm: ({ option }) => {
       const fn = run[option.id];
@@ -839,10 +870,6 @@ function caseFile(inst, item, lens) {
     },
   });
   root.setAttribute('data-pm-case', item.id);
-  if (!item.mock_row) {   // real items carry no confidence figure: never show a made-up percentage
-    root.querySelectorAll('.opt .rk').forEach((n) => { n.replaceChildren(c3ic('spark', 'sm'), 'Suggested'); n.removeAttribute('title'); });
-    root.querySelectorAll('.opt .conf').forEach((n) => n.remove());
-  }
   const extras = [];
   const rs = inst.runs.get(item.id);
   const agent = item.mock_row && item.agent_move && (item.ix || {}).move;
@@ -863,7 +890,7 @@ function caseFile(inst, item, lens) {
       c3ib('Speak is off on this line: nothing on this page records. Type the reply here.', 'mic', { 'data-off': '', onclick: () => say({ text: 'The microphone needs the app. Nothing was recorded: type the reply here.', timeout: 4200 }) }, 'sm'),
       c3ib('Close the reply', 'x', { onClick: () => { inst.trays.delete(item.id); draw(inst); } }, 'sm')));
   }
-  const showSteps = !(rs && rs.phase) && item.kind !== 'offline' && !(item.agent && !item.mock_row && item.agent.state !== 'sent' && !isMine(item)) && (inst.planning.has(item.id) || (item.steps || []).length || (!agent && (!item.mock_row || item.src === 'You')));
+  const showSteps = !(rs && rs.phase) && item.kind !== 'offline' && !(item.agent && !item.mock_row && item.agent.state !== 'sent' && !isMine(item) && !(item.steps || []).length) && (inst.planning.has(item.id) || (item.steps || []).length || (!agent && (!item.mock_row || item.src === 'You')));
   if (showSteps) extras.push(stepsBlock(inst, item));
   const anchor = root.querySelector('.c3ag') || root.querySelector('.sit');
   if (anchor) anchor.after(...extras); else root.prepend(...extras);
@@ -1200,10 +1227,9 @@ function jobCase(inst, j, close) {
       { id: 'mv', l: near ? 'Delete it and move its ' + its.length + ' item' + (its.length === 1 ? '' : 's') + ' to "' + nm(near) + '"' : 'Delete it', rec: 0, fx: [fx('trash', 'The job is gone', 'warn'), fx('target', its.length + ' items change job', 'warn')] },
       { id: 'nj', l: 'Delete it and leave its items without a job', rec: 0, fx: [fx('trash', 'The job is gone', 'warn'), fx('alert', 'The items have no job', '')] }] };
   const run = { keep: () => { say({ text: 'Kept.', timeout: 2500 }); close(); }, mv: del(near && near.id), nj: del(null) };
-  const root = renderCase(model, { onConfirm: ({ option }) => { if (run[option.id]) run[option.id](); } });
+  // a job carries no confidence figure: never show a made-up percentage
+  const root = renderCase(model, { noConf: true, onConfirm: ({ option }) => { if (run[option.id]) run[option.id](); } });
   root.setAttribute('data-pm-case', j.id);
-  root.querySelectorAll('.opt .rk').forEach((n) => { n.replaceChildren(c3ic('spark', 'sm'), 'Suggested'); n.removeAttribute('title'); });   // a job carries no confidence figure: never show a made-up percentage
-  root.querySelectorAll('.opt .conf').forEach((n) => n.remove());
   const sit = root.querySelector('.sit');
   sit.after(el('div', { class: 'c3jf' }, j.mock_name ? jobEditField(inst, j, 'mock_name') : null, jobEditField(inst, j, 'when'), jobEditField(inst, j, 'want'), jobEditField(inst, j, 'so')), jobAll(inst, j));
   return root;
@@ -1220,16 +1246,12 @@ function jobNewCase(inst, st, close) {
   const model = { id: 'job:new', sit: 'The agent drafted this from your line. Change anything, then create it. It has no items yet.', conf: 70, cta: 'Slide to create',
     chg: [['spark', 'Drafted by the agent', 'assumption', 'warn']],
     opts: [{ id: 'mk', l: 'Create the job', rec: 1, fx: [fx('target', 'Items can now be filed under it', 'ok')] }, { id: 'no', l: 'Not now', rec: 0, fx: [] }] };
-  const root = renderCase(model, { onConfirm: async ({ option }) => {
+  const root = renderCase(model, { noConf: !demo, onConfirm: async ({ option }) => {
     if (option.id === 'no') { say({ text: 'Dropped the draft.', timeout: 2500 }); close(); return; }
     const line = 'when ' + val('when') + ', I want ' + val('want') + ', so ' + val('so');
     const r = await press(inst, JOBS + '/add', nameIn ? { line, name: nameIn.value.trim() } : { line });
     if (r) { say({ text: 'Job created. Add work to it by saying which job it serves.', timeout: 3000 }); close(); await load(inst); }
   } });
-  if (!demo) {
-    root.querySelectorAll('.opt .rk').forEach((n) => { n.replaceChildren(c3ic('spark', 'sm'), 'Suggested'); n.removeAttribute('title'); });
-    root.querySelectorAll('.opt .conf').forEach((n) => n.remove());
-  }
   root.querySelector('.sit').after(el('div', { class: 'c3jf' }, nameIn ? field('Job', nameIn) : null, ...['when', 'want', 'so'].map((k, i) => field(k === 'when' ? 'When' : k === 'want' ? 'I want' : 'So', inputs[i]))));
   return root;
 }

package/workspace/public/pm/tab-term.js

@@ -1098,6 +1098,15 @@ export async function typeIntoSession(id, text) {
   return send({ t: 'input', id, data: '\r' });
 }
 
+/** Keys typed into a session as they are, with no Enter after them: a menu choice ('1') or Esc ('\x1b') for a running agent.
+ * The same frame and socket as typeIntoSession. Returns false when nothing was sent. */
+export async function pressKeys(id, data) {
+  if (FIXTURE || !id || !data) return false;
+  connect();
+  for (let i = 0; i < 50 && !socketOpen(); i++) await new Promise((r) => setTimeout(r, 100));
+  return send({ t: 'input', id, data });
+}
+
 /**
  * End a running session, by id — the `＋ session` chooser's one destructive action.
  *

package/workspace/server.js

@@ -2939,22 +2939,41 @@ function txFound(s, now = Date.now()) {
 }
 // console3's session conversation: the PM's prompts and the agent's words from the transcript (transcript-read.readConversation).
 // Re-parsed only when the file moves; `stamp` lets the page skip a redraw when nothing changed. Read-only and local.
+// `state` says what the page can show: 'conv' (a conversation), 'shell' (a shell with no agent in it yet), 'unlinked' (an agent
+// whose record cannot be found or read), 'other' (an agent that keeps no Claude transcript). `ask` is Claude Code's permission
+// prompt while it is on the pane's screen (permissionAsk).
 function sessionConversation(s) {
-  if (s.agent !== 'claude' && s.agent !== 'shell') return { messages: [], missing: 'Only Claude sessions show a conversation here.' };
+  if (s.agent !== 'claude' && s.agent !== 'shell') return { messages: [], state: 'other', missing: 'Only Claude sessions show a conversation here.' };
   const found = txFound(s);
   if (found.missing) {
-    if (s.agent === 'shell' && /wrote no session record/.test(found.missing)) return { messages: [], missing: 'No agent is running in this shell yet.' };
-    return { messages: [], missing: found.missing };
+    if (s.agent === 'shell' && /wrote no session record/.test(found.missing)) return { messages: [], state: 'shell', missing: 'No agent is running in this shell yet.' };
+    return { messages: [], state: 'unlinked', missing: found.missing };
   }
   let stamp = null;
   try { const st = fs.statSync(found.file); stamp = `${st.size}:${st.mtimeMs}`; } catch {}
-  if (s.conv && s.convStamp === stamp) return s.conv;
-  const c = transcript.readConversation(found.file, scrub);
-  const h = transcriptHarness(s);
-  c.turn = h && h.turn ? h.turn : null;
-  c.stamp = stamp;
-  s.conv = c; s.convStamp = stamp;
-  return c;
+  let c = s.conv;
+  if (!(c && s.convStamp === stamp)) {
+    c = transcript.readConversation(found.file, scrub, transcript.CONV_LIMIT, s.root);
+    c.state = 'conv';
+    c.stamp = stamp;
+    s.conv = c; s.convStamp = stamp;
+  }
+  // whose turn comes from the harness read, which has its own re-read floor: taken on every call, so a turn that the floor
+  // held back shows on the next poll even when the file has not moved since
+  const h = transcriptHarness(s) || {};
+  const out = { ...c, turn: h.turn || null, openCall: h.openCall ? h.openCall.verb : null, model: h.model || null };
+  // the prompt is on the screen, not in the transcript: read it only while a tool call is open
+  const ask = out.turn === 'tool' ? paneAsk(s) : null;
+  return ask ? { ...out, ask } : out;
+}
+// The pane's visible screen, plain text, read at most once every 1.5s per session (a tmux capture is a blocking spawn).
+function paneAsk(s, now = Date.now()) {
+  if (!s.tmux || !TMUX) return null;
+  if (s.askAt && now - s.askAt < 1500) return s.ask || null;
+  s.askAt = now;
+  const r = tmuxCtl(['capture-pane', '-p', '-t', s.tmux]);
+  s.ask = r.status === 0 && r.stdout ? transcript.permissionAsk(r.stdout, scrub) : null;
+  return s.ask;
 }
 function transcriptHarness(s) {
   if (s.state === 'exited') return { missing: { all: 'the session has exited' } };
@@ -6682,9 +6701,10 @@ async function handleRequest(req, res) {
   if (p === '/api/sessions/conversation' && req.method === 'GET') {
     const sess = sessions.get(String(url.searchParams.get('id') || ''));
     if (!sess) return json(res, { ok: false, error: 'no such session' }, 404);
-    if (sess.state === 'exited') return json(res, { ok: true, id: sess.id, messages: [], missing: 'The session has ended.', turn: null, stamp: null });
+    if (sess.state === 'exited') return json(res, { ok: true, id: sess.id, agent: sess.agent, messages: [], state: 'ended', missing: 'The session has ended.', turn: null, stamp: null });
     const c = sessionConversation(sess);
-    return json(res, { ok: true, id: sess.id, messages: c.messages, missing: c.missing || null, turn: c.turn || null, stamp: c.stamp || null });
+    return json(res, { ok: true, id: sess.id, agent: sess.agent, messages: c.messages, state: c.state || null, missing: c.missing || null, turn: c.turn || null,
+      openCall: c.openCall || null, model: c.model || null, ask: c.ask || null, stamp: c.stamp || null });
   }
   if (p === '/api/sessions/transcript' && req.method === 'GET') {
     const sess = sessions.get(String(url.searchParams.get('id') || ''));

package/workspace/skills/day-task.skill

@@ -36,6 +36,7 @@ Procedure:
 4. If MODE is send:
    a. The task is approved. Read the approved draft and its link in the output of `day show`. The approved draft is the only text you may send. Do not read it as a draft to improve.
       A draft whose summary starts "The PM's own" was written by the PM in the Your day card. Post it exactly as written, as the PM, to the place the summary and the link name. Do not add a greeting, a signature or a line of your own.
+      If `day show` prints "edited by the PM", the PM changed the draft in Work. The body is the PM's text. Post it exactly as written, the same way.
    b. Do the one outward step the summary names, with the connector that fits, to the place the link names. Examples: post the approved reply in the linked Slack thread, add the approved comment to the linked Jira issue, reply to the linked mail thread. If the summary names more than one step, do only the first and report the rest with `day fail`.
    c. If the place does not match the link, the thread is closed, or the connector is not available, do not try another route. Run `pmos proactive day fail TASK --reason "<what stopped it>"`.
    d. When it is done, run `pmos proactive day sent TASK --link <URL of what you posted or sent>`. Leave out `--link` only if the connector returns none.

package/workspace/test-files.json

@@ -299,7 +299,7 @@
     "pm-portfolio-inline-test.js": 15,
     "settings-store.test.js": 1,
     "c3-settings-test.js": 25,
-    "c3-sessions-panel-test.js": 20,
+    "c3-sessions-panel-test.js": 70,
     "c3-updates-test.js": 20,
     "c3-quiet-test.js": 30,
     "c3-phone-model.test.js": 1,