create-pmos 0.116.0 → 0.118.0

package/workspace/public/pm/today-day.js

@@ -27,9 +27,11 @@
 import { el } from './dom.js';
 import { button, iconButton, badge, toast, row, tabs, field, menu, meter } from './primitives.js';
 import { pmGet, pmPost } from './http.js';
-import { FIXTURE } from './state.js';
+import { FIXTURE, state } from './state.js';
 import { COPY } from './today-copy.js';
-import { goalRows, goalAdd, goalDetail, addGoal, goalsSig } from './today-goals.js';
+import { goalRows, goalAdd, goalDetail, goalJobsBlock, jobsWithoutGoal, addGoal, goalsSig } from './today-goals.js';
+import { statusPill, whoActs, mark as whoMark, tag, tagged, originOf, goalPicker } from './today-jobs.js';
+import { hasCard, mentionCard } from './today-mentions.js';
 import { peopleLinks } from './people-link.js';
 import { agendaPanel, meetingDetail, memoryBlock, meetingFacts, keyItems, refreshAgenda, agendaSig, onAgenda } from './today-agenda.js';
 import { notesBlock, onNotes } from './notes-links.js';
@@ -58,7 +60,7 @@ const cache = new Map();   // ws -> { data, error }
 const runs = new Map();    // ws -> the last "Prepare my day" press: { state: 'busy'|'started'|'running'|'failed', at, session, error }
 const ui = {
   open: (() => { const v = store.get(OPEN_KEY); return v === 'true' ? true : v === 'false' ? false : null; })(),
-  section: (() => { const v = store.get(SECTION_KEY); return ['agenda', 'goals', 'jobs', 'mentions', 'summary'].includes(v) ? v : 'agenda'; })(),
+  section: (() => { const v = store.get(SECTION_KEY); return ['agenda', 'goals', 'jobs', 'mentions'].includes(v) ? v : 'agenda'; })(),
   sel: null, mtab: 'all', openSrc: null, showIgn: {}, showIgnDigests: false,
   revising: new Set(), notes: new Map(), siteDraft: '', placeDraft: {}, busy: new Set(), scroll: false,
   // today-act-prepare: the folded groups the PM opened, the item whose hold form is open, and its draft
@@ -129,7 +131,9 @@ function jobOf(item, task, worth) {
   const status = task ? task.status : kind === 'you' ? 'you' : 'notStarted';
   const group = worth ? 'worth' : ['you', 'review', 'failed'].includes(status) ? 'needs' : ['done', 'sent'].includes(status) ? 'done' : 'working';
   return {
-    id: item ? item.id : task.item_id, item, task, kind, status, group, worth,
+    id: item ? item.id : task.item_id || task.id, item, task, kind, status, group, worth,
+    // the id a link mark is kept under: the brief item, else the run task (PRD L1)
+    linkId: item ? item.id : task.id,
     title: (item && item.title) || (task && task.title) || '', source: (item && item.source) || (task && task.source) || '',
     link: (item && isUrl(item.link) && item.link) || (task && isUrl(task.link) && task.link) || null,
     goal: (item && item.goal) || (task && task.goal) || null, isNew: !!(item && item.new),
@@ -181,7 +185,9 @@ function model(d, view) {
     const needsPrep = !ended && hadPrep;
     const st = mark && mark.state;
     const group = !needsPrep ? null : st === 'done' || st === 'dismissed' ? 'done' : st === 'snoozed' ? 'later' : 'needs';
-    return { ...e, id: e.id || 'ev-' + i, s, f, time: hhmm(e.start), ended, mark, before, hadPrep, needsPrep, group };
+    // the goal a meeting counts toward: the brief's own, else the goal the PM made from it (event_id), PRD A4
+    const gid = (e.goal && goals.some((g) => g.id === e.goal) ? e.goal : null) || ((goals.find((g) => g.event_id && g.event_id === e.id) || {}).id) || null;
+    return { ...e, id: e.id || 'ev-' + i, gid, s, f, time: hhmm(e.start), ended, mark, before, hadPrep, needsPrep, group };
   }).sort((a, b) => a.s - b.s);
   const settings = (d && d.settings) || null;
   const scopes = (settings && settings.scopes) || {};
@@ -194,6 +200,15 @@ function model(d, view) {
   const repos = (d && Array.isArray(d.repos)) ? d.repos : [];
   const repoName = (id) => { const r = repos.find((x) => x.id === id); return r ? r.name : id; };
   for (const j of jobs) j.repo = itemRepos[j.id] || null;
+  // the goal of a job (initiative today-goals-jobs, PRD G4, L1): the plan puts a brief item under at most one open goal,
+  // after the PM's link mark; a job the plan does not place keeps the PM's mark, else the goal it came with
+  const stepGoal = new Map();
+  for (const g of goals) for (const st of g.steps || []) if (st.item_id) stepGoal.set(st.item_id, g.id);
+  for (const j of jobs) {
+    const lk = marks[j.linkId];
+    const linked = !!lk && lk.goal !== undefined;
+    j.goal = (j.item && stepGoal.get(j.item.id)) || (linked ? lk.goal || null : j.goal);
+  }
   // the PM's marks (today-act-prepare, PRD M1 to M6): a job the PM owns leaves Needs you when it is done, snoozed, held
   // or not the PM's; a snooze or hold whose time has passed comes back as open (the server reads it so)
   for (const j of jobs) {
@@ -247,16 +262,6 @@ export function repoPicker(m, cur, onPick, attrs) {
   sel.addEventListener('change', () => onPick(sel.value || null));
   return sel;
 }
-function statusPill(j) {
-  const s = D.status2;
-  const map = {
-    notStarted: [s.notStarted, ''], waiting: [s.waiting, ''], working: [s.working, 'info'], sending: [s.sending, 'info'],
-    review: [j.kind === 'auto' ? s.reviewAuto : s.review, 'purple'], sent: [s.sent, 'ok'], done: [s.done, 'ok'],
-    failed: [s.failed, 'bad'],
-  };
-  const [t, tone] = map[j.status] || [j.status, ''];
-  return pill(t, tone, { 'data-day-status': j.status });
-}
 /** A link that opens outside the workspace, drawn as a small button. Only http and https addresses are drawn. */
 function extLink(label, href, attrs) {
   if (!isUrl(href)) return null;
@@ -412,24 +417,37 @@ function topBar(ctx) {
   const started = m.run && m.run.started_at ? hhmm(m.run.started_at) : '';
   const status = !m.run ? (busy ? D.starting : D.status.idle) : m.readFailed ? D.status.readFailed(m.readFailed.why) : m.stage === 'reading' ? D.status.reading : m.stage === 'working' ? D.status.working(working, m.needs)
     : D.status.last(started, m.needs);
-  let check = null;
+  // S2: the status line (Last prepared), Check now, Settings and the way to the items with no repository are one menu
+  const label = busy ? D.starting : reading ? D.stillReading : m.run ? D.again : D.prepare;
+  const lines = [{ label: status, attrs: { 'data-day': 'status', 'aria-disabled': 'true' }, onSelect: () => {} }];
+  if (m.tasks.length) {
+    const c = { review: 0, done: 0, working: 0, failed: 0 };
+    for (const t of m.tasks) {
+      if (t.status === 'review') c.review++;
+      else if (t.status === 'done' || t.status === 'sent') c.done++;
+      else if (t.status === 'failed') c.failed++;
+      else c.working++;
+    }
+    lines.push({ label: D.summary(c), attrs: { 'data-day': 'summary', 'aria-disabled': 'true' }, onSelect: () => {} });
+  }
   if (m.run && m.check) {
     const every = m.settings && m.settings.dayCheck && typeof m.settings.dayCheck.every === 'number' ? m.settings.dayCheck.every : m.check.every;
     const running = !!m.check.running || ui.busy.has('check');
-    check = every === 0 ? el('span', { class: 'td-day__check', 'data-day': 'check', title: D.checkOff }, D.checkOff)
-      : el('span', { class: 'td-day__check', 'data-day': 'check', title: running ? D.checking : D.checked(hhmm(m.check.last), hhmm(m.check.next)) },
-        iconButton({ icon: 'refresh-cw', ariaLabel: D.checkNow, size: 'sm', attrs: { 'data-day': 'check-now', disabled: running ? 'true' : null }, onClick: () => checkNow(ws) }));
+    lines.push({ label: every === 0 ? D.checkOff : running ? D.checking : D.checked(hhmm(m.check.last), hhmm(m.check.next)), attrs: { 'data-day': 'check', 'aria-disabled': 'true' }, onSelect: () => {} });
+    if (every !== 0 && !running) lines.push({ label: D.checkNow, icon: 'refresh-cw', attrs: { 'data-day': 'check-now' }, onSelect: () => checkNow(ws) });
   }
-  const label = busy ? D.starting : reading ? D.stillReading : m.run ? D.again : D.prepare;
-  const open = m.allGoals.filter((g) => g.status === 'open').length;
+  const items = [...lines, { sep: true },
+    { label: D.sources, icon: 'settings', attrs: { 'data-day': 'sources', 'data-day-sel': 'sources:all' }, onSelect: () => select('sources', 'all') }];
+  if (m.narrow) items.push({ label: D.menu.showAll, attrs: { 'data-day': 'show-all' }, onSelect: () => ctx.showAll() });
+  const more = iconButton({ icon: 'ellipsis', ariaLabel: D.menu.label, size: 'sm', attrs: { 'data-day': 'bar-menu', 'aria-haspopup': 'menu', 'aria-current': ctx.cur('sources', 'all') },
+    onClick: () => menu({ anchor: more, ariaLabel: D.menu.label, items }) });
   return el('header', { class: 'td-day__bar' },
-    (() => { const when = [dateLabel(m.now), D.unfinished(open, m.allGoals.length)].filter(Boolean).join(' · ');
+    (() => { const when = dateLabel(m.now);
       return el('div', { class: 'td-day__hello', title: greet(m.now) + ' ' + when }, el('b', null, greet(m.now)), ' ', el('span', { class: 'td-day__dim' }, when)); })(),
     steps,
-    el('span', { class: 'td-day__status', role: 'status', 'data-day': 'status', title: status }, status),
-    check,
-    iconButton({ icon: 'settings', ariaLabel: D.sources, size: 'sm', attrs: { 'data-day': 'sources', 'data-day-sel': 'sources:all', 'aria-current': ctx.cur('sources', 'all') }, onClick: () => select('sources', 'all') }),
+    el('span', { class: 'td-day__spacer', 'aria-hidden': 'true' }),
     button({ label, variant: 'primary', size: 'sm', disabled: busy || reading, attrs: { 'data-day': 'prepare', 'data-goals': 'prepare-day', title: D.prepareHint, 'aria-busy': busy ? 'true' : 'false' }, onClick: () => prepareDay(ws) }),
+    more,
     iconButton({ icon: 'chevron-down', ariaLabel: D.fold, size: 'sm', expanded: true, attrs: { 'data-day': 'toggle' }, onClick: () => fold(false) }));
 }
 
@@ -477,7 +495,7 @@ function calendarRows(ctx) {
   const nowRow = () => el('li', { class: 'td-day__nowrow', 'data-day': 'now', 'aria-hidden': 'true' }, D.now(hhmm(m.now)));
   for (const e of m.events) {
     if (!nowShown && e.s > m.now) { rows.push(nowRow()); nowShown = true; }
-    const n = e.goal ? m.goalNo.get(e.goal) : null;
+    const n = e.gid ? m.goalNo.get(e.gid) : null;
     rows.push(rowBtn(ctx, 'event', e.id, { lead: e.time, title: e.title, meta: e.purpose || e.with || '',
       trail: el('span', { class: 'td-day__chips' }, n ? pill(D.pill.goal(n), 'goal') : null, eventChip(e)) },
     { 'data-past': e.ended ? 'true' : null, 'data-goal-tie': n ? 'true' : null }));
@@ -499,10 +517,14 @@ function jobRow(ctx, j) {
     : [j.item && j.item.where, srcName(j.source)].filter(Boolean).join(' · ');
   const mine = j.status === 'you';
   const due = mine && j.item && j.item.due ? Date.parse(j.item.due) : NaN;
-  const meta = mine && j.mark && j.mark.state === 'waiting' ? `${A.hold.replace('…', '')} ${j.mark.on}` : sub;
+  const held = mine && j.mark && j.mark.state === 'waiting' ? `${A.hold.replace('…', '')} ${j.mark.on}` : sub;
+  // J1: the row says who acts, in words and with a square (open for the PM, filled for the agent)
+  const who = whoActs(j);
+  const meta = [who.text, held].filter(Boolean).join(' · ');
   return rowBtn(ctx, 'job', j.id, { lead: mine ? verbChip(verbOf(j.item)) : n ? D.pill.goal(n) : '·', title: j.title, meta,
     trail: el('span', { class: 'td-day__chips' }, repoTag(ctx.m, j.repo), mine ? dueChip(ctx.m, j.mark, due, false) : statusPill(j)),
-    dot: j.isNew && !seen.has(j.id) ? el('span', { class: 'td-day__newdot', 'data-day': 'new', role: 'img', 'aria-label': D.newItem }) : null });
+    dot: el('span', { class: 'td-day__marks2' }, whoMark(who.who), j.isNew && !seen.has(j.id) ? el('span', { class: 'td-day__newdot', 'data-day': 'new', role: 'img', 'aria-label': D.newItem }) : null) },
+  { 'data-who': who.who });
 }
 
 /* What the repositories owe the PM outside today's jobs (outcome checks, report drafts, sessions) are jobs too: each one is a
@@ -552,31 +574,6 @@ function jobsPanel(ctx) {
   }));
 }
 
-/* The coordinator's view of the run: what every agent job came back with, in one place. The server runs the jobs as one
- * session each and keeps their state; this reads that state, so it needs no session of its own. */
-function summaryPanel(ctx) {
-  const { m } = ctx;
-  const ts = m.tasks;
-  if (!ts.length) return null;
-  const c = { review: 0, done: 0, working: 0, failed: 0 };
-  for (const t of ts) {
-    if (t.status === 'review') c.review++;
-    else if (t.status === 'done' || t.status === 'sent') c.done++;
-    else if (t.status === 'failed') c.failed++;
-    else c.working++;
-  }
-  const finished = ts.filter((t) => t.status !== 'waiting' && t.status !== 'working' && t.status !== 'sending');
-  const byTask = new Map(m.jobs.filter((j) => j.task).map((j) => [j.task.id, j]));
-  const rows = finished.map((t) => {
-    const j = byTask.get(t.id);
-    const what = t.status === 'failed' ? t.error : t.sent && t.sent.link ? t.sent.link : t.draft ? t.draft.summary : '';
-    return j ? rowBtn(ctx, 'job', j.id, { lead: '·', title: j.title, meta: what || '', trail: statusPill(j) }) : null;
-  }).filter(Boolean);
-  return panel('summary', null,
-    el('p', { class: 'td-day__note', 'data-day': 'summary' }, c.working ? D.summary(c) : D.summaryAll(ts.length) + ' ' + D.summary(c)),
-    rows.length ? el('ul', { class: 'td-day__rows', 'data-day-list': 'summary' }, ...rows) : null);
-}
-
 /* What waits for the PM outside today's jobs (the Today cards: outcome checks, reports, sessions). Today hands its list
  * in, so the cards keep their own controls and the open day shows one layout. */
 function goalsPanel(ctx) {
@@ -584,7 +581,7 @@ function goalsPanel(ctx) {
   // a goal of another repository is not lost: the panel says how many the Show switch hides, with the way to them
   const hidden = m.hiddenGoals ? el('p', { class: 'td-day__note', 'data-day': 'goals-hidden' }, D.repo.hiddenGoals(m.hiddenGoals) + ' ',
     button({ label: D.repo.showAll, variant: 'ghost', size: 'sm', attrs: { 'data-day': 'show-all' }, onClick: () => ctx.showAll() })) : null;
-  return panel('goals', D.goalsCount(m.allGoals.filter((g) => g.status === 'open').length, m.maxGoals), goalRows(ctx), hidden, goalAdd(ctx));
+  return panel('goals', D.goalsCount(m.allGoals.filter((g) => g.status === 'open').length, m.maxGoals), goalRows(ctx), hidden, goalAdd(ctx), jobsWithoutGoal(ctx));
 }
 
 function mentionStatus(j) {
@@ -610,6 +607,8 @@ function mentionsPanel(ctx) {
   const shown = m.mentions.filter((j) => ui.mtab === 'all' || j.source === ui.mtab);
   const rows = shown.length ? el('ul', { class: 'td-day__rows', 'data-day-list': 'mentions' }, ...shown.map((j) => {
     const it = j.item;
+    // Slack, Confluence and Figma draw as a card of their own (PRD M1); the press, the link and the status are the row's
+    if (hasCard(j.source)) return rowBtn(ctx, 'mention', j.id, { title: mentionCard(j, srcName(j.source)), trail: el('span', { class: 'td-day__chips' }, repoTag(ctx.m, j.repo), mentionStatus(j)) }, { 'data-mention-card': j.source });
     return rowBtn(ctx, 'mention', j.id, { lead: el('span', { class: 'td-day__chip' }, srcName(j.source)),
       title: it.about && it.ask ? `${it.about}: ${it.ask}` : it.ask || j.title, meta: D.fromWho(it.who, it.where) || it.why_now || '', trail: el('span', { class: 'td-day__chips' }, repoTag(ctx.m, j.repo), mentionStatus(j)) });
   })) : note(D.noMentions);
@@ -752,7 +751,7 @@ function composer(ctx, j, verb) {
     sendPress(ctx.ws, j, { text, verdict: review ? verdict : undefined }, to);
   };
   return el('div', { class: 'td-day__compose', 'data-day': 'compose' }, f, chips, toggle,
-    el('div', { class: 'td-day__acts' }, button({ label: review ? A.postReview(to) : A.sendTo(to), variant: 'primary', size: 'sm', iconEnd: 'arrow-right', disabled: busy, attrs: { 'data-day-act': 'send' }, onClick: go })),
+    el('div', { class: 'td-day__acts' }, button({ label: tagged(review ? A.postReview(to) : A.sendTo(to), 'you'), variant: 'primary', size: 'sm', iconEnd: 'arrow-right', disabled: busy, attrs: { 'data-day-act': 'send' }, onClick: go })),
     el('span', { class: 'td-day__dim' }, A.sendNote));
 }
 /** The four presses of a job (Mark done, Snooze, Waiting on…, Not mine) or the three of a meeting (Mark ready, Remind
@@ -764,19 +763,19 @@ function marksBar(ctx, { id, title, kind, due, start, strong }) {
   const st = (m.d && m.d.marks && m.d.marks[id] && m.d.marks[id].state) || null;
   const times = snoozeTimes(m, { due, start });
   const kids = [];
-  if (st !== 'done') kids.push(button({ label: prep ? A.ready : A.done, variant: strong ? 'primary' : 'outline', size: 'sm', icon: 'check', disabled: busy, attrs: { 'data-day-mark': 'done' },
+  if (st !== 'done') kids.push(button({ label: prep ? A.ready : tagged(A.done, 'you'), variant: strong ? 'primary' : 'outline', size: 'sm', icon: 'check', disabled: busy, attrs: { 'data-day-mark': 'done' },
     onClick: () => markPress(ws, id, { action: 'done' }, (prep ? A.did.ready : A.did.done)(title)) }));
   if (times.length) {
-    const b = button({ label: prep ? A.remind : A.snooze, size: 'sm', iconEnd: 'chevron-down', disabled: busy, attrs: { 'data-day-mark': 'snooze', 'aria-haspopup': 'menu' },
+    const b = button({ label: prep ? A.remind : tagged(A.snooze, 'you'), size: 'sm', iconEnd: 'chevron-down', disabled: busy, attrs: { 'data-day-mark': 'snooze', 'aria-haspopup': 'menu' },
       onClick: () => menu({ anchor: b, ariaLabel: prep ? A.remind : A.snooze, items: times.map(([l, t]) => ({ label: `${l} · ${hhmm(t)}`, attrs: { 'data-day-snooze': hhmm(t) },
         onSelect: () => markPress(ws, id, { action: 'snooze', until: new Date(t).toISOString() }, A.did.snooze(hhmm(t))) })) }) });
     kids.push(b);
   }
-  if (!prep) kids.push(button({ label: A.hold, size: 'sm', disabled: busy, attrs: { 'data-day-mark': 'hold', 'aria-expanded': ui.holding === id ? 'true' : 'false' },
+  if (!prep) kids.push(button({ label: tagged(A.hold, 'you'), size: 'sm', disabled: busy, attrs: { 'data-day-mark': 'hold', 'aria-expanded': ui.holding === id ? 'true' : 'false' },
     onClick: () => { ui.holding = ui.holding === id ? null : id; ui.holdDraft = { who: '', when: 'h2' }; rerender(); } }));
   const reasons = prep ? ['nothing', 'elsewhere'] : ['no-action', 'someone-else', 'done-elsewhere'];
   if (st !== 'dismissed') {
-    const nb = button({ label: prep ? A.skip : A.notMine, size: 'sm', variant: 'ghost', iconEnd: 'chevron-down', disabled: busy, attrs: { 'data-day-mark': 'dismiss', 'aria-haspopup': 'menu' },
+    const nb = button({ label: prep ? A.skip : tagged(A.notMine, 'you'), size: 'sm', variant: 'ghost', iconEnd: 'chevron-down', disabled: busy, attrs: { 'data-day-mark': 'dismiss', 'aria-haspopup': 'menu' },
       onClick: () => menu({ anchor: nb, ariaLabel: prep ? A.skip : A.notMine, items: reasons.map((w) => ({ label: A.why[w], attrs: { 'data-day-why': w },
         onSelect: () => markPress(ws, id, { action: 'dismiss', why: w }, A.did.dismiss(A.why[w])) })) }) });
     kids.push(el('span', { class: 'td-day__grow', 'aria-hidden': 'true' }), nb);
@@ -840,7 +839,7 @@ function actCard(ctx, j) {
     canSend ? composer(ctx, j, verb) : null,
     open ? el('div', { class: 'td-day__acts', 'data-day': 'cta' },
       (canSend ? extLink : primaryLink)(A.open[j.source] || A.openLink, j.link, { 'data-day-link': 'conversation' }),
-      j.item && j.item.owner === 'pm' ? button({ label: A.draft, size: 'sm', disabled: ui.busy.has('draft:' + j.id), attrs: { 'data-day-act': 'draft' }, onClick: () => draftPress(ctx.ws, j) }) : null) : null,
+      j.item && j.item.owner === 'pm' ? button({ label: tagged(A.draft, 'agent'), size: 'sm', disabled: ui.busy.has('draft:' + j.id), attrs: { 'data-day-act': 'draft' }, onClick: () => draftPress(ctx.ws, j) }) : null) : null,
     marksBar(ctx, { id: j.id, title: j.title, kind: 'item', due, strong: allDone }),
     more ? el('details', { class: 'td-day__fold', 'data-day': 'more' }, el('summary', null, A.more), more, note(A.readOnly)) : null);
 }
@@ -928,8 +927,8 @@ function stepItem(st) {
 function eventDetail(ctx, e) {
   const { m } = ctx;
   const F = A.focus;
-  const n = e.goal ? m.goalNo.get(e.goal) : null;
-  const g = n ? m.allGoals[n - 1] : null;
+  const g = e.gid ? m.allGoals.find((x) => x.id === e.gid) || null : null;
+  const n = g ? m.goalNo.get(g.id) : null;
   const ini = e.initiative && e.initiative.id ? e.initiative : null;
   const steps = e.steps || {};
   const notes = e.notes || {};
@@ -947,7 +946,7 @@ function eventDetail(ctx, e) {
     mailBlock || note(D.noMail)) : null;
   const tie = g ? el('p', { class: 'td-day__goalline', 'data-day': 'tie' }, D.countsToward(n, g.text)) : null;
   const addGoalItem = !g && m.allGoals.length < m.maxGoals
-    ? [{ label: D.addAsGoal, attrs: { 'data-day-act': 'add-goal' }, onSelect: async () => { if (await addGoal(ctx, e.title, ini ? ini.id : null)) toast({ text: D.goalAdded }); } }] : [];
+    ? [{ label: D.addAsGoal, attrs: { 'data-day-act': 'add-goal' }, onSelect: async () => { if (await addGoal(ctx, e.title, ini ? ini.id : null, { event_id: e.id })) toast({ text: D.goalAdded }); } }] : [];
   // the one line under the title: the time, how many people join, and a star for a key meeting (F5)
   const meta = [`${e.time}${e.end ? '–' + hhmm(e.end) : ''}`, facts && facts.people ? F.people(facts.people) : null, facts && facts.key ? F.key : null].filter(Boolean).join(' · ');
   const duringAfter = [list(D.phases.during, (steps.during || []).map(stepItem)), list(D.phases.after, (steps.after || []).map(stepItem))];
@@ -969,6 +968,7 @@ function eventDetail(ctx, e) {
     e.purpose ? el('p', { class: 'td-day__purpose', 'data-day': 'purpose' }, e.purpose) : null,
     started ? notesBlock(e, { ws: ctx.ws, initiative: ini, mode: 'live', liveText: F.live }) : null,
     e.hadPrep ? prepBlock(ctx, e, { fold: started }) : null,
+    g ? goalJobsBlock(ctx, g, n) : null,
     after,
     started ? null : notesBlock(e, { ws: ctx.ws, initiative: ini, mode: 'quiet' }),
     el('div', { class: 'td-day__foot', 'data-day': 'foot' },
@@ -987,27 +987,27 @@ function jobCard(ctx, j) {
   const revs = t && Array.isArray(t.revisions) ? t.revisions.length : 0;
   const statusNote = { notStarted: D.notTask, waiting: D.waitingNote, working: D.workingNote, sending: D.sendingNote }[j.status]
     || (j.status === 'done' && j.kind === 'auto' ? D.autoNote : null);
-  const draft = t && t.draft ? el('div', { class: 'td-day__draftbox', 'data-day': 'draft' }, el('h4', null, D.draft),
+  // J5: a finished job shows its result (the run's summary and draft) inside the job; there is no separate Result section
+  const finished = !!t && (j.status === 'done' || j.status === 'sent');
+  const draft = t && t.draft ? el('div', { class: 'td-day__draftbox', 'data-day': finished ? 'result' : 'draft' }, el('h4', null, finished ? D.result : D.draft),
     t.draft.summary ? el('p', null, t.draft.summary) : null,
     t.draft.body ? el('pre', { class: 'td-day__draft' }, t.draft.body) : null) : null;
   const acts = [];
   const canRevise = t && (j.status === 'review' || j.status === 'done') && revs < MAX_REVISIONS;
-  if (t && j.status === 'review' && j.kind === 'approve') acts.push(button({ label: D.approve, variant: 'primary', size: 'sm', disabled: busy, attrs: { 'data-day-act': 'approve' }, onClick: () => decide(ws, t, 'approve') }));
-  if (t && j.kind === 'auto' && (j.status === 'review' || (j.status === 'done' && !t.decided))) acts.push(button({ label: D.approveAuto, size: 'sm', disabled: busy, attrs: { 'data-day-act': 'approve' }, onClick: () => decide(ws, t, 'approve') }));
-  if (canRevise && !ui.revising.has(t.id)) acts.push(button({ label: D.revise, size: 'sm', disabled: busy, attrs: { 'data-day-act': 'revise' }, onClick: () => { ui.revising.add(t.id); rerender(); } }));
-  if (t && j.status === 'failed') acts.push(button({ label: D.retry, variant: 'primary', size: 'sm', disabled: busy, attrs: { 'data-day-act': 'retry' }, onClick: () => decide(ws, t, 'retry') }));
+  if (t && j.status === 'review' && j.kind === 'approve') acts.push(button({ label: tagged(D.approve, 'you'), variant: 'primary', size: 'sm', disabled: busy, attrs: { 'data-day-act': 'approve' }, onClick: () => decide(ws, t, 'approve') }));
+  if (t && j.kind === 'auto' && (j.status === 'review' || (j.status === 'done' && !t.decided))) acts.push(button({ label: tagged(D.approveAuto, 'you'), size: 'sm', disabled: busy, attrs: { 'data-day-act': 'approve' }, onClick: () => decide(ws, t, 'approve') }));
+  if (canRevise && !ui.revising.has(t.id)) acts.push(button({ label: tagged(D.revise, 'agent'), size: 'sm', disabled: busy, attrs: { 'data-day-act': 'revise' }, onClick: () => { ui.revising.add(t.id); rerender(); } }));
+  if (t && j.status === 'failed') acts.push(button({ label: tagged(D.retry, 'agent'), variant: 'primary', size: 'sm', disabled: busy, attrs: { 'data-day-act': 'retry' }, onClick: () => decide(ws, t, 'retry') }));
   acts.push(extLink(D.openConversation, j.link, { 'data-day-link': 'conversation' }));
   if (t && t.draft) acts.push(extLink(D.openDraft, t.draft.link, { 'data-day-link': 'draft' }));
   if (t && t.sent) acts.push(extLink(D.openSent, t.sent.link, { 'data-day-link': 'sent' }));
-  const sid = t && (t.session_id || t.stalled_session);
-  if (sid) acts.push(button({ label: D.openSession, size: 'sm', variant: 'ghost', attrs: { 'data-day-act': 'session' }, onClick: () => openSession({ id: sid, name: 'day-task' }) }));
   let form = null;
   if (t && ui.revising.has(t.id) && canRevise) {
     const f = field({ label: D.noteLabel, kind: 'textarea', value: ui.notes.get(t.id) || '', placeholder: D.noteHint, hideLabel: true, attrs: { maxlength: '500', 'data-day-input': 'note-' + t.id } });
     const ta = f.control;
     ta.addEventListener('input', () => { ui.notes.set(t.id, ta.value); });
     form = el('div', { class: 'td-day__revise', 'data-day': 'revise' }, f, el('div', { class: 'td-day__acts' },
-      button({ label: D.sendNote, variant: 'primary', size: 'sm', disabled: busy, attrs: { 'data-day-act': 'send-note' }, onClick: () => {
+      button({ label: tagged(D.sendNote, 'agent'), variant: 'primary', size: 'sm', disabled: busy, attrs: { 'data-day-act': 'send-note' }, onClick: () => {
         const v = (ui.notes.get(t.id) || '').trim();
         if (!v || v.length > 500) { toast({ text: D.noteNeeded, tone: 'destructive' }); return; }
         decide(ws, t, 'revise', v);
@@ -1028,15 +1028,39 @@ function jobCard(ctx, j) {
     form);
 }
 
+/** The goal of a job is the PM's link mark (PRD L1). The press says what it did, with Undo, like the other marks. */
+function linkPress(ctx, linkId, goalId) {
+  const g = goalId ? ctx.m.allGoals.find((x) => x.id === goalId) : null;
+  return markPress(ctx.ws, linkId, { action: 'link', goal: goalId }, g ? D.linked(g.text) : D.unlinked);
+}
+
+/** What a job says about itself (PRD J1, J3, J4): who acts, where it came from, its goal and, with a session, the way to it. */
+function jobMeta(ctx, j) {
+  const { m } = ctx;
+  const who = whoActs(j);
+  const t = j.task;
+  const sid = t && (t.session_id || t.stalled_session);
+  const known = sid ? (state.sessions || []).find((x) => x && x.id === sid) : null;
+  const name = (known && known.name) || 'day-task';
+  const origin = originOf(j);
+  const pick = goalPicker(m, j.goal, (g) => linkPress(ctx, j.linkId, g), { attrs: { 'data-day-job-goal': j.id } });
+  return el('div', { class: 'td-day__jobmeta', 'data-day': 'jobmeta' },
+    el('p', { class: 'td-day__who2', 'data-day': 'who', 'data-who': who.who }, whoMark(who.who), el('span', null, who.text)),
+    dl([[D.origin.label, el('span', { 'data-day': 'origin', 'data-origin': origin }, D.origin[origin])], [D.goalCtl.label, pick]]),
+    sid ? el('div', { class: 'td-day__acts' }, button({ label: tagged(D.openSessionOf(name), 'you'), size: 'sm', variant: 'ghost', attrs: { 'data-day-act': 'session' },
+      onClick: () => openSession({ id: sid, name }) })) : null);
+}
+
 function jobDetail(ctx, j) {
   const { m } = ctx;
   const n = j.goal ? m.goalNo.get(j.goal) : null;
-  const meets = m.events.filter((e) => e.goal && e.goal === j.goal);
+  const meets = m.events.filter((e) => e.gid && e.gid === j.goal);
   const mention = j.item && j.item.mention;
   return [
     dhead(n ? D.kind.jobGoal(n) : D.kind.job, null),
     j.repo ? el('div', { class: 'td-day__acts' }, repoTag(m, j.repo)) : null,
     jobCard(ctx, j),
+    jobMeta(ctx, j),
     meets.length || mention ? el('div', { class: 'td-day__rel' }, el('h4', null, D.related), el('ul', { class: 'td-day__rows' },
       ...meets.map((e) => relRow(ctx, 'event', e.id, e.title, e.time)),
       mention ? relRow(ctx, 'mention', j.id, j.item.ask || j.title, srcName(j.source)) : null)) : null,
@@ -1048,6 +1072,7 @@ function mentionDetail(ctx, j) {
   const reply = typeof it.reply_needed === 'boolean' ? (it.reply_needed ? D.yes : D.no) : null;
   return [
     dhead(D.kind.mention(srcName(j.source)), it.about || j.title),
+    hasCard(j.source) ? el('div', { class: 'td-day__mcbox', 'data-day': 'mention-card' }, mentionCard(j, srcName(j.source))) : null,
     dl([[D.where, D.fromWho(it.who, it.where)], [D.ask, it.ask || it.why_now || null], [D.reply, reply]]),
     el('div', { class: 'td-day__acts' }, extLink(D.openIn(srcName(j.source)), j.link, { 'data-day-link': 'conversation' }), mentionStatus(j)),
     el('div', { class: 'td-day__rel' }, el('h4', null, D.theJob), el('ul', { class: 'td-day__rows' }, relRow(ctx, 'job', j.id, j.title, '', j))),
@@ -1265,7 +1290,6 @@ function sectionSelector(ctx) {
     { id: 'goals', icon: 'target', label: D.sections.goals, count: openGoals },
     { id: 'jobs', icon: 'list-checks', label: D.sections.jobs, count: m.jobs.length },
     { id: 'mentions', icon: 'text-quote', label: D.sections.mentions, count: m.mentions.length },
-    { id: 'summary', icon: 'bot', label: D.sections.summary, count: null },
   ];
   return tabs({ variant: 'segmented', role: 'tablist', ariaLabel: D.sections.label, value: ui.section, full: true, attrs: { 'data-day': 'section-tabs' },
     items,
@@ -1284,8 +1308,6 @@ function sectionContent(ctx) {
       return jobsPanel(ctx);
     case 'mentions':
       return mentionsPanel(ctx);
-    case 'summary':
-      return summaryPanel(ctx) || note(D.noResult, { 'data-day': 'no-result' });
     default:
       return agenda(ctx);
   }
@@ -1309,7 +1331,7 @@ export function daySection({ ws, setState, openIni, owed, here, all } = {}) {
   }
   const sel = ui.sel;
   const ctx = {
-    ws, m, sel, openIni, reload: () => load(ws), rerender: () => rerender(), select, repoPicker,
+    ws, m, sel, openIni, reload: () => load(ws), rerender: () => rerender(), select, repoPicker, mark: (id, op, said) => markPress(ws, id, op, said),
     showAll: () => { if (setState) setState({ todayScope: 'all' }); },
     cur: (type, id) => { const s = sel || defaultSel(m, ctx.owed); return s.type === type && s.id === String(id) ? 'true' : 'false'; },
     owed: owedItems(owed),