create-pmos 0.106.0 → 0.108.0

package/workspace/test-files.json

@@ -42,6 +42,7 @@
     "doc-category.test.js",
     "doc-category-corrections.test.js",
     "notes-highlight.test.js",
+    "notes-page.test.js",
     "notes-conflicts.test.js",
     "proactive-prepare.test.js",
     "learn.test.js",
@@ -149,6 +150,7 @@
     "doc-category.test.js": 1,
     "doc-category-corrections.test.js": 1,
     "notes-highlight.test.js": 1,
+    "notes-page.test.js": 1,
     "notes-conflicts.test.js": 1,
     "proactive-prepare.test.js": 9,
     "learn.test.js": 3,
@@ -206,7 +208,7 @@
     "pm-r29-filespad-test.js": 5,
     "pm-r29-newsession-alignment-test.js": 8,
     "pm-live-notes-test.js": 24,
-    "pm-notes-menu-test.js": 8,
+    "pm-notes-menu-test.js": 10,
     "pm-r30-test.js": 4,
     "ui-test.js": 30,
     "plan-items.test.js": 1,

package/workspace/test-lists/meeting-notes.json

@@ -1,5 +1,5 @@
 {
-  "_comment": "meeting-notes Runs 1 to 10: the Notes engine and routes (notes.test.js), local Whisper, line labels and repository checks (notes-listen.test.js), the final pass after Stop and the Wispr Flow fetch (notes-final.test.js), Qwen3-ASR kept loaded (notes-qwen.test.js), and the Notes view in a browser (pm-notes-test.js).",
+  "_comment": "meeting-notes Runs 1 to 10: the Notes engine and routes (notes.test.js), local Whisper, line labels and repository checks (notes-listen.test.js), the final pass after Stop and the Wispr Flow fetch (notes-final.test.js), Qwen3-ASR kept loaded (notes-qwen.test.js), and the Notes view in a browser (pm-notes-test.js), plus the note pop-up patched in place while it listens (pm-note-dock-test.js).",
   "modules": [
     "notes.test.js",
     "notes-listen.test.js",
@@ -7,13 +7,15 @@
     "notes-qwen.test.js"
   ],
   "panels": [
-    "pm-notes-test.js"
+    "pm-notes-test.js",
+    "pm-note-dock-test.js"
   ],
   "seconds": {
     "notes.test.js": 12,
     "pm-notes-test.js": 40,
     "notes-listen.test.js": 10,
     "notes-final.test.js": 6,
-    "notes-qwen.test.js": 4
+    "notes-qwen.test.js": 4,
+    "pm-note-dock-test.js": 20
   }
 }

package/workspace/third-party/README.md

@@ -12,7 +12,7 @@ The workspace runs with no network (D62). Two third-party browser files are comm
 | Package | Version | Licence | Tarball | Tarball sha256 | Shipped file |
 |---|---|---|---|---|---|
 | sortablejs | 1.15.7 | MIT | https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.7.tgz | `66cbfc8fa18860783584fe0c346baf6cbf3399da72d23d21053425ba232abed4` | `public/vendor/Sortable.min.js`: an unmodified copy of `package/Sortable.min.js` (45 478 bytes, sha256 `bf4241bc73fef7f11c59a283a69fe8051cdd31c6d8ff5a2b9ba219e7831fcf76`; npm integrity `sha512-Kk8wLQPlS+yi1ZEf48a4+fzHa4yxjC30M/Sr2AnQu+f/MPwvvX9XjZ6OWejiz8crBsLwSq8GHqaxaET7u6ux0A==`) |
