create-pmos 0.107.0 → 0.108.0

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();
-}