create-pmos 0.117.0 → 0.119.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 {
@@ -7038,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;
@@ -7430,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;
@@ -7577,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;