-| lucide-static | 1.52.0 | ISC, plus the Feather MIT notice | https://registry.npmjs.org/lucide-static/-/lucide-static-1.52.0.tgz | `4d2aa079171e4eba4c704844b8b0c9edb6e4cfb2fb8bd86f7b14353994f04a87` | `public/vendor/lucide-sprite.js`: generated by `build-lucide-sprite.js` (21 404 bytes, sha256 `b97ca7eba4a6f6d29614c41d3b050c96df67d77b36a5db5ee175b830d003edfc`). It holds 61 icons: grip-vertical, plus, check, square, square-check-big, x, undo-2, flag, bot, chevron-right, chevron-down, ellipsis, circle-alert, history, arrow-up, arrow-down, diamond, then the eight the frame's chrome draws (Run 3): settings, search, refresh-cw, chevron-left, sun, moon, arrow-left, arrow-right, then globe, columns-2, arrow-up-down and arrow-left-right for the dock strip's web, split and orientation chips (Run 3, C6), then panel-top, panel-left, maximize-2, minimize-2, git-branch and clock for the dock's icon controls and session rows (0.54.2), then bold, italic, code, link, type, heading, list, list-checks, text-quote, file-code, git-compare, cloud and share-2 for the document tab's in-place editor, its Confluence copy and its connections, then house, target, square-kanban, file-text, square-terminal, calendar and chart-column for the phone's tab bar and view switches, then users, git-merge, mail, message-square, ticket and ban for the People place's nav icon, merge button and interaction sources |
+| lucide-static | 1.52.0 | ISC, plus the Feather MIT notice | https://registry.npmjs.org/lucide-static/-/lucide-static-1.52.0.tgz | `4d2aa079171e4eba4c704844b8b0c9edb6e4cfb2fb8bd86f7b14353994f04a87` | `public/vendor/lucide-sprite.js`: generated by `build-lucide-sprite.js` (23 263 bytes, sha256 `6866d7d284f4f09139daa9f31cff28c4cc56b6c008aa0b58e6ee0e61907aac2f`). It holds 67 icons: grip-vertical, plus, check, square, square-check-big, x, undo-2, flag, bot, chevron-right, chevron-down, ellipsis, circle-alert, history, arrow-up, arrow-down, diamond, then the eight the frame's chrome draws (Run 3): settings, search, refresh-cw, chevron-left, sun, moon, arrow-left, arrow-right, then globe, columns-2, arrow-up-down and arrow-left-right for the dock strip's web, split and orientation chips (Run 3, C6), then panel-top, panel-left, maximize-2, minimize-2, git-branch and clock for the dock's icon controls and session rows (0.54.2), then bold, italic, code, link, type, heading, list, list-checks, text-quote, file-code, git-compare, cloud and share-2 for the document tab's in-place editor, its Confluence copy and its connections, then house, target, square-kanban, file-text, square-terminal, calendar and chart-column for the phone's tab bar and view switches, then users, git-merge, mail, message-square, ticket and ban for the People place's nav icon, merge button and interaction sources, then notebook-pen, mic, pause, play, highlighter and circle-dot for the Notes place, the Record button and the highlight |
 
 The licences are in this folder: [sortablejs-1.15.7.LICENSE](sortablejs-1.15.7.LICENSE) and [lucide-static-1.52.0.LICENSE](lucide-static-1.52.0.LICENSE). The sprite also carries the lucide licence text as its first comment.
 

package/workspace/public/pm/view-notes-menu.js

