create-pmos 0.186.0 → 0.188.0

package/workspace/public/pm/c3-demo-boards.js

@@ -196,7 +196,17 @@ export function createStore() {
     'GRO-02': { problem: R({ text: 'Partner admins only log in when something breaks, so they miss new features and usage trends.' }, -1) },
     'OFF-01': { launch: R({ items: [{ id: 'l1', text: 'Three bids compared', done: true }, { id: 'l2', text: 'Legal review of the contract', done: false }, { id: 'l3', text: 'Contract signed', done: false }] }, -3), learnings: R({ items: [{ id: 'n1', text: 'Ask for fixed-price bids first: two of three changed their price after the site visit.', date: D(-6) }] }, -6) },
   };
-  return { boards, rows, asks, releases, events, jira, tasks, records, seq: 0 };
+  /* c3-initiative-lifecycle: a likely duplicate, one on hold, one cancelled, two archived (one merged into IDPF-07) */
+  const L = (id, title, stage, owner, anchor, horizon, status, s, e, progress, extra) => Object.assign(I(id, 'idpf', title, stage, owner, anchor, horizon, status, s, e, progress, 'feature', false), { featured: false }, extra || {});
+  rows.push(
+    L('IDPF-151', 'Guided self-serve setup for new workspaces', 'Discover', 'Lina Kusuma', 'KR 2.1 Activation to 45%', 'next', 'on track', -3, 60, 0.05, { dupOf: 'IDPF-12' }),
+    L('IDPF-152', 'SAML SSO for enterprise trials', 'Plan', 'You', 'KR 3.2 Net revenue retention 115%', 'now', 'on hold', -30, 40, 0.3, { was: 'on track', stopped: { reason: 'Waiting for the Q1 budget decision', at: at(-11, 10), back: D(19) } }),
+    L('IDPF-153', 'Sunset the v1 SDK', 'Build & Deliver', 'You', 'KR 1.3 Partner uptime 99.9%', 'now', 'cancelled', -50, 10, 0.4, { was: 'at risk', stopped: { reason: 'Not worth it now: three partners still on v1', at: at(-6, 10), back: null } }),
+    L('IDPF-154', 'Refresh the marketing site footer', 'Discover', '', 'KR 2.3 WAU partners +20%', 'later', 'on track', -60, -20, 0, { archived: { at: at(-2, 10), by: 'You', reason: 'Not related to this board', into: null, moved: { epics: [], tasks: [] } } }),
+    L('IDPF-155', 'Throttle bursty partner API calls', 'Discover', 'You', 'KR 1.3 Partner uptime 99.9%', 'now', 'on track', -20, 30, 0.05, { archived: { at: at(-4, 10), by: 'You', reason: 'Merged into Partner API rate limits', into: 'IDPF-07', moved: { epics: [], tasks: [] } } }),
+  );
+  tasks.push({ id: 'task-demo-l1', board: 'idpf', initiative: 'IDPF-151', title: 'Sketch the setup checklist', owner: 'Lina Kusuma', state: 'To do', start: D(1), due: D(8), epic: null, kind: 'Task', history: [] });
+  return { boards, rows, asks, releases, events, jira, tasks, records, seq: 0, notDup: [] };
 }
 
 /* ── reads ── */
@@ -205,16 +215,22 @@ const wfOf = (S, r) => r.workflow || boardOf(S, r.board).workflow;
 const catIn = (wf, stage) => ((wf.find((s) => s.name === stage) || {}).cat) || 'Plan';
 const catOfRow = (S, r) => catIn(wfOf(S, r), r.stage);
 const tplEdited = (b) => !INI_TEMPLATES[b.template] || !sameFlow(tplStages(b.template), b.workflow);
