create-pmos 0.115.0 → 0.117.0

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

@@ -1,6 +1,6 @@
 /* pm/today-agenda.js — the Agenda month in the left column of Today (initiative today-goals, PRD G25 to G27).
  *
- *   agendaPanel(ctx, h)      → the panel: the month on top, the agenda of the picked day or week under it; null when the
+ *   agendaPanel(ctx, h)      → the panel: the agenda of the picked day or week (today at first); the month shows above it on the Calendar press; null when the
  *                              server has no agenda route (an older workspace), so the day's calendar list shows instead
  *   meetingDetail(ctx, id)   → the right column for a remembered meeting: what it means, before it, the last time
  *   memoryBlock(id)          → the series part of that detail, for a meeting of today drawn from the brief
@@ -9,7 +9,7 @@
  *
  * One read feeds it: GET /api/proactive/agenda?month=YYYY-MM. The server derives every answer (how full, the key
  * meeting, readiness, no notes); this file only draws them. A day cell is a button: it picks that day. A week number
- * picks the week. The lens switch says which answer the cells show; the agenda under the month always shows them all.
+ * picks the week.
  * The calendar memory changes only through the morning-brief session's brief. The one write here is the PM's key-meeting
  * mark (POST /api/proactive/agenda/mark): this time or every time, key or not key, over what the calendar says.
  * A meeting's detail shows its meeting notes, and an event row a notes chip, from pm/notes-links.js (meeting-notes Run 4);
@@ -18,17 +18,16 @@
 
 import { peopleLinks } from './people-link.js';
 import { el } from './dom.js';
-import { button, iconButton, badge, tabs, toast } from './primitives.js';
+import { button, iconButton, badge, toast } from './primitives.js';
 import { pmGet, pmPost } from './http.js';
 import { COPY } from './today-copy.js';
 import { notesBlock, notesFor } from './notes-links.js';
 
 const A = COPY.day.ag;
-const DAY0 = 9 * 60;
-const SPAN = 9 * 60;
 
 const cache = new Map();   // month -> { data, error, old }
-const ag = { month: null, pick: null, lens: 'overview', showRoutine: false };
+// pick and calOpen are the PM's view of this page only: neither is stored, so a reload opens on today's meetings, month hidden
+const ag = { month: null, pick: null, calOpen: false, showRoutine: false };
 let redraw = () => {};
 let inflight = new Set();
 
@@ -108,60 +107,35 @@ export function litSeries(sel) {
 
 /* ── the month ────────────────────────────────────────────────────────────────────────────────────────────────── */
 
-function strip(day, lens) {
-  const s = el('div', { class: 'td-ag__strip', 'aria-hidden': 'true' });
-  const put = (from, mins, cls) => {
-    const a = Math.max(0, from - DAY0); const b = Math.min(SPAN, from - DAY0 + mins);
-    if (b <= a) return;
-    const n = el('span', { class: cls });
-    n.style.setProperty('--td-ag-l', (a / SPAN * 100).toFixed(2) + '%');
-    n.style.setProperty('--td-ag-w', ((b - a) / SPAN * 100).toFixed(2) + '%');
-    s.append(n);
-  };
-  if (lens === 'free') for (const [a, b] of day.gaps) put(a, b - a, 'td-ag__blk td-ag__blk--free');
-  else for (const e of day.events) { const [h, m] = e.time.split(':').map(Number); put(h * 60 + m, e.minutes, 'td-ag__blk' + (e.imp ? ' td-ag__blk--imp' : '')); }
-  return s;
-}
-
 function readyBadge(day, withWord) {
   if (!day.need) return null;
   return el('span', { class: 'td-ag__ready', 'data-ag-ready': day.ready || 'ok', title: A.readyWord[day.ready || 'ok'] },
     A.readyBadge(day.done, day.need), withWord ? ' ' + A.readyWord[day.ready || 'ok'] : null);
 }
 
-function keyLine(day) {
-  if (!day.key) return null;
-  const e = day.events.find((x) => x.id === day.key);
-  return e ? el('span', { class: 'td-ag__key' }, A.star + ' ' + e.title) : null;
-}
+/** How full a day is, as a step from 0 to 3: the meetings that are not repeating ones. The cell tints by it. */
+const loadOf = (day) => { const n = day.events.filter((e) => !e.routine).length; return n === 0 ? 0 : n === 1 ? 1 : n <= 3 ? 2 : 3; };
 
