create-pmos 0.496.0 → 0.498.0

package/workspace/public/pm/ini-edit.js

@@ -9,8 +9,11 @@
  *                              dashed Dates chip) and ⋯ right after the dates (StA8Desk)
  *   ticketHtml(k, o)           an unlinked Jira ticket's open row: the same, with Open the ticket in place of ⋯ (its place is Jira's)
  *   plusHtml(sec, id, o)       the + on an open stage's header: "New task in <stage>" (StA5Add)
- *   addHtml(sec, id)           the field at the top of that stage's list, with an optional Dates chip
- *   press(b, d, root, H, e)    a press this file owns → true: a title (opens the row), ⋯ and its menu, the +, the field's Dates chip
+ *   addHtml(sec, id)           the field at the top of that stage's list, and one chip row under it (batch 25 item 5, canvas
+ *                              TaskAddChips): Stage (the stage the + opened in; a picker of the initiative's workflow stages), Type (Task
+ *                              or Milestone: a milestone's box is ◇ and its Dates chip takes one date), Dates, Owner. Only what the task
+ *                              model stores: stage, milestone, start, due, owner
+ *   press(b, d, root, H, e)    a press this file owns → true: a title (opens the row), ⋯ and its menu, the +, the field's chips
  *   wire(body)                 once per body: the name field (Enter or blur saves, Esc closes), the add field (Enter adds and stays open),
  *                              a press outside the open row closes it, and the drag (StA10Drag): a grip on hover on a desktop, a long press
  *                              on the title on a phone; the target stage lights up and a blue line shows where the task lands
@@ -29,14 +32,15 @@ const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({ '&':
 const SVG = (d, w = 16, sw = 1.8) => `<svg aria-hidden="true" width="${w}" height="${w}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round"><path d="${d}"/></svg>`;
 const P = {
   more: 'M5 12h.01M12 12h.01M19 12h.01', plus: 'M12 5v14M5 12h14', check: 'M5 12l5 5 9-10', down: 'M7 10l5 5 5-5', right: 'M10 7l5 5-5 5', left: 'M14 7l-5 5 5 5',
-  dia: 'M12 4l8 8-8 8-8-8z', cal: 'M4 5h16v15H4zM8 3v4M16 3v4M4 10h16', grip: 'M9 6h.01M15 6h.01M9 12h.01M15 12h.01M9 18h.01M15 18h.01',
+  dia: 'M12 4l8 8-8 8-8-8z', stage: 'M12 3l9 5-9 5-9-5zM3 13l9 5 9-5', box: 'M6 5h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z',
+  who: 'M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21c1-4 4-6 8-6s7 2 8 6', cal: 'M4 5h16v15H4zM8 3v4M16 3v4M4 10h16', grip: 'M9 6h.01M15 6h.01M9 12h.01M15 12h.01M9 18h.01M15 18h.01',
   open: 'M14 4h6v6M20 4l-9 9M18 14v6H4V6h6', bin: 'M5 7h14M10 7V4h4v3M7 7l1 13h8l1-13',
 };
 
 /* ── what is open, per initiative ── */
 const OPEN = new Map();     // initiative id → the uid of the row open in place
 const ADD = new Map();      // initiative id → the stage key whose + field is open
-const ADD_D = new Map();    // initiative id → { start, due } the add field's Dates chip picked
+const ADD_D = new Map();    // initiative id → what the add field's chips picked: { start, due, section, ms, owner } (batch 25 item 5)
 const STAGES = new Map();   // initiative id → [{ key, name }] the stages a task can move to
 const VIEW = new Map();     // initiative id → the view the List drew last (the drag reads its stages' tasks)
 export const openOf = (id) => OPEN.get(id) || '';
@@ -94,14 +98,41 @@ export function plusHtml(sec, id, o) {
   return `<button type="button" class="iv-ib iv-plus${on ? ' on' : ''}" data-iv-plus="${esc(sec.key || '')}" data-nm="${esc(nm)}" aria-pressed="${on}" aria-label="${esc('New task in ' + nm)}" title="${esc('New task in ' + nm)}">${SVG(P.plus, 16, 2.2)}</button>`;
 }
 const mdIso = (iso) => { const n = TV.dn(iso); return n == null ? '' : TV.md(n); };
+const initials = (n) => String(n || '').split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0].toUpperCase()).join('') || '?';
+/** The add field's picks: the stage it adds into (the + it opened from, unless the Stage chip changed it) and that stage's name. */
+function addTo(id, own, nm) {
+  const D = ADD_D.get(id) || {};
+  return D.section != null && D.section !== own ? { key: D.section, name: stageName(id, D.section) } : { key: own, name: nm };
+}
+/** The chip row under the add field (TaskAddChips): Stage, Type, Dates, Owner. A chip with nothing picked is dashed. */
+function chipsHtml(id, D, to) {
+  const ms = !!D.ms;
+  const dt = ms ? mdIso(D.due) : D.start || D.due ? [mdIso(D.start), mdIso(D.due)].filter(Boolean).join(' – ') : '';
+  const car = SVG(P.down, 12, 2.2);
+  const stage = `<button type="button" class="iv-edc iv-adc on" data-iv-addst aria-haspopup="menu" aria-expanded="false" aria-label="${esc('Stage: ' + to.name + '. Change')}" title="Stage">${SVG(P.stage, 14, 2)}<b>${esc(to.name)}</b>${car}</button>`;
+  const type = `<button type="button" class="iv-edc iv-adc${ms ? ' ms' : ''}" data-iv-addty aria-haspopup="menu" aria-expanded="false" aria-label="${esc('Type: ' + (ms ? 'Milestone' : 'Task') + '. Change')}" title="Task or milestone">${SVG(ms ? P.dia : P.box, 14, 2)}${ms ? 'Milestone' : 'Task'}${car}</button>`;
+  const dates = `<button type="button" class="iv-edc iv-edd${dt ? '' : ' dash'}" data-iv-adddt data-s="${esc(ms ? '' : D.start || '')}" data-e="${esc(D.due || '')}" data-f="${ms ? 'due' : 'start'}"${ms ? ' data-one="1"' : ''} aria-haspopup="dialog" aria-label="${esc(dt ? (ms ? 'Date: ' : 'Dates: ') + dt + '. Change' : ms ? 'Date, optional' : 'Dates, optional')}" title="${ms ? 'Date, optional' : 'Dates, optional'}">${SVG(P.cal, 14, 2)}${esc(dt || (ms ? 'Date' : 'Dates'))}</button>`;
+  const owner = D.owner
+    ? `<button type="button" class="iv-edc iv-adc" data-iv-addow aria-haspopup="menu" aria-expanded="false" aria-label="${esc('Owner: ' + D.owner + '. Change')}" title="Owner"><span class="iv-av" aria-hidden="true">${esc(initials(D.owner))}</span>${esc(D.owner)}</button>`
+    : `<button type="button" class="iv-edc iv-adc dash" data-iv-addow aria-haspopup="menu" aria-expanded="false" aria-label="Owner, optional: you when none is picked" title="Owner, optional">${SVG(P.who, 14, 2)}Owner</button>`;
+  return stage + type + dates + owner;
+}
+const addBox = (ms) => (ms ? `<span class="iv-adms" aria-hidden="true">${SVG(P.dia, 20, 2)}</span>` : '<span class="iv-cb" aria-hidden="true"></span>');
 export function addHtml(sec, id) {
   if (addOf(id) !== (sec.key || '')) return '';
-  const nm = sec.name || 'Not in a stage', D = ADD_D.get(id) || {};
-  const dt = D.start || D.due ? [mdIso(D.start), mdIso(D.due)].filter(Boolean).join(' – ') : '';
-  return `<form class="iv-addf iv-addin" data-esc-layer data-iv-addin="${esc(sec.key || '')}" data-nm="${esc(nm)}"><span class="iv-cb" aria-hidden="true"></span>`
-    + `<input type="text" data-iv-addinp maxlength="200" autocomplete="off" placeholder="${esc('New task in ' + nm)}" aria-label="${esc('New task in ' + nm)}">`
+  const own = sec.key || '', nm = sec.name || 'Not in a stage', D = ADD_D.get(id) || {}, to = addTo(id, own, nm);
+  return `<form class="iv-addf iv-addin" data-esc-layer data-iv-addin="${esc(own)}" data-nm="${esc(nm)}">${addBox(D.ms)}`
+    + `<input type="text" data-iv-addinp maxlength="200" autocomplete="off" placeholder="${esc('New task in ' + to.name)}" aria-label="${esc('New task in ' + to.name)}">`
     + `<button type="submit" class="iv-go" aria-label="Add the task" title="Add (Enter). Esc closes.">${SVG(P.check, 16, 2.2)}</button></form>`
-    + `<div class="iv-addd"><button type="button" class="iv-edc iv-edd${dt ? '' : ' dash'}" data-iv-adddt data-s="${esc(D.start || '')}" data-e="${esc(D.due || '')}" data-f="start" aria-label="${esc(dt ? 'Dates: ' + dt + '. Change' : 'Dates, optional')}" title="Dates, optional">${SVG(P.cal, 14, 2)}${esc(dt || 'Dates')}</button></div>`;
+    + `<div class="iv-addd">${chipsHtml(id, D, to)}</div>`;
+}
+/** The names an owner can be: You first, then everyone who owns a task of this initiative. */
+function ownersOf(id) {
+  const v = VIEW.get(id), out = new Set(['You']);
+  for (const s of (v && v.tasks && v.tasks.sections) || []) for (const c of s.stages || [s]) {
+    for (const x of [...(c.top || []), ...(c.groups || []).flatMap((g) => g.rows), ...(c.done || [])]) if (x.owner && !x.jkey) out.add(x.owner);
+  }
+  return [...out];
 }
 
 /* ── the writes (Undo in the host's toast) ── */
@@ -173,9 +204,11 @@ export function press(b, d, root, H, e) {
   }
   if ('ivAdddt' in d) {
     e.preventDefault(); TOUCHED = Date.now();
-    TV.datePop(b, '', { dates: (u, p) => { ADD_D.set(id, { ...(ADD_D.get(id) || {}), ...p }); const f = b.closest('.iv-wl'); redrawAdd(f, id); } });
+    const list = b.closest('.iv-wl');
+    TV.datePop(b, '', { dates: (u, p) => { ADD_D.set(id, { ...(ADD_D.get(id) || {}), ...p }); redrawAdd(list, id); } });
     return true;
   }
+  if ('ivAddst' in d || 'ivAddty' in d || 'ivAddow' in d) { e.preventDefault(); TOUCHED = Date.now(); addMenu(b, d, id); return true; }
   if (d.ivMore) { e.preventDefault(); TOUCHED = Date.now(); moreMenu(b, d.ivMore, id, v, H); return true; }
   if (b.closest('.iv-ed')) TOUCHED = Date.now();
   return false;
@@ -192,14 +225,43 @@ function focusLater(root, sel, select) {
   };
   if (typeof requestAnimationFrame === 'function') requestAnimationFrame(go); else go();
 }