-const isOpen = (r) => r.status !== 'done';
+const ACTIVE = ['on track', 'at risk', 'late'];
+const isOpen = (r) => ACTIVE.includes(r.status) && !r.archived;   // on hold, done, cancelled and archived are not open
+const live = (r) => !r.archived;
+const mergedFrom = (S, id) => S.rows.filter((x) => x.archived && x.archived.into === id).map((x) => x.id);
 const nextRelease = (S, bid) => S.releases.filter((x) => x.board === bid && x.date >= TODAY).sort((a, c) => (a.date < c.date ? -1 : 1))[0] || null;
 const openAsks = (S, bid) => S.asks.filter((a) => a.board === bid && a.state === 'open').length;
 function rowOut(S, r) {
   const wf = wfOf(S, r);
   return { id: r.id, title: r.title, lane: r.lane, stage: r.stage, cat: catIn(wf, r.stage), owner: r.owner || null, anchor: r.anchor, horizon: r.horizon, status: r.status, start: r.start, end: r.end, progress: r.progress,
-    warnings: r.warnings.slice(), template: r.template || null, workflow: wf.map((s) => ({ name: s.name, cat: s.cat })), epics: (r.epics || []).slice(), epicsFrom: r.epics ? 'pmos' : null };
+    warnings: r.warnings.slice(), template: r.template || null, workflow: wf.map((s) => ({ name: s.name, cat: s.cat })), epics: (r.epics || []).slice(), epicsFrom: r.epics ? 'pmos' : null,
+    lifecycle: r.stopped ? (r.status === 'on hold' ? 'on-hold' : 'cancelled') : null, stopped: r.stopped ? { ...r.stopped } : null,
+    archived: r.archived ? { ...r.archived, intoTitle: r.archived.into ? (S.rows.find((x) => x.id === r.archived.into) || {}).title || r.archived.into : undefined } : null,
+    mergedFrom: mergedFrom(S, r.id), dupOf: r.dupOf && !r.archived && ACTIVE.includes(r.status) && !(S.notDup || []).includes(r.id + '|' + r.dupOf) ? r.dupOf : null };
 }
 function boardOut(S, b) {
-  const list = S.rows.filter((r) => r.board === b.id);
+  const list = S.rows.filter((r) => r.board === b.id && live(r));
   const byCat = Object.fromEntries(CATS.map((c) => [c, 0]));
   for (const r of list) byCat[catOfRow(S, r)]++;
   const rel = nextRelease(S, b.id);
@@ -224,24 +240,28 @@ function boardOut(S, b) {
     asks: openAsks(S, b.id), nextRelease: rel ? { id: rel.id, name: rel.name, at: rel.date, date: rel.date, status: rel.status } : null };
 }
 const H = { now: 0, next: 1, later: 2 };
-const SS = { late: 0, 'at risk': 1, 'on track': 2, done: 3 };
+const SS = { late: 0, 'at risk': 1, 'on track': 2, 'on hold': 3, done: 4, cancelled: 5 };
 /** The saved view and the search, as the server applies them (the base the facets count). */
 function viewRows(S, b, p) {
   const q = String(p.q || '').trim().toLowerCase();
-  const view = p.view || 'now';
+  const archive = p.archived === '1';
+  const view = archive ? 'all' : (p.view || 'now');
+  const given = !!p.status;   // a status filter overrides the view's own status rule
+  const act = (r) => given || isOpen(r);
   return S.rows.filter((r) => {
-    if (r.board !== b.id) return false;
-    if (view === 'now' && (!['now', 'next'].includes(r.horizon) || !isOpen(r))) return false;
-    if (view === 'mine' && (r.owner !== 'You' || !isOpen(r))) return false;
-    if (view === 'risk' && !['at risk', 'late'].includes(r.status)) return false;
-    if (view === 'noowner' && (r.owner || !isOpen(r))) return false;
+    if (r.board !== b.id || !!r.archived !== archive) return false;
+    if (view === 'now' && (!['now', 'next'].includes(r.horizon) || !act(r))) return false;
+    if (view === 'mine' && (r.owner !== 'You' || !act(r))) return false;
+    if (view === 'risk' && !given && !['at risk', 'late'].includes(r.status)) return false;
+    if (view === 'noowner' && (r.owner || !act(r))) return false;
     if (q && !(r.id + ' ' + r.title + ' ' + r.anchor + ' ' + r.owner).toLowerCase().includes(q)) return false;
     return true;
   });
 }
 /** Then each named filter (a value or a comma list; 'none' for an empty owner or anchor), as scripts/boards.js filterRows does. */