@@ -1,317 +0,0 @@
-/* pm/view-notes-menu.js — the Notes menu: all notes grouped by initiative (Run 11, R47).
- *
- * Two-column layout:
- *   left      all notes grouped by initiative; click an initiative title to collapse/expand;
- *             click a note to open its detail on the right
- *   right     the note detail (same single column as the full-screen note, Run 7)
- */
-
-import { el, setChildren } from './dom.js';
-import { askConfirm } from './dialogs.js';
-import { pmGet, pmPost } from './http.js';
-import { icon } from './icons.js';
-import { button, iconButton, empty, toast, ensureComponentsCss } from './primitives.js';
-import * as viewNotes from './view-notes.js';
-
-ensureComponentsCss();
-
-let cache = new Map();
-let list = null;
-let selectedId = null;
-let expandedInitiatives = new Set();
-
-async function loadList() {
-  const r = await pmGet('/api/notes');
-  if (r && r.ok) {
-    list = { notes: r.notes || [] };
-  } else {
-    list = { notes: [], error: (r && r.error) || 'the notes could not be read' };
-  }
-  return list;
-}
-
-async function loadNote(id) {
-  const r = await pmGet('/api/notes/one?id=' + encodeURIComponent(id));
-  if (r && r.ok) {
-    cache.set(id, r.note);
-    return r.note;
-  }
-  return null;
-}
-
-function groupByInitiative(notes) {
-  const groups = {};
-  notes.forEach((n) => {
-    // a note's initiative is a link object ({ id, title, by }), never a bare string
-    const key = n.initiative ? (n.initiative.title || n.initiative.id) : '(no initiative)';
-    if (!groups[key]) groups[key] = [];
-    groups[key].push(n);
-  });
-  return Object.entries(groups).sort((a, b) => {
-    if (a[0] === '(no initiative)') return 1;
-    if (b[0] === '(no initiative)') return -1;
-    return a[0].localeCompare(b[0]);
-  });
-}
-
-function renderNoteRow(note, isSelected, onClick) {
-  // the list row carries summary_lines (up to three plain lines); its `summary` is only a has-a-summary flag
-  const summaryText = (note.summary_lines || []).slice(0, 2).join(' ').substring(0, 60);
-
-  return el('div', {
-    class: 'nt-menu-row' + (isSelected ? ' nt-menu-row--selected' : ''),
-    'data-nt-menu-row': note.id,
-    onClick,
-  },
-    el('div', { class: 'nt-menu-row-title' }, note.title || 'Untitled note'),
-    el('div', { class: 'nt-menu-row-date' }, new Date(note.updated_at).toLocaleDateString()),
-    summaryText && el('div', { class: 'nt-menu-row-summary' }, summaryText),
-  );
-}
-
-/** The note's summary as plain text: the agent's markdown, else the local overview lines. */
-function summaryOf(note) {
-  if (note.agent && note.agent.markdown) return String(note.agent.markdown);
-  const ov = note.summary && note.summary.sections && note.summary.sections.overview;
-  return Array.isArray(ov) ? ov.map((x) => String((x && x.text) || '')).filter(Boolean).join('\n') : '';
-}
-
-function renderLeftPanel(notes, selectedId, onSelectNote, onToggleInitiative) {
-  const groups = groupByInitiative(notes);
-
-  return el('div', { class: 'nt-menu-left' },
-    ...groups.map(([initiative, initiativeNotes]) => {
-      const isExpanded = expandedInitiatives.has(initiative);
-      return el('div', { class: 'nt-menu-group' },
-        el('div', {
-          class: 'nt-menu-group-title',
-          onClick: () => onToggleInitiative(initiative),
-        },
-          icon(isExpanded ? 'chevron-down' : 'chevron-right', { class: 'nt-menu-group-icon' }),
-          el('span', {}, initiative),
-        ),
-        isExpanded && el('div', { class: 'nt-menu-group-items' },
-          ...initiativeNotes.map((note) =>
-            renderNoteRow(note, note.id === selectedId, () => onSelectNote(note.id)),
-          ),
-        ),
-      );
-    }),
-  );
-}
-
-// the cockpit calls renderBoard(inner, ctx) and ignores what it returns: the view draws into `inner`
-export function renderBoard(inner, ctx) {
-  ensureComponentsCss();
-  const root = el('div', { class: 'nt-menu' });
-  inner.appendChild(root);
-
-  async function render() {
-    if (!list) await loadList();
-    const note = selectedId ? cache.get(selectedId) : null;
-
-    const leftPanel = renderLeftPanel(
-      list.notes || [],
-      selectedId,
-      async (id) => {
-        selectedId = id;
-        await loadNote(id);
-        render();
-      },
-      (initiative) => {
-        if (expandedInitiatives.has(initiative)) {
-          expandedInitiatives.delete(initiative);
-        } else {
-          expandedInitiatives.add(initiative);
-        }
-        render();
-      },
-    );
-
-    const rightPanel = note
-      ? await (async () => {
-          try {
-            const noteModule = await import('./view-notes.js');
-            // Parse sections from the note's data
-            let actions = [];
-            let decisions = [];
-            let questions = [];
-            let highlights = [];
-            let conflicts = [];
-            if (note.final_state) {
-              if (note.final_state.actions) actions = note.final_state.actions;
-              if (note.final_state.decisions) decisions = note.final_state.decisions;
-              if (note.final_state.questions) questions = note.final_state.questions;
-            }
-            if (note.highlights) highlights = note.highlights;
-            if (note.conflicts) conflicts = note.conflicts;
-
-            const parts = [];
-
-            // Header with title, date, initiative, and action buttons
-            parts.push(
-              el('div', { class: 'nt-detail-header' },
-                el('div', { class: 'nt-detail-title-bar' },
-                  el('div', { class: 'nt-detail-title' }, note.title || 'Untitled note'),
-                  el('div', { class: 'nt-detail-actions-bar' },
-                    iconButton({ icon: 'play', ariaLabel: 'Resume recording', attrs: { class: 'nt-detail-resume' } }),
-                    el('div', { class: 'nt-menu-dots' },
-                      iconButton({ icon: 'more-vertical', ariaLabel: 'More options', attrs: { class: 'nt-detail-more' } })
-                    )
-                  )
-                ),
-                el('div', { class: 'nt-detail-meta' },
-                  el('span', { class: 'nt-detail-date' }, new Date(note.updated_at).toLocaleDateString()),
-                  note.initiative && el('span', { class: 'nt-detail-initiative' }, typeof note.initiative === 'string' ? note.initiative : (note.initiative.title || note.initiative.id)),
-                ),
-              )
-            );
-
-            // Summary/Overview
-            parts.push(
-              el('div', { class: 'nt-detail-summary' },
-                el('h3', { class: 'nt-detail-section-title' }, 'Overview'),
-                note.summary
-                  ? el('div', { class: 'nt-detail-summary-text' }, note.summary)
-                  : el('p', { class: 'nt-hint' }, 'No summary yet'),
-              )
-            );
-
-            // Conflicts section
-            if (conflicts && conflicts.length > 0) {
-              parts.push(
-                el('div', { class: 'nt-detail-conflicts' },
-                  el('h3', { class: 'nt-detail-section-title' }, `Conflicts (${conflicts.length})`),
-                  el('div', { class: 'nt-detail-conflicts-list' },
-                    ...conflicts.map((conflict) =>
-                      el('div', { class: 'nt-detail-conflict-item' },
-                        el('div', { class: 'nt-conflict-text' }, conflict.text || ''),
-                        el('div', { class: 'nt-conflict-details' },
-                          conflict.file && el('span', { class: 'nt-conflict-file' }, conflict.file),
-                          iconButton({ icon: 'eye', ariaLabel: 'Review conflict', attrs: { class: 'nt-conflict-review' } })
-                        )
-                      )
-                    )
-                  )
-                )
-              );
-            }
-
-            // Highlights section
-            if (highlights && highlights.length > 0) {
-              parts.push(
-                el('div', { class: 'nt-detail-highlights' },
-                  el('h3', { class: 'nt-detail-section-title' }, `Highlights (${highlights.length})`),
-                  el('div', { class: 'nt-detail-highlights-list' },
-                    ...highlights.map((h) =>
-                      el('div', { class: 'nt-detail-highlight-item' },
-                        el('div', { class: 'nt-highlight-text' }, h.text || ''),
-                        el('div', { class: 'nt-highlight-meta' },
-                          el('span', { class: 'nt-highlight-label' }, h.label || ''),
-                          h.timestamp && el('span', { class: 'nt-highlight-time' }, h.timestamp),
-                          iconButton({ icon: 'play', ariaLabel: 'Play audio', attrs: { class: 'nt-highlight-play' } })
-                        )
-                      )
-                    )
-                  )
-                )
-              );
-            }
-
-            // Decisions section
-            if (decisions && decisions.length > 0) {
-              parts.push(
-                el('div', { class: 'nt-detail-decisions' },
-                  el('h3', { class: 'nt-detail-section-title' }, `Decisions (${decisions.length})`),
-                  el('div', { class: 'nt-detail-decisions-list' },
-                    ...decisions.map((decision, idx) =>
-                      el('div', { class: 'nt-detail-decision-item' },
-                        el('div', { class: 'nt-decision-text' }, decision.text || decision),
-                        el('div', { class: 'nt-decision-actions' },
-                          iconButton({ icon: 'edit', ariaLabel: 'Edit decision', attrs: { class: 'nt-decision-edit' } })
-                        )
-                      )
-                    )
-                  )
-                )
-              );
-            }
-
-            // Open questions section
-            if (questions && questions.length > 0) {
-              parts.push(
-                el('div', { class: 'nt-detail-questions' },
-                  el('h3', { class: 'nt-detail-section-title' }, `Open questions (${questions.length})`),
-                  el('div', { class: 'nt-detail-questions-list' },
-                    ...questions.map((question) =>
-                      el('div', { class: 'nt-detail-question-item' },
-                        el('div', { class: 'nt-question-text' }, question.text || question),
-                        el('div', { class: 'nt-question-actions' },
-                          button({ label: 'Draft answer', variant: 'ghost', size: 'sm' })
-                        )
-                      )
-                    )
-                  )
-                )
-              );
-            }
-
-            // Actions/Next steps section
-            if (actions && actions.length > 0) {
-              parts.push(
-                el('div', { class: 'nt-detail-actions' },
-                  el('h3', { class: 'nt-detail-section-title' }, `Next steps (${actions.length})`),
-                  el('div', { class: 'nt-detail-actions-list' },
-                    ...actions.map((action) =>
-                      el('div', { class: 'nt-detail-action-row' },
-                        el('div', { class: 'nt-detail-action-text' }, action.text || ''),
-                        el('div', { class: 'nt-action-meta' },
-                          action.owner && el('span', { class: 'nt-action-owner' }, `Owner: ${action.owner}`),
-                          action.due && el('span', { class: 'nt-action-due' }, `Due: ${action.due}`),
-                        ),
-                        iconButton({
-                          icon: 'plus',
-                          ariaLabel: 'Create task',
-                          attrs: { class: 'nt-detail-make-task' },
-                          onClick: async () => {
-                            try {
-                              const result = await pmPost('/api/notes/create-task', {
-                                id: note.id,
-                                text: action.text,
-                                owner: action.owner,
-                                due: action.due,
-                              });
-                              if (result && result.ok) {
-                                toast({ text: 'Task created' });
-                              } else {
-                                toast({ text: 'Could not create task' });
-                              }
-                            } catch (e) {
-                              console.error('Task creation error:', e);
-                              toast({ text: 'Error creating task' });
-                            }
-                          },
-                        }),
-                      )
-                    )
-                  )
-                )
-              );
-            }
-
-            // Files section (placeholder for future)
-            // Discussion/Transcript section (collapsible placeholder)
-
-            return el('div', { class: 'nt-menu-right' }, ...parts);
-          } catch (e) {
-            console.error('Note detail error:', e);
-            return el('div', { class: 'nt-menu-right' }, empty({ text: 'Could not load note detail' }));
-          }
-        })()
-      : el('div', { class: 'nt-menu-right' }, empty({ text: 'Select a note to view details' }));
-
-    setChildren(root, [leftPanel, rightPanel]);
-  }
-
-  render();
-}