+/* A2: a cell is the day number, a tint for how many meetings the day has, and a star when it has a key meeting. */
 function cell(data, d, lit) {
   const day = data.days[d];
-  const lens = ag.lens;
-  const kids = [el('span', { class: 'td-ag__num' }, String(Number(d.slice(8))))];
-  if (day.events.length && (lens === 'overview' || lens === 'full' || lens === 'free')) kids.push(strip(day, lens));
-  if (lens === 'overview') {
-    kids.push(keyLine(day));
-    if (day.ready === 'risk' || day.ready === 'warn' || (day.ready === 'ok' && !day.past)) kids.push(readyBadge(day));
-    if (day.past && day.no_notes) kids.push(el('span', { class: 'td-ag__nonotes' }, A.noNotes(day.no_notes)));
-  } else if (lens === 'full') {
-    if (day.busy) kids.push(el('span', { class: 'td-ag__meta' }, A.busy(day.busy)));
-  } else if (lens === 'key') {
-    kids.push(keyLine(day));
-  } else if (lens === 'ready') {
-    kids.push(readyBadge(day, false));
-    if (day.past && day.no_notes) kids.push(el('span', { class: 'td-ag__nonotes' }, A.noNotes(day.no_notes)));
-  } else if (lens === 'free' && !day.weekend) {
-    kids.push(el('span', { class: 'td-ag__meta' }, day.gaps.length ? A.freeBlocks(day.gaps.length) : A.noFree));
-  }
+  const key = day.key ? day.events.find((x) => x.id === day.key) : null;
+  const kids = [el('span', { class: 'td-ag__num' }, String(Number(d.slice(8)))), key ? el('span', { class: 'td-ag__star', 'aria-hidden': 'true' }, A.star) : null];
   const picked = ag.pick && ag.pick.type === 'day' && ag.pick.date === d;
   return button({ label: el('span', { class: 'td-ag__in' }, ...kids.filter(Boolean)), variant: 'ghost', onClick: () => pickDay(d),
-    attrs: { class: 'td-ag__cell', 'data-ag-day': d, 'data-out': day.in_month ? null : 'true', 'data-past': day.past ? 'true' : null, 'data-today': day.today ? 'true' : null,
-      'data-weekend': day.weekend ? 'true' : null, 'data-lit': lit && lit.has(d) ? 'true' : null, 'aria-pressed': picked ? 'true' : 'false', title: A.dayHint(dayLabel(d), day.key ? (day.events.find((e) => e.id === day.key) || {}).title : null) } });
+    attrs: { class: 'td-ag__cell', 'data-ag-day': d, 'data-load': String(loadOf(day)), 'data-key': key ? 'true' : null, 'data-out': day.in_month ? null : 'true', 'data-past': day.past ? 'true' : null, 'data-today': day.today ? 'true' : null,
+      'data-weekend': day.weekend ? 'true' : null, 'data-lit': lit && lit.has(d) ? 'true' : null, 'aria-pressed': picked ? 'true' : 'false', title: A.dayHint(dayLabel(d), key ? key.title : null) } });
 }
 
-function pickDay(d) { ag.pick = { type: 'day', date: d }; ag.showRoutine = false; redraw(); }
-function pickWeek(i) { ag.pick = { type: 'week', i }; ag.showRoutine = false; redraw(); }
+// A3: picking a day (or a week) closes the month and shows its meetings
+function pickDay(d) { ag.pick = { type: 'day', date: d }; ag.showRoutine = false; ag.calOpen = false; redraw(); }
+function pickWeek(i) { ag.pick = { type: 'week', i }; ag.showRoutine = false; ag.calOpen = false; redraw(); }
+function toggleCalendar(data) {
+  ag.calOpen = !ag.calOpen;
+  // closed with no day picked, the meetings are today's: the month goes back to today's month too
+  if (!ag.calOpen && !ag.pick && ag.month && ag.month !== ymOf(data.today)) { ag.month = ymOf(data.today); if (!cache.has(ag.month)) loadMonth(ag.month); }
+  redraw();
+}
 function goMonth(n, data) {
   ag.month = n === 0 ? ymOf(data.today) : shiftMonth(ag.month || data.month, n);
   ag.pick = null;
@@ -175,8 +149,6 @@ function month(data, lit) {
     el('b', { class: 'td-ag__mlabel', 'data-ag': 'month' }, label(data.month + '-01', { month: 'long', year: 'numeric' })),
     iconButton({ icon: 'chevron-right', ariaLabel: A.later, size: 'sm', attrs: { 'data-ag': 'later' }, onClick: () => goMonth(1, data) }),
     ymOf(data.today) !== data.month ? button({ label: A.thisMonth, size: 'sm', variant: 'ghost', attrs: { 'data-ag': 'this-month' }, onClick: () => goMonth(0, data) }) : null);
-  const lens = tabs({ variant: 'segmented', role: 'radiogroup', ariaLabel: A.title, value: ag.lens, attrs: { 'data-ag': 'lens', class: 'td-ag__lens' },
-    items: Object.keys(A.lens).map((k) => ({ id: k, label: A.lens[k] })), onChange: (v) => { ag.lens = v; redraw(); } });
   const wd = el('div', { class: 'td-ag__wk td-ag__wk--head', 'aria-hidden': 'true' }, el('span', null, ''),
     ...data.weeks[0].map((d) => el('span', { class: 'td-ag__wd' }, label(d, { weekday: 'short' }))));
   const rows = data.weeks.map((w, i) => {
@@ -186,8 +158,7 @@ function month(data, lit) {
       button({ label: A.weekNo(n), variant: 'ghost', size: 'sm', onClick: () => pickWeek(i), attrs: { class: 'td-ag__wno', 'data-ag-week': String(n), 'aria-pressed': picked ? 'true' : 'false', title: A.weekHint(n) } }),
       ...w.map((d) => cell(data, d, lit)));
   });
-  return [head, lens, el('p', { class: 'td-day__note', 'data-ag': 'lens-help' }, A.lensHelp[ag.lens]),
-    el('div', { class: 'td-ag__grid', 'data-ag': 'grid', 'data-lens': ag.lens }, wd, ...rows)];
+  return el('div', { class: 'td-ag__month', 'data-ag': 'month-box' }, head, el('div', { class: 'td-ag__grid', 'data-ag': 'grid' }, wd, ...rows));
 }
 
 /* ── the agenda under the month ───────────────────────────────────────────────────────────────────────────────── */
