create-pmos 0.116.0 → 0.118.0

package/workspace/public/pm/components.css

@@ -652,6 +652,22 @@
   white-space: nowrap;
   cursor: pointer;
 }
+.pmc-menu__text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.pmc-menu__detail {
+  display: block;
+  font-size: 11px;
+  line-height: 1.4;
+  color: var(--muted-foreground);
+}
+.pmc-menu__item:has(.pmc-menu__detail) {
+  min-height: 44px;
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
 /* The shortcut hint sits at a row's end; a checked row (a menuitemradio) is marked. */
 .pmc-menu__hint {
   margin-left: auto;
@@ -2333,10 +2349,6 @@
 }
 .fr-search {
   margin-left: auto;
-  flex: 0 1 220px;
-  min-width: 0;
-  overflow: hidden;
-  justify-content: flex-start;
   color: var(--muted-foreground);
 }
 .fr-kbd {
@@ -2344,25 +2356,46 @@
   font-family: var(--mono);
   font-size: 11px;
 }
-/* The Record control at the right of the bar (meeting-notes Run 12): Record, then while recording one group of the clock,
- * the highlight and Pause, outlined in the recording colour; paused, Resume. */
+/* The Record control at the right of the bar (meeting-notes Run 13). Two groups, always in the same place. The left one exists
+ * while a meeting is recording (red) or paused (amber): the chip that names it, then icons. The right one is New (a red
+ * microphone with a plus) and its arrow. Both are unavailable while a meeting is recording. The highlight's pop-up hangs under it. */
 .fr-rec {
+  position: relative;
   display: flex;
   flex: none;
   align-items: center;
+  gap: 12px;
 }
 .fr-rec__group {
   display: inline-flex;
   align-items: stretch;
-  border: 1px solid color-mix(in oklab, var(--destructive) 55%, transparent);
+  border: 1px solid var(--border);
   border-radius: 6px;
-  overflow: hidden;
+  color: var(--foreground);
+}
+.fr-rec__group--new {
+  border-color: color-mix(in oklab, var(--destructive) 55%, transparent);
   color: var(--destructive);
 }
+.fr-rec__seg + .fr-rec__seg {
+  border-left: 1px solid var(--border);
+  border-radius: 0;
+}
+.fr-rec__seg {
+  position: relative;
+}
 .fr-rec__txt {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
+  gap: 8px;
+  min-width: 0;
+}
+.fr-rec__title {
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 500;
 }
 .fr-rec-dot {
   width: 7px;
@@ -2371,13 +2404,50 @@
   background: var(--destructive);
   flex: none;
 }
+.fr-rec-dot--paused {
+  background: var(--warning);
+}
 .fr-rec__clock {
   font-family: var(--mono);
   font-size: 12px;
   font-variant-numeric: tabular-nums;
+  color: var(--muted-foreground);
 }
-.fr-rec__seg + .fr-rec__seg {
-  border-left: 1px solid color-mix(in oklab, var(--destructive) 35%, transparent);
+.fr-rec__resume {
+  background: var(--foreground);
+  color: var(--background);
+}
+.fr-rec__stop {
+  color: var(--destructive);
+}
+.fr-rec__new {
+  color: var(--destructive);
+}
+.fr-rec__new::before {
+  content: "+";
+  position: absolute;
+  top: 1px;
+  right: 4px;
+  font: 600 12px/1 var(--sans, system-ui);
+}
+.fr-rec__upcoming {
+  color: var(--destructive);
+}
+.fr-rec__off {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+.fr-rec__seg--busy::after {
+  content: "";
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  width: 6px;
+  height: 6px;
+  background: var(--primary);
+}
+.fr-sync--busy {
+  opacity: 0.5;
 }
 /* The body: the destination, then (when open) the detail, the dock's rail and the dock. One row, columns in order. */
 .fr-body {
@@ -3499,6 +3569,7 @@
 .td-day__ts[data-step-state="done"] .td-day__seg { background: currentColor; }
 .td-day__ts[data-step-state="now"] .td-day__seg { background: var(--foreground); animation: td-day-pulse 1.2s infinite; }
 @media (prefers-reduced-motion: reduce) { .td-day__ts[data-step-state="now"] .td-day__seg { animation: none; } }
+.td-day__spacer { flex: 1 1 0; align-self: stretch; min-width: 0; }
 .td-day__status { flex: 1 1 0; min-width: 80px; text-align: right; font-size: 12px; color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .td-day__check { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted-foreground); }
 .td-day__run { margin: 0; font-size: 12px; line-height: 16px; color: var(--foreground); }
@@ -3549,6 +3620,19 @@
 .td-day__group { display: grid; gap: 2px; }
 .td-day__newdot { display: inline-block; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--warning); }
 .td-day__chip { min-width: 84px; padding: 3px 8px; font: 500 11px/1.2 var(--mono); text-align: center; background: var(--muted); color: var(--foreground); }
+/* a mention drawn as a card of its source (initiative today-goals-jobs, PRD M1): layout only, no brand colour */
+.td-day__mc { display: grid; gap: 4px; min-width: 0; text-align: left; font-weight: 400; }
+.td-day__mc > span { display: block; min-width: 0; }
+.td-day__mc-head { display: inline-flex; align-items: center; gap: 6px; font: 11px var(--mono); letter-spacing: 0.04em; color: var(--muted-foreground); }
+.td-day__mc-main { display: flex; align-items: flex-start; gap: 8px; }
+.td-day__av { display: grid; place-items: center; flex: none; width: 32px; height: 32px; background: var(--muted); color: var(--foreground); font: 600 12px var(--mono); }
+.td-day__mc-col { display: grid; gap: 2px; min-width: 0; }
+.td-day__mc-name { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--foreground); }
+.td-day__mc-time { margin-left: 6px; font: 12px var(--mono); color: var(--muted-foreground); }
+.td-day__mc-text { font-size: 14px; line-height: 20px; color: var(--foreground); overflow-wrap: anywhere; }
+.td-day__mc-quote { padding: 2px 8px; border-left: 3px solid var(--border); font-size: 12px; line-height: 16px; color: var(--muted-foreground); overflow-wrap: anywhere; }
+.td-day__mc-frame { display: grid; place-items: center; flex: none; width: 64px; height: 44px; border: 1px solid var(--border); background: var(--muted); color: var(--foreground); }
+.td-day__mcbox { padding: 8px; border: 1px solid var(--border); }
 
 /* the detail */
 .td-day__dhead { display: grid; gap: 4px; }
@@ -3659,33 +3743,32 @@
 /* the Agenda month (today-agenda.js, G25 to G27): weeks of 8 columns, the week number and seven day cells */
 .td-ag__mhead { display: flex; align-items: center; gap: 6px; }
 .td-ag__mlabel { min-width: 120px; font-size: 14px; text-align: center; color: var(--foreground); }
-.td-ag__lens { flex-wrap: wrap; max-width: 100%; }
+.td-ag__bar { display: flex; align-items: center; gap: 8px; }
+.td-ag__month { display: grid; gap: 6px; width: 100%; min-width: 0; }
 .td-ag__grid { display: grid; gap: 2px; }
 .td-ag__wk { display: grid; grid-template-columns: 36px repeat(7, minmax(0, 1fr)); gap: 2px; }
 .td-ag__wk--head { font: 11px var(--mono); color: var(--muted-foreground); text-transform: uppercase; }
 .td-ag__wd { padding: 0 4px; }
-.td-day .td-ag__wno { height: auto; min-height: 64px; padding: 0; font: 11px var(--mono); letter-spacing: 0; color: var(--muted-foreground); }
+.td-day .td-ag__wno { height: auto; min-height: 44px; padding: 0; font: 11px var(--mono); letter-spacing: 0; color: var(--muted-foreground); }
 .td-day .td-ag__wno[aria-pressed="true"] { background: var(--accent); color: var(--foreground); border-color: var(--ring); }
 .td-day .td-ag__cell {
-  display: grid; align-items: start; justify-content: stretch; height: auto; min-height: 64px; padding: 4px;
+  display: grid; align-items: start; justify-content: stretch; height: auto; min-height: 44px; padding: 4px;
   border: 1px solid var(--border); background: var(--background); text-align: left; text-transform: none; letter-spacing: 0;
   font-weight: 400; white-space: normal;
 }
+.td-day .td-ag__cell[data-load="1"] { background: color-mix(in oklab, var(--background) 85%, var(--ring)); }
+.td-day .td-ag__cell[data-load="2"] { background: color-mix(in oklab, var(--background) 65%, var(--ring)); }
+.td-day .td-ag__cell[data-load="3"] { background: color-mix(in oklab, var(--background) 40%, var(--ring)); }
 .td-day .td-ag__cell[data-out="true"] { opacity: 0.45; }
 .td-day .td-ag__cell[data-weekend="true"] { background: var(--muted); }
 .td-day .td-ag__cell[data-today="true"] { border: 2px solid var(--foreground); }
 .td-day .td-ag__cell[aria-pressed="true"] { background: var(--accent); border-color: var(--ring); }
 .td-day .td-ag__cell[data-lit="true"] { box-shadow: inset 0 0 0 2px var(--warning); }
-.td-ag__in { display: grid; gap: 3px; min-width: 0; }
+.td-ag__in { display: flex; align-items: center; justify-content: space-between; gap: 3px; min-width: 0; width: 100%; }
+.td-ag__star { font-size: 12px; line-height: 16px; color: var(--foreground); }
 .td-ag__num { font: 12px var(--mono); color: var(--foreground); font-variant-numeric: tabular-nums; }
 .td-ag__cell[data-past="true"] .td-ag__num { color: var(--muted-foreground); }
-.td-ag__strip { position: relative; height: 6px; background: var(--muted); }
-.td-ag__blk { position: absolute; top: 0; bottom: 0; left: var(--td-ag-l, 0); width: var(--td-ag-w, 0); background: var(--muted-foreground); }
-.td-ag__blk--imp { background: var(--foreground); }
-.td-ag__blk--free { background: var(--ring); }
-.td-ag__key, .td-ag__meta, .td-ag__nonotes { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 14px; }
-.td-ag__key { font-weight: 600; color: var(--foreground); }
-.td-ag__meta { color: var(--muted-foreground); }
+.td-ag__nonotes { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 14px; }
 .td-ag__nonotes { color: var(--warning); }
 .td-ag__ready { justify-self: start; padding: 0 4px; font: 11px/16px var(--mono); border: 1px solid var(--border); color: var(--foreground); }
 .td-ag__ready[data-ag-ready="warn"] { border-color: var(--warning); color: var(--warning); }
@@ -3714,6 +3797,21 @@
   margin: 0;
 }
 .td-goal__prep { display: inline-flex; align-items: center; gap: 8px; }
+/* goals own jobs (initiative today-goals-jobs): the square for who acts, the YOU and AGENT tags, a goal's context and jobs */
+.td-day__sq { display: inline-block; flex: none; width: 10px; height: 10px; border: 1.5px solid var(--foreground); }
+.td-day__sq[data-who="agent"] { background: var(--foreground); }
+.td-day__marks2 { display: inline-flex; align-items: center; gap: 6px; }
+.td-day__tag { display: inline-block; margin-left: 4px; padding: 0 4px; border: 1px solid currentColor; font: 600 10px/1.4 var(--mono); letter-spacing: 0.04em; vertical-align: middle; }
+.td-day__tag[data-who="agent"] { background: color-mix(in oklab, currentColor 18%, transparent); }
+.td-day__who2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; color: var(--foreground); }
+.td-day__jobmeta { display: grid; gap: 8px; padding: 10px 12px; border: 1px solid var(--border); background: var(--background); }
+.td-day__goaladd { display: grid; gap: 6px; }
+.td-goal__jobs { gap: 6px; }
+.td-goal__donewhen { margin: 0; font-size: 14px; color: var(--foreground); }
+.td-goal__ctxfields { display: grid; gap: 6px; }
+.td-goal__ctxfold { margin-top: 6px; }
+.td-goal__nogoal { margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--border); }
+.td-goal__pick { display: block; min-width: 140px; max-width: 220px; }
 .td-card {
   display: flex;
   flex-direction: column;
@@ -7010,78 +7108,12 @@
   max-height: 240px;
 }
 