+const asksCancelled = (p) => p.archived === '1' || String(p.status || '').split(',').map((x) => x.trim()).includes('cancelled');
 function filterRows(S, b, p) {
-  return viewRows(S, b, p).filter((r) => {
+  return viewRows(S, b, p).filter((r) => asksCancelled(p) || r.status !== 'cancelled').filter((r) => {
     const has = (want, v) => !want || String(want).split(',').map((x) => x.trim().toLowerCase()).includes(String(v || 'none').toLowerCase());
     return has(p.stage, r.stage) && has(p.cat, catOfRow(S, r)) && has(p.status, r.status) && has(p.owner, r.owner) && has(p.horizon, r.horizon) && has(p.anchor, r.anchor);
   });
@@ -305,14 +325,14 @@ const okb = (body) => ({ status: 200, body: { ok: true, ...body } });
 /** One request. Returns { status, body } or undefined when the path is not a boards route. */
 export function handle(S, method, path, p, body) {
   if (path.startsWith('/api/stage-tools')) return handleTools(S, method, path, p, body || {});
-  if (!path.startsWith('/api/boards')) return handleMore(S, method, path, p);
+  if (!path.startsWith('/api/boards') && path !== '/api/lifecycle') return handleMore(S, method, path, p);
   const findBoard = (ws, id) => { const b = S.boards.find((x) => x.id === id); return b && (!ws || ws === b.ws) ? b : null; };
   if (method === 'GET') {
     if (path === '/api/boards') return okb({ today: TODAY, boards: S.boards.map((b) => boardOut(S, b)) });
     const b = findBoard(p.ws, p.board);
     if (!b && path !== '/api/boards/asks') return fail(404, 'No board "' + (p.board || '') + '" in this workspace.');
     if (path === '/api/boards/board') {
-      const list = S.rows.filter((r) => r.board === b.id);
+      const list = S.rows.filter((r) => r.board === b.id && live(r));
       const byStage = {};
       for (const r of list) byStage[r.stage] = (byStage[r.stage] || 0) + 1;
       const rel = nextRelease(S, b.id);
@@ -324,7 +344,9 @@ export function handle(S, method, path, p, body) {
       const list = sortRows(S, filterRows(S, b, p), p.sort);
       const base0 = viewRows(S, b, p);
       const offset = Math.max(0, Number(p.offset) || 0); const limit = Math.min(100, Math.max(1, Number(p.limit) || 25));
-      return okb({ view: p.view || 'now', total: list.length, offset, limit, rows: list.slice(offset, offset + limit).map((r) => rowOut(S, r)),
+      return okb({ view: p.archived === '1' ? 'all' : p.view || 'now', total: list.length, offset, limit, rows: list.slice(offset, offset + limit).map((r) => rowOut(S, r)),
+        cancelledHidden: asksCancelled(p) ? 0 : S.rows.filter((r) => r.board === b.id && live(r) && r.status === 'cancelled').length,
+        archived: p.archived === '1' ? list.length : S.rows.filter((r) => r.board === b.id && r.archived).length,
         facets: { stage: tally(base0, (r) => r.stage), status: tally(base0, (r) => r.status), owner: tally(base0, (r) => r.owner || 'none'), horizon: tally(base0, (r) => r.horizon),
           anchor: tally(base0, (r) => r.anchor || 'none'), cat: tally(base0, (r) => catOfRow(S, r)) } });
     }
@@ -348,7 +370,7 @@ export function handle(S, method, path, p, body) {
       return okb({ board: b.id, anchors: [...krs, ...health], error: null });
     }
     if (path === '/api/boards/items') {
-      const list = S.rows.filter((r) => r.board === b.id);
+      const list = S.rows.filter((r) => r.board === b.id && live(r));
       return okb({ board: b.id, build: b.build, jira: b.jira, items: itemsOf(S, b),
         initiatives: list.map((r) => { const o = rowOut(S, r); return { id: o.id, title: o.title, stage: o.stage, cat: o.cat, status: o.status, owner: o.owner, horizon: o.horizon, start: o.start, end: o.end, progress: o.progress, template: o.template, featured: r.featured }; }) });
     }
@@ -369,6 +391,49 @@ export function handle(S, method, path, p, body) {
   }
   /* POST */
   const ws = body.ws;
+  if (path === '/api/lifecycle') {
+    // D70 in the demo: on-hold, cancelled or active (the server writes one lifecycle.jsonl line; here the row changes in memory)
+    const r = S.rows.find((x) => x.id === body.initiative_id);
+    if (!r) return fail(404, "no initiative '" + (body.initiative_id || '') + "' in demo");
+    if (!['on-hold', 'cancelled', 'closed', 'active'].includes(body.state)) return fail(400, 'state must be one of closed, on-hold, cancelled, active');
+    if (body.back != null && (body.state !== 'on-hold' || !/^\d{4}-\d{2}-\d{2}$/.test(String(body.back)))) return fail(400, 'back is a day (YYYY-MM-DD) and only goes with on-hold');
+    if (!r.stopped) r.was = r.status;
+    if (body.state === 'active') { r.status = r.was || 'on track'; r.stopped = null; }
+    else { r.status = body.state === 'on-hold' ? 'on hold' : body.state === 'closed' ? 'done' : 'cancelled'; r.stopped = { reason: String(body.reason || ''), at: at(0, 8), back: body.back || null }; }
+    S.events.push({ at: at(0, 8), by: 'You', kind: 'lifecycle', id: r.id, state: body.state, reason: body.reason || '' });
+    return okb({ recorded: { initiative_id: r.id, state: body.state } });
+  }
+  if (path === '/api/boards/archive' || path === '/api/boards/merge' || path === '/api/boards/notdup') {
+    const bb = findBoard(ws, body.board);
+    if (!bb) return fail(404, 'No board "' + (body.board || '') + '" in this workspace.');
+    const on = (id) => S.rows.find((x) => x.id === id && x.board === bb.id);
+    const r = on(body.id);
+    if (!r) return fail(404, 'no initiative ' + (body.id || '') + ' on this board');
+    if (path === '/api/boards/notdup') { S.notDup.push(r.id + '|' + body.of); return okb({}); }
+    if (path === '/api/boards/archive') {
+      if (typeof body.archived !== 'boolean') return fail(400, 'archived is true (archive) or false (restore)');
+      if (body.archived && r.archived) return fail(409, r.id + ' is archived already');
+      if (!body.archived && !r.archived) return fail(409, r.id + ' is not archived');
+      if (!body.archived && r.archived.into) {
+        const t = on(r.archived.into); const mv = r.archived.moved || { epics: [], tasks: [] };
+        if (t && mv.epics.length) { t.epics = (t.epics || []).filter((k) => !mv.epics.includes(k)); r.epics = [...new Set([...(r.epics || []), ...mv.epics])]; }
+        for (const tk of S.tasks) if (mv.tasks.includes(tk.id) && tk.initiative === r.archived.into) tk.initiative = r.id;
+      }
+      r.archived = body.archived ? { at: at(0, 8), by: 'You', reason: String(body.reason || ''), into: null, moved: { epics: [], tasks: [] } } : null;
+      S.events.push({ at: at(0, 8), by: 'You', kind: body.archived ? 'archive' : 'restore', board: bb.id, id: r.id });
+      return okb({ row: rowOut(S, r) });
+    }
+    const t = on(body.into);
+    if (body.id === body.into) return fail(400, 'an initiative cannot be merged into itself');
+    if (!t) return fail(404, 'no initiative ' + (body.into || '') + ' on this board (an initiative merges into one on the same board)');
+    if (r.archived) return fail(409, r.id + ' is archived already');
+    const epics = (body.epics || []).filter((k) => (r.epics || []).includes(k)); const tks = (body.tasks || []).filter((id) => S.tasks.some((x) => x.id === id && x.initiative === r.id));
+    if (epics.length) { t.epics = [...new Set([...(t.epics || []), ...epics])]; r.epics = (r.epics || []).filter((k) => !epics.includes(k)); }
+    for (const tk of S.tasks) if (tks.includes(tk.id)) tk.initiative = t.id;
+    r.archived = { at: at(0, 8), by: 'You', reason: 'Merged into ' + t.title, into: t.id, moved: { epics, tasks: tks } };
+    S.events.push({ at: at(0, 8), by: 'You', kind: 'merge', board: bb.id, id: r.id, into: t.id });
+    return okb({ row: rowOut(S, r), into: rowOut(S, t) });
+  }
   if (path === '/api/boards/create') {
     const name = String(body.name || '').trim();
     if (!name) return fail(400, 'A board needs a name.');
@@ -667,7 +732,7 @@ export function installBoards() {
       const raw = typeof input === 'string' ? input : input instanceof URL ? input.href : input && input.url;
       const method = String((init && init.method) || (input && input.method) || 'GET').toUpperCase();
       const u = new URL(raw, location.origin);
-      if (u.origin === location.origin && (u.pathname.startsWith('/api/boards') || u.pathname.startsWith('/api/stage-tools') || u.searchParams.has('board') || u.pathname.startsWith('/api/doc'))) {
+      if (u.origin === location.origin && (u.pathname.startsWith('/api/boards') || u.pathname === '/api/lifecycle' || u.pathname.startsWith('/api/stage-tools') || u.searchParams.has('board') || u.pathname.startsWith('/api/doc'))) {
         let b = {};
         if (method !== 'GET') { try { b = init && init.body ? JSON.parse(init.body) : {}; } catch { b = {}; } }
         const out = handle(S, method, u.pathname, Object.fromEntries(u.searchParams), b);

package/workspace/public/pm/c3-demo-focus.js

@@ -4,7 +4,9 @@
  * context chips, the room's last lines, three PMOS notes and two it is holding, the captured items and a Google Slides deck.
  * Whatever meeting the page asks for, the demo answers with this one. GET /api/meeting-focus/now (the compact page of the Chrome extension) names it too;
  * the Meet code NONE_CODE answers "no meeting fits" with three of the day's meetings as choices, so that path can be walked. A correction (set, add, park) and a question change the answer
- * for the rest of the page's life; nothing is saved and nothing reaches the server. Real mode never loads this file. */
+ * for the rest of the page's life; nothing is saved and nothing reaches the server. Real mode never loads this file.
+ * A read by note alone (the phone's focus for a recording that is not on the calendar) answers with a corridor talk: Budi asks about the SSO copy.
+ * focusNote is the live note the phone's Note sheet shows (the shape of GET /api/notes/one). */
 
 const DAY = '2026-10-08';
 const at = (hm) => Date.parse(DAY + 'T' + hm + ':00');
@@ -108,9 +110,45 @@ export function focusGet(path, url) {
     const a = S.asks.find((x) => x.id === q.get('id'));
     return a ? { ok: true, id: a.id, state: 'answered' } : { ok: false, status: 404, error: 'no such question' };
   }
+  const q = new URL(url, location.origin).searchParams;
+  if (!q.get('event') && q.get('note')) return talkView(q.get('note'));
   return view();
 }
 
+/* a recording that is not on the calendar: started 40 seconds ago, no topics, no brief, no stage */
+const TALK_AT = NOW - 40000;
+const TALK_TAIL = [['Budi', 12000, 'Does the SSO copy need legal to look at it first?'], ['You', 26000, 'I think so. Let me check.']]
+  .map(([who, t, text]) => ({ who, at: new Date(TALK_AT + t).toISOString(), t, text, source: who === 'You' ? 'mic' : 'meeting' }));
+function talkView(noteId) {
+  const id = String(noteId);
+  const notes = [{ id: 't0', at: TALK_AT + 30000, cat: 'Answer', heard: '"Does the SSO copy need legal to look at it first?" Budi', body: 'Yes. Since the 2 Oct policy change, legal reviews all login copy. The last review took 3 working days.',
+    why: 'Budi asked, and the beta date depends on it.', src: 'the legal policy page in Confluence', show: 'now' }].concat(S.extra);
+  return {
+    ok: true, now_ms: NOW, date: DAY, talk: true,
+    event: { id: 'note:' + id, title: 'Conversation', at: new Date(TALK_AT).toISOString(), end: null, attendees: [], initiative: null, purpose: null, links: [] },
+    brief: null, note: { id, title: 'Conversation', state: 'recording', recorded_from: new Date(TALK_AT).toISOString(), lines: 2, sessions: [{ from: new Date(TALK_AT).toISOString(), to: null }] },
+    topics: [], current: null, runs: [], tail: TALK_TAIL, captured: { decisions: [], actions: [], questions: [] },
+    gist: 'Budi is asking whether the SSO copy needs a legal check before the Onboarding v2 beta.',
+    chips: [{ label: 'SSO copy', sub: 'last edited by Budi, Fri 9 Oct', detail: 'The sign-in screen copy, 4 strings. Last edited by Budi on Fri 9 Oct. Not yet reviewed by legal.', from: 'IDPF-12 in Jira' },
+      { label: 'Onboarding v2 beta', sub: 'in 18 days', detail: 'Beta on 30 Oct, 18 days away. At risk: QA is one tester short, and a scope cut waits on you today.', from: 'IDPF-12 and your decisions' }],
+    notes, asks: S.asks.map((a) => ({ ...a })),
+    companion: { on: true, running: false, started: false, reason: 'too soon', last_run_at: NOW - 10000, error: null },
+  };
+}
+
+/** The live note of the focus page's recording, for the phone's Note sheet: the shape of GET /api/notes/one, with live bullets. */
+export function focusNote(id, data) {
+  const talk = !!(data && data.talk);
+  const tail = talk ? TALK_TAIL : TAIL;
+  const speakers = { mic: 'You' };
+  for (const x of tail) if (x.who !== 'You') speakers['meeting:' + x.who] = x.who;
+  return { ok: true, note: { id, title: talk ? 'Conversation' : EVENT.title, state: 'recording', speakers,
+    transcript: tail.map((x) => ({ t: x.t, at: x.at, source: x.who === 'You' ? 'mic' : 'meeting:' + x.who, text: x.text })),
+    bullets: talk ? [{ id: 0, cat: 'question', text: 'Does the SSO copy need a legal check before the beta?' }]
+      : [{ id: 0, cat: 'decision', text: 'Option B needs 30 days notice; the partner agreement allows it' }, { id: 1, cat: 'action', text: 'Chen sends the per-partner numbers to Lina' },
+        { id: 2, cat: 'question', text: 'Can a partner buy a temporary higher tier during the grace window?' }] } };
+}
+
 /** POST /api/meeting-focus/topic and POST /api/meeting-focus/ask: they change the demo's answer and nothing else. */
 export function focusPost(path, body) {
   let b = {};

package/workspace/public/pm/c3-focus.css

@@ -198,3 +198,56 @@
 .c3focus.fc-pop:not([data-fc-state="ok"]) .fc-cv, .c3focus.fc-pop:not([data-fc-state="ok"]) .fc-foot { display: none; }
 .c3focus.fc-pop.fc-pill .fc-popbody { display: none; }
 .c3focus.fc-pop.fc-pill .fc-page { padding: 6px 10px; justify-content: center; }
+
+/* phone mode (initiative c3-phone-companion, mockup version 5): the full page in one column. A head with Back to your day, the title and the
+ * clock, the bar of the talk; the now line and the chips that open sheets; What's being said; the conversation; Ask PMOS quietly and Stop at the foot. */
+.c3focus.fc-phone { overflow: hidden; }
+.c3focus.fc-phone .fc-page { display: flex; flex-direction: column; gap: 8px; height: 100%; max-width: none; margin: 0; padding: 8px 12px 0; }
+.c3focus.fc-phone .fc-phd { display: grid; gap: 6px; flex: 0 0 auto; }
+.c3focus.fc-phone .fc-phid { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; align-items: center; }
+.c3focus.fc-phone .fc-phid .ib { width: 36px; height: 36px; min-width: 0; padding: 0; }
+.c3focus.fc-phone .fc-tt { gap: 0; }
+.c3focus.fc-phone .fc-tt h1 { font-size: var(--fs-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.c3focus.fc-phone .fc-sub { font-size: var(--fs-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.c3focus.fc-phone .fc-phclk { display: grid; justify-items: end; }
+.c3focus.fc-phone .fc-phclk b { font-size: var(--fs-3); font-weight: 600; font-variant-numeric: tabular-nums; }
+.c3focus.fc-phone .fc-phclk .fc-recd b { color: var(--destructive); }
+.c3focus.fc-phone .fc-phclk .dim { font-size: var(--fs-1); font-variant-numeric: tabular-nums; }
+.c3focus.fc-phone .fc-phnow { display: grid; gap: 6px; flex: 0 0 auto; min-width: 0; }
+.c3focus.fc-phone .fc-nowt { flex-wrap: nowrap; }
+.c3focus.fc-phone .fc-nowt b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.c3focus.fc-phone .fc-nowt .ki, .c3focus.fc-phone .fc-nowt .mono { flex: none; }
+.c3focus.fc-phone .fc-phchips { display: flex; gap: 6px; flex-wrap: wrap; row-gap: 4px; }
+.c3focus.fc-phone .fc-phchips .chip2 { flex: none; font-size: var(--fs-2); min-height: 30px; }
+.c3focus.fc-phone .fc-bandwrap { flex: 0 0 auto; }
+.c3focus.fc-phone .fc-gist { padding: 8px 10px; }
+.c3focus.fc-phone .fc-gist p { font-size: var(--fs-2); }
+.c3focus.fc-phone .fc-gl { display: block; margin: 0 0 2px; }
+.c3focus.fc-phone .fc-cxs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
+.c3focus.fc-phone .fc-cx { flex: none; max-width: 80%; }
+.c3focus.fc-phone .fc-cv { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; max-height: none; overflow: auto; }
+.c3focus.fc-phone .fc-tk { padding: 6px 10px; }
+.c3focus.fc-phone .fc-s2 { overflow: visible; padding: 6px 8px; }
+.c3focus.fc-phone .fc-x { display: grid; opacity: 1; }
+.c3focus.fc-phone .fc-acts2 button { min-height: 36px; }
+.c3focus.fc-phone .fc-phft { display: flex; gap: 8px; align-items: center; flex: 0 0 auto; margin: 0 -12px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--border); background: var(--background); }
+.c3focus.fc-phone .fc-in { flex: 1 1 auto; min-width: 0; padding: 0; border: 0; }
+.c3focus.fc-phone .fc-in input { height: 40px; font-size: 16px; }
+.c3focus.fc-phone .fc-phact { flex: none; display: flex; }
+.c3focus.fc-phone .fc-phact button { min-height: 40px; }
+.c3focus.fc-phone:not([data-fc-state="ok"]) .fc-cv, .c3focus.fc-phone:not([data-fc-state="ok"]) .fc-phft { display: none; }
+[data-fc="stop-sheet"] .fc-p, [data-fc="note-sheet"] .fc-p { margin: 0 0 var(--sp-2); font-size: var(--fs-3); line-height: 1.5; }
+[data-fc="stop-sheet"] .iacts { display: flex; gap: 8px; flex-wrap: wrap; }
+[data-fc="note-sheet"] { display: grid; gap: var(--sp-2); }
+[data-fc="note-sheet"] .fc-said { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: var(--fs-2); line-height: 1.5; }
+[data-fc="note-sheet"] .fc-lbl { font-size: var(--fs-1); padding-bottom: 4px; }
+[data-fc="note-sheet"] .fc-note { margin: 0; font-size: var(--fs-1); }
+/* the stage, when the phone opens it in a sheet (outside .c3focus) */
+[data-shell="sheet"] [data-fc="stage"] .fc-frame { margin-top: var(--sp-2); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--muted); aspect-ratio: 16 / 9; width: 100%; }
+[data-shell="sheet"] [data-fc="stage"] .fc-frame iframe { display: block; width: 100%; height: 100%; border: 0; background: var(--card); }
+[data-shell="sheet"] [data-fc="stage"] .fc-strip { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: var(--sp-2) 0 0; }
+[data-shell="sheet"] [data-fc="stage"] .fc-src { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-1); margin: 0; }
+[data-shell="sheet"] [data-fc="stage"] .fc-grow { flex: 1 1 auto; }
+[data-shell="sheet"] [data-fc="stage"] .fc-card { display: flex; gap: var(--sp-2); align-items: center; margin-top: var(--sp-2); padding: var(--sp-2); border: 1px solid var(--border); border-radius: 8px; background: var(--card); flex-wrap: wrap; }
+[data-shell="sheet"] [data-fc="stage"] .fc-card .nb { display: grid; gap: 2px; flex: 1 1 160px; min-width: 0; overflow-wrap: anywhere; }
+[data-shell="sheet"] [data-fc="stage"] .seg { flex-wrap: wrap; }