create-pmos 0.61.1 → 0.63.0

package/workspace/public/pm/components.css

@@ -4503,6 +4503,447 @@
   }
 }
 
+/* People (people-directory): what waits for the PM, the list beside the chosen person's page. */
+.rp-people {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.rp-people-top {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+}
+.rp-people-top > .rp-head__title {
+  margin-right: auto;
+}
+.rp-people-find {
+  flex: 1 1 260px;
+  max-width: 420px;
+}
+.rp-people-body {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.rp-people-review {
+  padding: 12px;
+  border: 1px solid var(--border);
+}
+.rp-people-grid {
+  display: grid;
+  grid-template-columns: minmax(260px, 2fr) 3fr;
+  gap: 24px;
+  align-items: start;
+}
+.rp-people-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+.rp-people-views {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  border-bottom: 1px solid var(--border);
+}
+.rp-people-row {
+  border-top: 1px solid var(--border);
+}
+.rp-people-row:last-child {
+  border-bottom: 1px solid var(--border);
+}
+.rp-people-row--open {
+  box-shadow: inset 2px 0 0 var(--foreground);
+}
+.rp-people-page {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  min-width: 0;
+}
+.rp-people-who__name {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 500;
+}
+.rp-people-sec {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.rp-people-sec__title {
+  margin: 0;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--muted-foreground);
+}
+.rp-people-hint {
+  margin: 0;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.rp-people-tone {
+  margin: 0;
+  font-size: 14px;
+}
+.rp-people-acts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.rp-people-ints,
+.rp-people-list-plain {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.rp-people-int {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--border);
+}
+.rp-people-int__when,
+.rp-people-int__src {
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.rp-people-int__src {
+  overflow-wrap: anywhere;
+}
+.rp-people-int__text,
+.rp-people-shared,
+.rp-people-handle {
+  font-size: 14px;
+}
+.rp-people-shared {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.rp-people-note {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px;
+  border: 1px solid var(--border);
+}
+.rp-people-note__text {
+  font-size: 14px;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.rp-people-noteadd {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.rp-people-links {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.rp-people-links:empty {
+  display: none;
+}
+.rp-people-rel {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.rp-people-file {
+  font-family: var(--mono);
+  overflow-wrap: anywhere;
+}
+@media (max-width: 760px) {
+  .rp-people-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* -- layouts · .nt- Notes: one meeting on one screen — notes and what was caught beside a quiet transcript (meeting-notes Runs 1 and 2) -- */
+.nt-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.nt-start {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  max-width: 560px;
+}
+.nt-h {
+  margin: 0;
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 500;
+}
+.nt-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border);
+}
+.nt-headl {
+  flex: 1 1 280px;
+  min-width: 0;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 4px 12px;
+}
+.nt-headl .nt-titlein {
+  font-size: 20px;
+  font-weight: 500;
+}
+.nt-when,
+.nt-saved {
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.nt-acts {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.nt-live {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-family: var(--mono);
+  font-size: 12px;
+  color: var(--foreground);
+}
+.nt-live-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--destructive);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .nt-live-dot {
+    animation: nt-pulse 1.6s ease-in-out infinite;
+  }
+}
+@keyframes nt-pulse {
+  50% { opacity: .35; }
+}
+.nt-sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+.nt-body2 {
+  display: grid;
+  grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr);
+  align-items: start;
+  gap: 0;
+}
+.nt-notecol {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 4px 24px 16px 0;
+}
+.nt-text {
+  height: var(--nt-h, auto);
+  min-height: 96px;
+  overflow: hidden;
+  resize: none;
+  font-size: 14px;
+  line-height: 22px;
+}
+.nt-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+.nt-sec {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.nt-sec__h {
+  margin: 0;
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: .06em;
+  text-transform: uppercase;
+  color: var(--muted-foreground);
+}
+.nt-items {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+}
+.nt-item {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  padding: 4px 0;
+  border-bottom: 1px solid var(--border);
+  font-size: 14px;
+  line-height: 20px;
+}
+.nt-item--plain {
+  border-bottom: 0;
+}
+.nt-item__text {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.nt-who {
+  color: var(--muted-foreground);
+}
+.nt-at {
+  flex: none;
+  font-family: var(--mono);
+  font-size: 11px;
+  color: var(--muted-foreground);
+}
+.nt-flag {
+  font-size: 12px;
+  color: var(--warning);
+}
+.nt-ok,
+.nt-rel {
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.nt-hint {
+  margin: 0;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--muted-foreground);
+}
+.nt-hint--bad {
+  color: var(--destructive);
+}
+.nt-consent {
+  margin: 0;
+  font-size: 12px;
+  color: var(--foreground);
+}
+.nt-trans {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 4px 0 16px 20px;
+  border-left: 1px solid var(--border);
+}
+.nt-lines {
+  max-height: 640px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.nt-ln {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--muted-foreground);
+}
+.nt-ln--picked {
+  color: var(--foreground);
+}
+.nt-ln--interim {
+  font-style: italic;
+}
+.nt-ln__meta {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  font-size: 11px;
+}
+.nt-spk {
+  color: var(--foreground);
+  font-weight: 500;
+}
+.nt-lab {
+  color: var(--muted-foreground);
+  text-transform: lowercase;
+}
+.nt-set {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--border);
+}
+.nt-set__head {
+  font-size: 14px;
+  font-weight: 500;
+}
+.nt-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-width: 480px;
+}
+.nt-rows {
+  display: flex;
+  flex-direction: column;
+  border-top: 1px solid var(--border);
+}
+.nt-row--current {
+  background: var(--accent);
+}
+.nt-banner {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--foreground);
+}
+.nt-banner--bad {
+  color: var(--destructive);
+}
+.nt-md {
+  font-size: 14px;
+  line-height: 22px;
+}
+.nt-pre {
+  white-space: pre-wrap;
+  font-size: 14px;
+}
+@media (max-width: 760px) {
+  .nt-body2 {
+    grid-template-columns: 1fr;
+  }
+  .nt-notecol {
+    padding-right: 0;
+  }
+  .nt-trans {
+    padding-left: 0;
+    padding-top: 16px;
+    border-left: 0;
+    border-top: 1px solid var(--border);
+  }
+}
+
 /* -- 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 {