-/* meeting-notes Run 6: the note being taken, minimized at the bottom right, and its pop-up */
-.nt-dock {
-  position: fixed;
-  right: 16px;
-  bottom: 40px;
-  z-index: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-}
-.nt-dock:empty {
-  display: none;
-}
-.nt-pillrow {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.nt-pill {
-  max-width: 320px;
-  background: var(--card);
-  box-shadow: 0 4px 16px color-mix(in oklab, var(--term-bg) 18%, transparent);
-}
-.nt-pill__txt {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-}
-.nt-pill__title {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.nt-pill__clock {
-  font-size: 12px;
-  font-variant-numeric: tabular-nums;
-  color: var(--muted-foreground);
-}
-.nt-pop {
-  width: min(440px, calc(100vw - 32px));
-  max-height: calc(100vh - 120px);
-  display: flex;
-  flex-direction: column;
-  border: 1px solid var(--border);
-  background: var(--card);
-  box-shadow: 0 12px 40px color-mix(in oklab, var(--term-bg) 24%, transparent);
-}
-.nt-pop__head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 8px 12px;
-  border-bottom: 1px solid var(--border);
-}
-.nt-pop__body {
-  min-height: 0;
-  overflow-y: auto;
-  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;
@@ -7402,6 +7434,172 @@
   gap: 6px;
   flex: none;
 }
+.nt-pg-metarow {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+.nt-pg-info {
+  display: grid;
+  grid-template-columns: 140px minmax(0, 1fr);
+  gap: 4px 12px;
+  margin: 6px 0 2px;
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-size: 12px;
+}
+.nt-pg-info dt {
+  color: var(--muted-foreground);
+}
+.nt-pg-info dd {
+  margin: 0;
+  font-family: var(--mono);
+  font-variant-numeric: tabular-nums;
+  overflow-wrap: anywhere;
+}
+/* meeting-notes Run 13: the Meeting context card, open before and while recording, folded to one line after */
+.nt-pg-ctx {
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--card);
+}
+.nt-pg-ctx__h {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 44px;
+  padding: 4px 8px 4px 12px;
+}
+.nt-pg-ctx__sum {
+  flex: 1;
+  min-width: 0;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.nt-pg-ctx__toggle--open svg {
+  transform: rotate(180deg);
+}
+.nt-pg-ctx__b {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px 28px;
+  padding: 14px;
+  border-top: 1px solid var(--border);
+}
+.nt-pg-ctx__col h4 {
+  margin: 0 0 6px;
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--muted-foreground);
+}
+.nt-pg-ctx__col p {
+  margin: 0 0 6px;
+  font-size: 14px;
+}
+.nt-pg-ctx__col ul {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.nt-pg-ctx__col li {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  font-size: 14px;
+}
+.nt-pg-ctx__note {
+  grid-column: 1 / -1;
+}
+.nt-pg-av {
+  display: inline-grid;
+  place-items: center;
+  flex: none;
+  width: 22px;
+  height: 22px;
+  border-radius: 6px;
+  background: var(--muted);
+  font-size: 11px;
+  font-weight: 500;
+}
+.nt-pg-ag__mk {
+  display: inline-grid;
+  place-items: center;
+  flex: none;
+  width: 16px;
+  height: 16px;
+  margin-top: 2px;
+  border: 1px solid var(--border);
+  border-radius: 0;
+  font-size: 11px;
+  line-height: 1;
+}
+.nt-pg-ag--heard .nt-pg-ag__mk {
+  background: var(--primary);
+  border-color: var(--primary);
+  color: var(--primary-foreground, var(--background));
+}
+.nt-pg-ag:not(.nt-pg-ag--heard) {
+  color: var(--muted-foreground);
+}
+.nt-pg-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 6px;
+}
+.nt-pg-chip {
+  padding: 0 6px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font-size: 11px;
+  color: var(--muted-foreground);
+  text-decoration: none;
+}
+@media (hover: hover) {
+  .nt-pg-chip[href]:hover {
+    color: var(--foreground);
+  }
+}
+.nt-pg-dl {
+  display: grid;
+  grid-template-columns: 70px minmax(0, 1fr);
+  gap: 2px 10px;
+  margin: 0;
+  font-size: 12px;
+}
+.nt-pg-dl dt {
+  color: var(--muted-foreground);
+}
+.nt-pg-dl dd {
+  margin: 0;
+}
+.nt-pg-live {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.nt-liveblock {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.nt-live--paused {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+@media (max-width: 760px) {
+  .nt-pg-ctx__b {
+    grid-template-columns: 1fr;
+  }
+}
 .nt-pg-conflicts {
   display: flex;
   flex-direction: column;
@@ -7549,9 +7747,9 @@
 }
 /* The highlight's pop-up (meeting-notes Run 12, mockup board 0): bottom right, on every place, above the page. */
 .nt-hl {
-  position: fixed;
-  right: 16px;
-  bottom: 16px;
+  position: absolute;
+  top: calc(100% + 10px);
+  right: 0;
   z-index: 60;
   display: flex;
   flex-direction: column;