@@ -257,9 +228,12 @@ export function agendaPanel(ctx, h) {
   const lit = litSeries(h.sel);
   const litDays = lit && data.series[lit.key] ? new Set(data.series[lit.key].dates) : null;
   const empty = !data.memory || !data.memory.events;
+  const calendar = button({ label: ag.calOpen ? A.hideCalendar : A.calendar, icon: 'calendar', variant: 'outline', size: 'sm',
+    attrs: { 'data-ag': 'calendar', 'aria-expanded': ag.calOpen ? 'true' : 'false' }, onClick: () => toggleCalendar(data) });
   return h.panel('agenda', null,
-    ...month(data, litDays),
-    litDays ? el('p', { class: 'td-day__note', 'data-ag': 'lit' }, A.lit(lit.title, [...litDays].filter((d) => data.days[d]).length)) : null,
+    el('div', { class: 'td-ag__bar' }, calendar),
+    ag.calOpen ? month(data, litDays) : null,
+    ag.calOpen && litDays ? el('p', { class: 'td-day__note', 'data-ag': 'lit' }, A.lit(lit.title, [...litDays].filter((d) => data.days[d]).length)) : null,
     empty ? el('p', { class: 'td-day__note', 'data-ag': 'empty' }, A.empty) : null,
     agendaOf(data, h));
 }

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