-/** The add field's Dates chip again, after a pick, without a redraw (the typed words stay). */
+/** The add field's chips, box and placeholder again after a pick, without a redraw (the typed words stay). */
 function redrawAdd(list, id) {
-  const f = list && list.querySelector('.iv-addd'); if (!f) return;
-  const D = ADD_D.get(id) || {}, dt = [mdIso(D.start), mdIso(D.due)].filter(Boolean).join(' – '), c = f.querySelector('[data-iv-adddt]');
-  if (!c) return;
-  c.dataset.s = D.start || ''; c.dataset.e = D.due || ''; c.classList.toggle('dash', !dt);
-  c.setAttribute('aria-label', dt ? 'Dates: ' + dt + '. Change' : 'Dates, optional');
-  c.innerHTML = SVG(P.cal, 14, 2) + esc(dt || 'Dates');
+  const f = list && list.querySelector('[data-iv-addin]'), row = list && list.querySelector('.iv-addd'); if (!f || !row) return;
+  const D = ADD_D.get(id) || {}, to = addTo(id, f.dataset.ivAddin, f.dataset.nm);
+  row.innerHTML = chipsHtml(id, D, to);
+  const box = f.firstElementChild; if (box && box.tagName === 'SPAN') box.outerHTML = addBox(D.ms);
+  const inp = f.querySelector('[data-iv-addinp]');
+  if (inp) { inp.placeholder = 'New task in ' + to.name; inp.setAttribute('aria-label', 'New task in ' + to.name); }
+}
+/** The Stage, Type and Owner chips' pickers, right under the chip. A pick changes only the add field; nothing is saved until ✓. */
+function addMenu(b, d, id) {
+  const list = b.closest('.iv-wl'), f = list && list.querySelector('[data-iv-addin]'); if (!f) return;
+  const D = ADD_D.get(id) || {}, set = (p) => { ADD_D.set(id, { ...(ADD_D.get(id) || {}), ...p }); redrawAdd(list, id); const n = list.querySelector('[data-iv-addinp]'); if (n) n.focus({ preventScroll: true }); };
+  const item = (attr, on, inner) => `<button type="button" role="menuitemradio" class="o${on ? ' hl' : ''}" aria-checked="${on}" ${attr}><span class="ck" aria-hidden="true">${on ? SVG(P.check, 14, 2.4) : ''}</span>${inner}</button>`;
+  if ('ivAddst' in d) {
+    const to = addTo(id, f.dataset.ivAddin, f.dataset.nm).key;
+    let n = 0;
+    const html = `<div class="tkc-pop ivq-m ive-m" role="menu" aria-label="Stage">` + (STAGES.get(id) || []).map((s) => item(`data-ive-to="${esc(s.key)}"`, s.key === to, `${s.key ? `<span class="nn" aria-hidden="true">${++n}</span>` : ''}<span>${esc(s.name)}</span>`)).join('') + '</div>';
+    TV.openPop(b, html, (o) => { if (o.dataset.iveTo == null) return; TV.closePop(); set({ section: o.dataset.iveTo }); });
+    return;
+  }
+  if ('ivAddty' in d) {
+    const html = `<div class="tkc-pop ivq-m ive-m" role="menu" aria-label="Task or milestone">` + item('data-ive-ty="task"', !D.ms, `<span class="nn ic" aria-hidden="true">${SVG(P.box, 14, 2)}</span><span>Task</span>`)
+      + item('data-ive-ty="ms"', !!D.ms, `<span class="nn ic" aria-hidden="true">${SVG(P.dia, 14, 2)}</span><span>Milestone</span><span class="k">one date</span>`) + '</div>';
+    TV.openPop(b, html, (o) => {
+      const t = o.dataset.iveTy; if (!t) return; TV.closePop();
+      // a milestone has one date: the due day (or the start, when only a start was picked)
+      if (t === 'ms') set({ ms: true, due: D.due || D.start || '', start: '' }); else set({ ms: false });
+    });
+    return;
+  }
+  const names = ownersOf(id), cur = D.owner || '';
+  const html = `<div class="tkc-pop ivq-m ive-m" role="menu" aria-label="Owner">` + names.map((nm) => item(`data-ive-ow="${esc(nm === 'You' ? '' : nm)}"`, nm === 'You' ? !cur : nm === cur, `<span class="iv-av" aria-hidden="true">${esc(nm === 'You' ? 'Y' : initials(nm))}</span><span>${esc(nm)}</span>`)).join('')
+    + `<hr><form class="tkc-new ive-own"><input type="text" maxlength="80" placeholder="Someone else" aria-label="Owner's name" autocomplete="off"></form></div>`;
+  const el = TV.openPop(b, html, (o) => { if (o.dataset.iveOw == null) return; TV.closePop(); set({ owner: o.dataset.iveOw }); });
+  const form = el.querySelector('.ive-own');
+  if (form) form.addEventListener('submit', (e) => { e.preventDefault(); const v = form.querySelector('input').value.trim(); if (!v) return; TV.closePop(); set({ owner: v }); });
 }
 /** ⋯ of the open row (StA2bMore): Milestone (or Make it a plain task), Move to a stage, Open the task card (Open the ticket on a Jira row),
  *  Delete (only where the task can be deleted; never a Jira row). Move to a stage turns the menu into the workflow's stages, ← goes back. */
