create-pmos 0.75.0 → 0.76.0

package/workspace/public/pm/components.css

@@ -6326,6 +6326,148 @@
   padding: 12px;
 }
 
+/* meeting-notes Run 7: the note reads top to bottom (prototype/meeting-notes/simple-note-mockup.html). A bar with the state and
+   one action, the title, the day, the meeting and the initiative on one line, the people, then the sections, each item led by
+   its meeting time. The transcript folds away. The same column in the pop-up and on the full screen. */
+.nt-wrap:not(.nt-wrap--inline) {
+  max-width: 760px;
+}
+.nt-pop__body {
+  padding: 0 16px 16px;
+}
+.nt-header {
+  flex-direction: column;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  gap: 8px;
+}
+.nt-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-height: 40px;
+  border-bottom: 1px solid var(--border);
+}
+.nt-wrap--inline .nt-bar {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--card);
+}
+.nt-bar .nt-live {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.nt-bar .nt-acts {
+  flex: none;
+  flex-wrap: nowrap;
+  gap: 4px;
+}
+.nt-live b {
+  font-family: var(--sans);
+  font-weight: 500;
+}
+.nt-when .nt-link + .nt-link::before,
+.nt-when > span:first-child::after {
+  content: "·";
+  margin-right: 8px;
+  color: var(--muted-foreground);
+}
+.nt-when > span:first-child::after {
+  margin: 0 0 0 8px;
+}
+.nt-headl {
+  flex: none;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 4px;
+}
+.nt-when {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 8px;
+}
+.nt-when .nt-link {
+  display: inline-flex;
+  align-items: center;
+  color: var(--foreground);
+}
+.nt-people {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.nt-avs {
+  display: inline-flex;
+  gap: 2px;
+}
+.nt-av {
+  width: 24px;
+  height: 24px;
+  display: inline-grid;
+  place-items: center;
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--foreground);
+  background: var(--muted);
+}
+.nt-body2 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.nt-notecol,
+.nt-wrap--inline .nt-notecol {
+  padding: 0;
+}
+.nt-trans,
+.nt-wrap--inline .nt-trans {
+  padding: 12px 0 0;
+  border-left: 0;
+  border-top: 1px solid var(--border);
+}
+.nt-fold {
+  cursor: pointer;
+}
+.nt-src {
+  font-weight: 400;
+  letter-spacing: normal;
+  text-transform: none;
+}
+.nt-item {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr) auto;
+  align-items: baseline;
+  border-bottom: 0;
+  padding: 2px 0;
+}
+.nt-item--plain {
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+.nt-addrow {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr);
+  align-items: center;
+  gap: 8px;
+}
+.nt-addrow .nt-at {
+  font-variant-numeric: tabular-nums;
+}
+.nt-ln__meta .nt-at {
+  font-variant-numeric: tabular-nums;
+}
+.nt-spk--typed {
+  color: var(--foreground);
+  font-weight: 500;
+}
+
 /* -- layouts · .lg- the legacy and fixture shells (Run 3, slice 3D) -- */
 /* The legacy and fixture cockpit's two columns: the list head (a stack) and the rail's tile column. */
 .lg-stack {

package/workspace/public/pm/note-dock.js

@@ -11,7 +11,7 @@
  *   mountDock()                → draws the dock on every render (pm/app.js boot)
  *   takeNotes(e, opts, btn)    → makes a note linked to the event, starts listening, and keeps it minimized
  *   openDock(id)               → shows a note in the pop-up
- *   minimize() · activeId()
+ *   minimize() · activeId() · forget(id)
  */
 import { el } from './dom.js';
 import { button, iconButton, layer, toast, ensureComponentsCss } from './primitives.js';
@@ -74,6 +74,13 @@ export async function openDock(id) {
   setState({});
   requestAnimationFrame(() => { const t = host && host.querySelector('[data-nt-body]'); if (t) t.focus(); });
 }
+/** A note was deleted: when it is the one in the dock, the dock lets it go. */
+export function forget(id) {
+  if (!active || active.id !== id) return;
+  active = null; open = false; write();
+  if (V) V.setPopped(null);
+  setState({});
+}
 function close() {
   if (liveId() === (active && active.id)) return;
   active = null; open = false; write();
@@ -127,11 +134,10 @@ function draw() {
       live ? null : iconButton({ icon: 'x', ariaLabel: 'Put the note away', onClick: close, attrs: { 'data-nt-dock-close': '' } })));
     return;
   }
+  // the note draws its own bar (status, Stop, Minimize and the ⋯ menu): the pop-up adds no second head (Run 7)
   const body = el('div', { class: 'nt-pop__body' });
-  const pop = el('section', { class: 'nt-pop', role: 'dialog', 'aria-label': 'Meeting note', 'data-nt-pop': active.id },
-    el('div', { class: 'nt-pop__head' }, el('span', { class: 'nt-sec__h' }, live ? 'Taking notes' : 'Meeting note'),
-      button({ label: 'Minimize', variant: 'ghost', size: 'sm', onClick: minimize, attrs: { 'data-nt-minimize': '' } })),
-    body);
+  const pop = el('section', { class: 'nt-pop', role: 'dialog', 'aria-label': 'Meeting note', 'data-nt-pop': active.id }, body);
   host.replaceChildren(pop);
-  if (!v.renderInline(body, viewCtx, active.id)) body.appendChild(el('p', { class: 'nt-hint' }, 'Another note is being taken.'));
+  if (!v.renderInline(body, viewCtx, active.id, { onMinimize: minimize })) body.appendChild(el('p', { class: 'nt-hint' }, 'Another note is being taken.'),
+    button({ label: 'Minimize', variant: 'ghost', size: 'sm', onClick: minimize, attrs: { 'data-nt-minimize': '' } }));
 }