@@ -83,6 +83,22 @@ export const COPY = {
     done: 'Done', drop: 'Drop', reopen: 'Reopen', remove: 'Remove',
     you: 'You', agent: 'Agent', mention: 'mention',
     noStep: 'No step found yet. Press Prepare my day, or open the initiative.',
+    // goals own jobs (initiative today-goals-jobs, PRD G1 to G6)
+    doneWhen: 'Done when', doneWhenHint: 'What does finished look like?', addDoneWhen: 'Add done when',
+    anchor: 'Anchor', anchorHint: 'A KR, or health:<id>', due: 'Due', dueHint: 'For example: Friday',
+    addContext: 'Add context',
+    dueMeta: (d) => `due ${d}`, anchorMeta: (a) => `for ${a}`,
+    closeNote: 'Only your press on Done or Drop closes a goal. The jobs never close it.',
+    jobsTitle: 'Jobs',
+    noJobs: 'No job yet. Type one below, or link a job of the day.',
+    addJob: 'Add a job', addJobHint: 'Type a job and press Enter.',
+    removeJob: 'Remove', jobFull: (max) => `A goal has at most ${max} jobs you type.`,
+    linkJob: 'Link a job of the day', linkJobPick: 'Link a job…', linkNone: 'Every job of the day has a goal.',
+    noGoalTitle: 'Jobs without a goal',
+    noGoalNone: 'Every job has a goal.',
+    linkTo: 'Link to a goal…',
+    linkLabel: (t) => `Goal for: ${t}`,
+    forGoal: (n, text) => `Goal ${n}: ${text}`,
     prepare: 'Prepare',
     queue: 'Queue it',
     prepareShows: (key, branch) => `${key} on ${branch || 'a local branch'}. Queue it to approve this exact prompt.`,
@@ -138,9 +154,9 @@ export const COPY = {
     unreached: 'The workspace did not answer.',
     refused: (why) => `Nothing changed. ${why}`,
     oldServer: 'This workspace server has no day run yet. Only your goals show.',
-    sections: { label: 'Agenda sections', agenda: 'Agenda', goals: 'Goals', jobs: 'Jobs', mentions: 'Mentions', summary: 'Result' },
-    noResult: 'No agent results yet.',
-    panels: { summary: 'Agent results', calendar: 'Calendar', agenda: 'Agenda', jobs: 'Jobs', goals: 'Goals for today', mentions: 'Mentions since yesterday', detail: 'Detail' },
+    sections: { label: 'Agenda sections', agenda: 'Agenda', goals: 'Goals', jobs: 'Jobs', mentions: 'Mentions' },
+    menu: { label: 'More', showAll: 'Show items with no repository' },
+    panels: { calendar: 'Calendar', agenda: 'Agenda', jobs: 'Jobs', goals: 'Goals for today', mentions: 'Mentions since yesterday', detail: 'Detail' },
     summary: (c) => [c.review ? `${c.review} ${c.review === 1 ? 'draft waits' : 'drafts wait'} for you` : null, c.done ? `${c.done} done` : null,
       c.working ? `${c.working} working` : null, c.failed ? `${c.failed} failed` : null].filter(Boolean).join(' · ') || 'No agent job yet.',
     summaryAll: (n) => `All ${n} agent ${n === 1 ? 'job has' : 'jobs have'} a result.`,
@@ -162,10 +178,19 @@ export const COPY = {
     mentionsCount: (n, need) => `${n} · ${need} ${need === 1 ? 'needs' : 'need'} you`,
     all: 'All',
     status2: {
-      waiting: 'waiting', working: 'agent working', review: 'approve', reviewAuto: 'check it', sending: 'sending', sent: 'sent',
-      done: 'done', failed: 'failed', notStarted: 'not started', handled: 'handled', replyNeeded: 'reply needed',
+      waiting: 'To do', working: 'Running', review: 'Needs you', reviewAuto: 'Needs you', sending: 'Running', sent: 'Done',
+      done: 'Done', failed: 'Blocked', notStarted: 'To do', you: 'Needs you', handled: 'handled', replyNeeded: 'reply needed',
     },
     newItem: 'new',
+    // who acts on a job, and what a press does (initiative today-goals-jobs, PRD J1 to J5)
+    who2: { you: 'Waiting on you', youDone: 'You finished it', working: 'Agent is working', queued: 'Waiting for the agent', finished: 'Agent finished' },
+    tag: { you: 'YOU', agent: 'AGENT' },
+    origin: { label: 'Where it came from', goal: 'From a goal step', found: 'Found while preparing', mention: 'From a mention', you: 'Added by you' },
+    goalCtl: { label: 'Goal', none: 'No goal' },
+    linked: (text) => `Linked to the goal: ${text}`,
+    unlinked: 'The job has no goal now.',
+    openSessionOf: (name) => `Open session ↗ ${name}`,
+    result: 'Result',
     pill: { prepare: 'prepare', ready: 'ready', ended: 'ended', notes: 'notes', goal: (n) => `goal ${n}` },
     watched: 'Watched channels, projects and spaces',
     showIgnored: (n) => `Show ${n} ignored`,
@@ -215,6 +240,8 @@ export const COPY = {
     where: 'From',
     yes: 'Yes',
     no: 'No',
+    // a mention drawn as a card of its source (initiative today-goals-jobs, PRD M1): the source line above the message
+    mc: { via: (svc, where) => (where ? `${svc} · ${where}` : svc) },
     fromWho: (who, where) => (who && where ? `${who} in ${where}` : who || where || ''),
     draft: 'The draft',
     approve: 'Approve and let the agent send it',
@@ -303,17 +330,9 @@ export const COPY = {
       weekOf: (n) => `Week ${n}`,
       weekHint: (n) => `Show the agenda of week ${n}`,
       dayHint: (label, key) => `Show the agenda of ${label}${key ? '. Matters most: ' + key : ''}`,
-      lens: { overview: 'Overview', full: 'Full', key: 'Key', ready: 'Prep', free: 'Free' },
-      lensHelp: {
-        overview: 'Each day: how full it is, the meeting that matters and your prep.',
-        full: 'The bar is 09:00 to 18:00. Each block is a meeting. Dark blocks are important.',
-        key: 'The one meeting of the day that matters, when there is one.',
-        ready: 'Prep done out of prep needed. Red: too little free time before the meeting.',
-        free: 'Free blocks of 90 minutes or more.',
-      },
+      calendar: 'Calendar',
+      hideCalendar: 'Hide calendar',
       busy: (min) => (min >= 60 ? `${Math.floor(min / 60)} h${min % 60 ? ' ' + (min % 60) + ' min' : ''}` : `${min} min`),
-      freeBlocks: (n) => `${n} free ${n === 1 ? 'block' : 'blocks'}`,
-      noFree: 'No long free block',
       readyBadge: (done, need) => `${done}/${need}`,
       readyWord: { ok: 'prep done', warn: 'prep left', risk: 'prep at risk' },
       noNotes: (n) => `${n} no notes`,