@@ -256,9 +318,10 @@ export function wire(body) {
     if (f.dataset.ivRenf != null) { const inp = f.querySelector('[data-iv-ren]'), id = idOf(); OPEN.delete(id); if (!save(inp) && H().redraw) H().redraw(); return; }
     const inp = f.querySelector('[data-iv-addinp]'), t = inp ? inp.value.trim() : '', id = idOf();
     if (!t || !H().addTask) return;
-    const D = ADD_D.get(id) || {};
+    // the chips' picks (batch 25 item 5): the stage, a milestone with its one date, the owner (none: you)
+    const D = ADD_D.get(id) || {}, to = addTo(id, f.dataset.ivAddin, f.dataset.nm);
     inp.disabled = true;
-    Promise.resolve(H().addTask(t, inp, { section: f.dataset.ivAddin, name: f.dataset.nm, ...(D.start ? { start: D.start } : {}), ...(D.due ? { due: D.due } : {}) })).then(() => {
+    Promise.resolve(H().addTask(t, inp, { section: to.key, name: to.name, ...(D.start && !D.ms ? { start: D.start } : {}), ...(D.due ? { due: D.due } : {}), ...(D.ms ? { milestone: true } : {}), ...(D.owner ? { owner: D.owner } : {}) })).then(() => {
       // Enter keeps the field open for the next one (StA5Add)
       ADD_D.delete(id);
       const n = body.querySelector('[data-iv-addinp]'); if (n) { if (n === inp) n.value = ''; n.disabled = false; n.focus({ preventScroll: true }); }

package/workspace/public/pm/ini-tasks.js

@@ -157,10 +157,15 @@ const tkTitle = (t) => `<button type="button" class="iv-tt" data-ig-tk="${esc(t.
 /** A task linked to a Jira ticket it names (ini-view-model.js linkOf): the key once, in blue, then the rest of its title, the same in the List,
  *  the Timeline and the Kanban (class lk). A key PMOS has not read stays plain text in the title (0.442.0 hotfix). */
 export function keyName(x) {
-  if (!x.jkey) return esc(x.title);
+  if (!x.jkey) return prefixName(x.title);
   const rest = String(x.title || '').replace(new RegExp('[\\[(]?\\b' + x.jkey + '\\b[\\])]?\\s*[:\u2013\u2014-]?\\s*'), '').trim();
   return `<em class="lk">${esc(x.jkey)}</em>${rest ? ' ' + esc(rest) : ''}`;
 }
+/** A title that starts with a short prefix ("Bus shelter: Confirm QR placement") keeps it, quieter (batch 25 item 4, canvas TaskNamesWrap). */
+export function prefixName(t) {
+  const m = /^([^:]{1,32}):\s+(\S[\s\S]*)$/.exec(String(t == null ? '' : t));
+  return m && m[1].trim().split(/\s+/).length <= 4 && !/\/\/|\d{1,2}$/.test(m[1]) ? `<span class="iv-pf">${esc(m[1])}: </span>${esc(m[2])}` : esc(t);
+}
 /** The Jira mark of a linked task, in place of its box: the status square the ticket rows draw (To do, In progress, Done). Jira owns the
  *  status, so it marks nothing here. */
 export const jqMark = (x) => `<span class="iv-jq ig-sq ${x.closed ? 'done' : x.prog ? 'doing' : 'todo'}${mvCls(x.jmove)}" role="img" aria-label="${esc('Jira ' + x.jkey + ': ' + (movingOf(x.jmove) ? 'moving to ' + x.status : x.jst || x.status))}" title="${esc('Jira · ' + (movingOf(x.jmove) ? 'moving to ' + x.status : x.jst || x.status))}"></span>`;

package/workspace/public/pm/ini-view-model.js

@@ -302,7 +302,9 @@ export function iniView(r, ctx = {}) {
   // what waits on the PM: the track's, else the trail's (the Board merges the trail into the track; Home reads the row as sent)
   const you = t.you || (it.you && it.you.text) || null, youKind = t.youKind || (it.you && it.you.kind) || null, youWhy = t.youWhy || (it.you && it.you.why) || '';
   let wait = null;
-  if (ctx.ask && ctx.ask.title) wait = { text: '“' + ctx.ask.title + '” needs your answer.', say: 'Can you answer “' + ctx.ask.title + '”? I’ll carry on once you do.', primary: { act: 'ask', label: 'Answer: ' + ctx.ask.title } };
+  // Claude's ✦ proposal for a blocked step (batch 25 item 6): what it will do, for the PM to approve; never a bare question
+  if (ctx.ask && ctx.ask.propose && ctx.ask.propose.say) wait = { text: '✦ ' + ctx.ask.propose.say, say: '✦ ' + ctx.ask.propose.say + ' Shall I go ahead?', primary: { act: 'ask', label: '✦ ' + ctx.ask.propose.label } };
+  else if (ctx.ask && ctx.ask.title) wait = { text: '“' + ctx.ask.title + '” needs your answer.', say: 'Can you answer “' + ctx.ask.title + '”? I’ll carry on once you do.', primary: { act: 'ask', label: 'Answer: ' + ctx.ask.title } };
   else if (you && youKind) wait = { text: youWhy, primary: youKind === 'drift' && it.links && it.links.prd ? { act: 'doc:' + it.links.prd, label: 'Open the PRD' } : youKind === 'commit' ? { act: 'commit', label: 'Send to Jira' } : { act: 'page', label: you } };
   else if (you) { const opn = tk.filter((k) => k.status !== 'Done').length; wait = { text: opn ? plural(opn, 'ticket is', 'tickets are') + ' still open, so the sign-off can wait until they close.' : 'Every release ticket is done.', primary: { act: 'page', label: you } }; }
   else if (ctx.grill && ctx.grill.open && !ctx.grill.later) wait = { text: 'PMOS asks what the BRD needs that the Why does not say yet.', primary: { act: 'grill', label: 'Answer the questions' } };

package/workspace/public/pm/ini-view.css

@@ -1193,12 +1193,24 @@ html.ad-still .mi-svg * { animation: none !important; }
 /* ── a task changed where it sits in the List (batch 18 item 16, agreed A; canvas In development St*) ──
  * One line per task (StA1Rows): the box, the title, its days at the right (a phone: the due day only), the owner's face on a desktop. A title
  * press opens the row in place (StA2Edit): the name field, then one quiet line: status, Start – Due, ⋯ right after the dates (StA8Desk). */
-.iv-tr.q { align-items: center; position: relative; box-sizing: border-box; }
-.iv-tr.q .iv-bxw { align-self: center; }
-.iv-tr.q > .w { flex-direction: row; align-items: center; gap: 10px; min-width: 0; }
-.iv-tr.q .iv-tn { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; }
-.iv-tr.q .iv-tt { display: block !important; flex: 0 1 auto; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; font-weight: 600; }
-.iv-tr.q .iv-rm { flex: none; display: inline-flex; align-items: center; gap: 0; min-height: 0; max-width: 55%; white-space: nowrap; }
+/* batch 25 item 4 (canvas TaskNamesWrap, agreed A): a task's name is never cut. It wraps onto as many lines as it needs; its days stay at the
+ * right of the first line in a narrower column; a narrow panel puts them under the name. The prefix ("Bus shelter:") stays, quieter. */
+.iv-tr.q { align-items: flex-start; position: relative; box-sizing: border-box; padding: 11px 0 !important; }
+.iv-tr.q .iv-bxw { align-self: flex-start; margin-top: 2px; }
+.iv-tr.q > .w { flex-direction: row; align-items: flex-start; gap: 10px; min-width: 0; }
+.iv-tr.q .iv-tn { flex: 1; min-width: 0; display: flex; align-items: flex-start; gap: 6px; }
+.iv-tr.q .iv-tt { display: block !important; flex: 0 1 auto; text-align: left; white-space: normal; overflow-wrap: anywhere; min-width: 0; font-weight: 600; line-height: 22px; }
+.iv-tr.q .iv-tn > :not(.iv-tt) { margin-top: 4px; }
+.iv-tr.q .iv-rm { flex: none; display: inline-flex; align-items: center; gap: 0; min-height: 22px; max-width: 40%; white-space: nowrap; }
+.iv-pf { color: var(--cz-ink3); font-weight: 700; }
+@container iv (max-width: 520px) {
+  .iv-tr.q > .w { flex-direction: column; gap: 0; }
+  .iv-tr.q .iv-rm { max-width: 100%; flex-wrap: wrap; white-space: normal; }
+  .iv-tr.q .iv-rm .iv-dc { margin-left: 0 !important; padding-left: 0 !important; }
+  .iv-tr.q .iv-dst { display: inline; }
+  /* the days sit under the name: their wider press area (a phone) reaches down, not up over the name */
+  .iv-tr.q .iv-rm .iv-dc::after { top: 0; }
+}
 .iv-tr.q .iv-dc { margin: 0 !important; white-space: nowrap; }
 .iv-dms { display: inline-flex; margin-right: 4px; color: var(--cz-ink2); }
 .iv-rav { width: 24px; height: 24px; margin-left: 10px; background: var(--cz-well); color: var(--cz-ink2); }
@@ -1246,7 +1258,19 @@ html.ad-still .mi-svg * { animation: none !important; }
 .iv-addin { margin: 0 -14px 0 -46px; padding: 10px 14px 4px 46px; background: var(--cz-bluebg); gap: 10px; }
 .iv-addin .iv-cb { margin-top: 0 !important; border-style: solid; }
 .iv-addin input { border: 1.5px solid var(--cz-blue); }
-.iv-addd { margin: 0 -14px 0 -46px; padding: 4px 14px 12px 46px; background: var(--cz-bluebg); }
+.iv-addd { margin: 0 -14px 0 -46px; padding: 4px 14px 12px 46px; background: var(--cz-bluebg); display: flex; flex-wrap: wrap; gap: 8px; }
+/* the add field's chips (batch 25 item 5, canvas TaskAddChips): Stage (picked, blue), Type, Dates, Owner; a milestone's box is ◇ */
+.iv .iv-adc { gap: 5px; }
+.iv .iv-adc.on { color: var(--cz-blueink) !important; box-shadow: 0 0 0 1.5px var(--cz-blue); }
+.iv .iv-adc.on b { font-weight: 700; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
+.iv .iv-adc.ms { color: var(--cz-blueink) !important; }
+.iv .iv-adc .iv-av { width: 20px; height: 20px; font-size: 11px; }
+.iv-adms { width: 20px; height: 20px; flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--cz-blue); }
+.tkc.ivq .ive-m .nn { width: 22px; height: 20px; border-radius: 7px; background: var(--cz-well); font-size: 11px; font-weight: 800; color: var(--cz-ink3); display: inline-flex; align-items: center; justify-content: center; flex: none; }
+.tkc.ivq .ive-m .nn.ic { background: transparent; color: var(--cz-ink2); }
+.tkc.ivq .ive-m .o.hl .nn:not(.ic) { background: var(--cz-bluebg); color: var(--cz-blueink); }
+.tkc.ivq .ive-m .iv-av { width: 22px; height: 22px; border-radius: 50%; background: var(--cz-well); color: var(--cz-ink2); font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex: none; }
+.tkc.ivq .ive-own { padding: 4px 6px 6px; }
 /* the drag (StA10Drag): the row lifts and follows the pointer; its slot stays as a dashed ghost; the target stage lights up; a blue line marks the drop */
 .iv-tr.iv-ghost { outline: 1.5px dashed color-mix(in srgb, var(--cz-ink3) 50%, var(--cz-card)); outline-offset: -2px; opacity: .55; }
 .iv-fly { position: fixed; z-index: 1001; left: var(--fly-x, 0); top: var(--fly-y, 0); width: var(--fly-w, 320px); pointer-events: none; background: var(--cz-card); border-radius: 12px; padding: 7px 12px !important;

package/workspace/public/pm/premium-board.js

@@ -1142,8 +1142,8 @@ function openTask(r, k) {
 async function addTask(r, title, section, dates, name) {
   const body = { ws: r.ws || M.board.ws, board: r.boardId || M.board.id };
   // dates: a gap's + (batch 11 item 13) fills the task's start and due with the gap's days ahead; section: the stage it goes under (the
-  // add route places it, batch 18 item 16)
-  const res = await pmPost('/api/boards/tasks/add', { ...body, initiative: r.id, title, ...(dates && dates.start ? { start: dates.start } : {}), ...(dates && dates.due ? { due: dates.due } : {}), ...(section ? { section } : {}) }).catch(() => null);
+  // add route places it, batch 18 item 16); the add field's chips also send milestone and owner in it (batch 25 item 5)
+  const res = await pmPost('/api/boards/tasks/add', { ...body, initiative: r.id, title, ...(dates && dates.start ? { start: dates.start } : {}), ...(dates && dates.due ? { due: dates.due } : {}), ...(dates && dates.milestone ? { milestone: true } : {}), ...(dates && dates.owner ? { owner: dates.owner } : {}), ...(section ? { section } : {}) }).catch(() => null);
   if (!res || res.ok === false) { say((res && res.error) || 'The task was not added.'); return false; }
   const uid = res.item && res.item.uid;
   // the + on a stage (batch 18 item 16, StA5Add): "Added to Build" with Undo

package/workspace/stage-card-tasks-test.js

@@ -135,15 +135,16 @@ const TICKETS = [{ key: 'IDPF-3387', title: 'Refactor the AppAuthService', statu
     const b1 = row('task-b1'), b4 = row('task-b4'), d1 = row('task-d1'), b2 = row('task-b2');
     const tt = b1 && b1.querySelector('.iv-tt').getBoundingClientRect(), dc = b1 && b1.querySelector('.iv-dc').getBoundingClientRect();
     return {
-      oneLine: !!(tt && dc && Math.abs((tt.top + tt.height / 2) - (dc.top + dc.height / 2)) < 6 && b1.getBoundingClientRect().height <= 52),
-      phoneDue: b1 && b1.querySelector('.iv-dc').innerText.trim(), startHidden: !vis(b1 && b1.querySelector('.iv-dst')),
+      // batch 25 item 4 (TaskNamesWrap, agreed A): a narrow panel puts the days under the full name, start and due
+      under: !!(tt && dc && dc.top >= tt.bottom - 2 && Math.abs(dc.left - tt.left) < 8), wraps: !!(b1 && getComputedStyle(b1.querySelector('.iv-tt')).whiteSpace === 'normal'),
+      phoneDue: b1 && b1.querySelector('.iv-dc').innerText.trim(), startShown: vis(b1 && b1.querySelector('.iv-dst')),
       undated: b4 && !b4.querySelector('.iv-dc'), ms: d1 && d1.querySelector('.iv-dc').innerText.trim(), msTitleGlyph: !!(d1 && d1.querySelector('.iv-tn .iv-ms')), msIcon: !!(d1 && d1.querySelector('.iv-dc .iv-dms svg')),
       plus: [...document.querySelectorAll('#czViewer .iv-plus')].map((b) => b.getAttribute('aria-label')), headPlus: !!document.querySelector('#czViewer .iv-th [data-iv-add]'),
       jira: b2 && !!b2.querySelector('.iv-jq.ig-sq') && !b2.querySelector('[data-iv-check]'),
       grips: [...document.querySelectorAll('#czViewer .iv-grip')].filter(vis).length,
     };
   });
-  ok('S1 a phone row is one line: the title, its due day at the right (the start hidden)', R1.oneLine && R1.phoneDue === 'Nov 6' && R1.startHidden, JSON.stringify(R1));
+  ok('S1 a phone row: the whole title (it wraps, never cut), its days under it, start and due (batch 25 item 4)', R1.under && R1.wraps && /Nov 6$/.test(R1.phoneDue || '') && R1.startShown, JSON.stringify(R1));
   ok('S1 a row with no dates shows none (zero is silence)', R1.undated, JSON.stringify(R1));
   ok('S1 a milestone row says "◇ Nov 14", its ◇ once (not after the title)', R1.ms === 'Nov 14' && R1.msIcon && !R1.msTitleGlyph, JSON.stringify(R1));
   ok('S1 each open stage has its own icon-only + ("New task in …"); the Tasks header has none', R1.plus.join('|') === 'New task in Build|New task in Deliver' && !R1.headPlus, JSON.stringify(R1));

package/workspace/test-lists/chat-turn-end.json

@@ -0,0 +1,9 @@
+{
+  "_comment": "Batch 25 item 3: a finished chat turn re-reads what the Viewer shows, with no manual refresh (pm/chat-turn-end.js, home-chat.js, home-app.js). Pure builder plus the wiring.",
+  "modules": [
+    "chat-turn-end.test.js"
+  ],
+  "seconds": {
+    "chat-turn-end.test.js": 1
+  }
+}

package/workspace/test-lists/git-identity.json

@@ -0,0 +1,5 @@
+{
+  "_comment": "feedback batch 25 item 1: a hosted product repository with no git author identity gets the PM's from the other hosted repositories (lib/git-identity.js).",
+  "modules": ["git-identity.test.js"],
+  "seconds": { "git-identity.test.js": 2 }
+}