create-pmos 0.86.0 → 0.88.0

package/workspace/public/pm/components.css

@@ -497,6 +497,13 @@
   position: absolute;
   inset: 0;
 }
+.pmc-card--center .pmc-card__top {
+  align-items: center;
+}
+.pmc-card--center .pmc-card__trail {
+  align-items: center;
+  gap: 4px;
+}
 .pmc-card__trail {
   position: relative;
   z-index: 1;
@@ -1313,6 +1320,11 @@
   padding: 16px;
   align-items: stretch;
 }
+.bd-board--agenda {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+}
 .bd-switch {
   display: none;
 }
@@ -1339,6 +1351,32 @@
   font-variant-numeric: tabular-nums;
   letter-spacing: 0;
 }
+/* the Board destination (Agenda look): sentence-case head with a status dot and a count badge */
+.bd-board--agenda .bd-col__head {
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 0;
+  border-bottom: 0;
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0;
+  text-transform: none;
+}
+.bd-col__name {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.bd-col__dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--muted-foreground);
+}
+.bd-col__dot--doing { background: var(--primary); }
+.bd-col__dot--review { background: var(--warning); }
+.bd-col__dot--done { background: var(--primary); }
 .bd-col__list {
   display: flex;
   flex: 1 1 auto;
@@ -1357,6 +1395,13 @@
 .bd-card {
   cursor: pointer;
 }
+.bd-card__owner-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+}
 @container bd-pane (max-width: 599px) {
   .bd-switch {
     display: flex;
@@ -3361,15 +3406,17 @@
   flex-wrap: wrap;
   align-items: center;
   gap: 8px 10px;
-  padding: 8px 12px;
+  padding: 4px 8px 4px 12px;
+  min-height: 40px;
   border: 1px solid var(--border);
+  border-radius: 8px;
   background: var(--card);
 }
-.td-day__hello { flex: 0 1 220px; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: var(--foreground); white-space: nowrap; }
+.td-day__hello { flex: 0 0 auto; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: var(--foreground); white-space: nowrap; }
 .td-day__dim { color: var(--muted-foreground); }
 .td-day__warn { color: var(--warning); }
 .td-day__mono { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: 12px; }
-.td-day__steps { display: flex; flex-wrap: wrap; gap: 2px; list-style: none; margin: 0; padding: 0; }
+.td-day__steps { display: flex; flex-wrap: nowrap; gap: 3px; list-style: none; margin: 0; padding: 0; }
 .td-day__ts { border-radius: 6px; gap: 6px; padding: 0 6px; letter-spacing: 0.04em; color: var(--muted-foreground); }
 .td-day__ts[data-step-state="done"], .td-day__ts[data-step-state="now"] { color: var(--foreground); }
 .td-day__ts[data-step-state="now"] { background: var(--muted); }
@@ -3379,7 +3426,11 @@
 .td-day__ts[data-step-state="now"] .td-day__tsdot { background: var(--foreground); animation: td-day-pulse 1.2s infinite; }
 @keyframes td-day-pulse { 50% { opacity: 0.3; } }
 @media (prefers-reduced-motion: reduce) { .td-day__ts[data-step-state="now"] .td-day__tsdot { animation: none; } }
-.td-day__status { flex: 1 1 0; min-width: 0; font-size: 12px; color: var(--muted-foreground); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.td-day__seg { display: block; width: 22px; height: 4px; border-radius: 6px; background: var(--border); }
+.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__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); }
 .td-day__run--failed { color: var(--destructive); }
@@ -4209,7 +4260,8 @@
 
 /* -- layouts · .bo- Board (Run 4, slice 4D) -- */
 .bo-head {
-  flex-wrap: wrap;
+  display: block;
+  padding: 16px 16px 0;
 }
 .bo-head__filters {
   display: flex;
@@ -4221,46 +4273,35 @@
 .bo-head__pick {
   min-width: 160px;
 }
+
 .bo-head__end {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-left: auto;
 }
-.bo-head__n {
-  color: var(--muted-foreground);
-  font-size: 12px;
-  line-height: 16px;
-  font-variant-numeric: tabular-nums;
-}
 .bo-releases {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 8px;
   margin: 16px 16px 0;
-  padding: 12px;
-  border: 1px solid var(--border);
-  border-radius: 8px;
+  padding: 0;
 }
 .bo-releases__head {
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
+  display: none;
 }
 .bo-releases__note {
-  color: var(--muted-foreground);
-  font-size: 12px;
-  line-height: 16px;
+  display: none;
 }
 .bo-rel {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  padding: 8px 0;
-  border-top: 1px solid var(--border);
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--card);
 }
 .bo-rel--today {
   padding: 10px 12px;
@@ -4273,7 +4314,8 @@
   min-width: 0;
 }
 .bo-rel__title {
-  font-weight: 600;
+  font-size: 14px;
+  font-weight: 500;
   overflow-wrap: anywhere;
 }
 .bo-rel__meta,
@@ -5307,6 +5349,9 @@
   .rp-doc__scroll {
     -webkit-overflow-scrolling: touch;
   }
+  .rp-people-sec summary {
+    min-height: 44px;
+  }
 }
 
 /* Docs (docs-three-way-sync): one line per copy — a status dot, the title over the copy's link, one sentence, one action. */
@@ -5335,16 +5380,12 @@
 }
 .rp-docs-views {
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
-  gap: 12px;
-  border-bottom: 1px solid var(--border);
 }
 .rp-docs-when {
   display: flex;
   align-items: center;
-  gap: 4px;
-  margin-left: auto;
+  gap: 6px;
   font-size: 12px;
   color: var(--muted-foreground);
 }
@@ -5356,10 +5397,45 @@
   color: var(--muted-foreground);
 }
 .rp-docs-row {
-  border-top: 1px solid var(--border);
+  border-radius: 8px;
 }
-.rp-docs-row:last-child {
-  border-bottom: 1px solid var(--border);
+.rp-docs-row + .rp-docs-row {
+  margin-top: 2px;
+}
+.rp-docs-head {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.rp-docs-bar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px 10px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  background: var(--card);
+  box-shadow: 0 0 0 1px var(--border);
+}
+.rp-docs-bar .rp-docs-find {
+  flex: 1 1 220px;
+  max-width: none;
+}
+.rp-docs-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+  padding: 10px 12px;
+  border-radius: 8px;
+  background: var(--card);
+  box-shadow: 0 0 0 1px var(--border);
+}
+.rp-docs-panel__eyebrow {
+  font-size: 11px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--muted-foreground);
 }
 .rp-docs-dot {
   display: inline-block;
@@ -5751,7 +5827,7 @@
   overflow-wrap: anywhere;
 }
 
-/* People (people-directory): what waits for the PM, the list beside the chosen person's page. */
+/* People (people-directory): the PM's people directory — list on left, person's page on right. */
 .rp-people {
   display: flex;
   flex-direction: column;
@@ -5759,16 +5835,12 @@
 }
 .rp-people-top {
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
+  justify-content: space-between;
   gap: 12px;
 }
 .rp-people-top > .rp-head__title {
-  margin-right: auto;
-}
-.rp-people-find {
-  flex: 1 1 260px;
-  max-width: 420px;
+  margin: 0;
 }
 .rp-people-body {
   display: flex;
@@ -5776,59 +5848,257 @@
   gap: 16px;
 }
 .rp-people-review {
-  padding: 12px;
-  border: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.rp-people-merge {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  background: var(--background);
+  box-shadow: 0 0 0 1px var(--border);
+}
+.rp-people-merge__dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--foreground);
+  flex: none;
+  margin-top: 4px;
+}
+.rp-people-merge__text {
+  flex: 1;
+  min-width: 0;
+}
+.rp-people-merge__title {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--foreground);
+}
+.rp-people-merge__why {
+  margin: 2px 0 0;
+  font-size: 12px;
+  color: var(--muted-foreground);
 }
 .rp-people-grid {
   display: grid;
-  grid-template-columns: minmax(260px, 2fr) 3fr;
-  gap: 24px;
+  grid-template-columns: minmax(300px, 2fr) 3fr;
+  gap: 16px;
   align-items: start;
+  height: calc(100vh - 220px);
+  min-height: 420px;
 }
-.rp-people-list {
+.rp-people-card {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  min-width: 0;
+  gap: 10px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  background: var(--card);
+  box-shadow: 0 0 0 1px var(--border);
+  overflow: hidden;
 }
-.rp-people-views {
+.rp-people-card__header {
   display: flex;
-  flex-wrap: wrap;
-  align-items: center;
   justify-content: space-between;
-  gap: 8px;
-  border-bottom: 1px solid var(--border);
+  align-items: center;
+  margin: 0;
 }
-.rp-people-row {
-  border-top: 1px solid var(--border);
+.rp-people-card__label {
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+  font: 11px var(--mono);
+  text-transform: uppercase;
+  color: var(--muted-foreground);
+  margin: 0;
+  letter-spacing: 0.04em;
 }
-.rp-people-row:last-child {
-  border-bottom: 1px solid var(--border);
+.rp-people-card__count {
+  margin-left: auto;
+  color: var(--muted-foreground);
 }
-.rp-people-row--open {
-  box-shadow: inset 2px 0 0 var(--foreground);
+.rp-people-card__list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  overflow: auto;
+  min-width: 0;
 }
-.rp-people-page {
+.rp-people-card__list [role="list"] {
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 2px;
+}
+.rp-people-item {
+  border-radius: 6px;
+}
+.rp-people-item:has([aria-current="true"]) {
+  background: var(--accent);
+  box-shadow: 0 0 0 1px var(--ring);
+}
+.rp-people-row__avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 6px;
+  background: var(--muted);
+  display: grid;
+  place-items: center;
+  font-size: 12px;
+  font-weight: 600;
+  flex: none;
+  color: var(--foreground);
+}
+.rp-people-row__text {
+  flex: 1;
   min-width: 0;
 }
-.rp-people-who__name {
+.rp-people-row__name {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.rp-people-row__meta {
+  margin: 2px 0 0;
+  font-size: 12px;
+  color: var(--muted-foreground);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.rp-people-row__tone {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+  flex: none;
+}
+.rp-people-row__tone-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--muted-foreground);
+  flex: none;
+}
+.rp-people-row__tone-dot.warm { background: var(--foreground); }
+.rp-people-row__tone-dot.cautious { background: var(--warning); }
+.rp-people-row__tone-dot.tense { background: var(--destructive); }
+.rp-people-row__tone-dot--proposed {
+  background: transparent;
+  box-shadow: inset 0 0 0 1.5px currentColor;
+}
+.rp-people-page__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+.rp-people-page__info {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  min-width: 0;
+}
+.rp-people-page__avatar {
+  width: 48px;
+  height: 48px;
+  border-radius: 6px;
+  background: var(--muted);
+  display: grid;
+  place-items: center;
+  font-size: 16px;
+  font-weight: 600;
+  flex: none;
+  color: var(--foreground);
+}
+.rp-people-page__text {
+  flex: 1;
+  min-width: 0;
+}
+.rp-people-page__name {
   margin: 0;
   font-size: 20px;
   font-weight: 500;
 }
+.rp-people-page__actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: none;
+}
+.rp-people-page__tiles {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 6px;
+}
+.rp-people-tile {
+  display: grid;
+  gap: 2px;
+  padding: 8px 10px;
+  border-radius: 6px;
+  background: var(--muted);
+  min-width: 0;
+}
+.rp-people-tile__label {
+  margin: 0;
+  font: 11px var(--mono);
+  text-transform: uppercase;
+  color: var(--muted-foreground);
+  letter-spacing: 0.04em;
+}
+.rp-people-tile b {
+  font-size: 14px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--foreground);
+  display: flex;
+  align-items: center;
+  gap: 5px;
+}
+.rp-people-tile__dot {
+  display: inline-block;
+  vertical-align: baseline;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--muted-foreground);
+  flex: none;
+}
+.rp-people-tile__dot--confirmed { background: currentColor; }
+.rp-people-tile__dot--proposed {
+  background: transparent;
+  box-shadow: inset 0 0 0 1.5px currentColor;
+}
+.rp-people-page__scroll {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  overflow: auto;
+  min-width: 0;
+}
 .rp-people-sec {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 6px;
+  padding-top: 12px;
+  border-top: 1px solid var(--border);
 }
 .rp-people-sec__title {
   margin: 0;
-  font-size: 12px;
-  font-weight: 500;
+  font: 11px var(--mono);
+  text-transform: uppercase;
   color: var(--muted-foreground);
+  letter-spacing: 0.04em;
 }
 .rp-people-hint {
   margin: 0;
@@ -5848,36 +6118,66 @@
 .rp-people-list-plain {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 6px;
   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);
+  gap: 10px;
+  align-items: flex-start;
+  padding: 4px 0;
 }
-.rp-people-int__when,
-.rp-people-int__src {
-  font-size: 12px;
+.rp-people-int__icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  background: var(--muted);
+  display: grid;
+  place-items: center;
   color: var(--muted-foreground);
+  flex: none;
 }
-.rp-people-int__src {
-  overflow-wrap: anywhere;
+.rp-people-int div {
+  min-width: 0;
+  flex: 1;
 }
 .rp-people-int__text,
 .rp-people-shared,
 .rp-people-handle {
+  margin: 0;
   font-size: 14px;
 }
+.rp-people-int small {
+  display: block;
+  margin-top: 2px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
 .rp-people-shared {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  gap: 8px;
+  gap: 6px;
+}
+.rp-people-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.rp-people-chip {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  height: 26px;
+  padding: 0 10px;
+  border-radius: 6px;
+  background: var(--muted);
+  font-size: 12px;
+}
+.rp-people-chip.warn {
+  color: var(--warning);
 }
 .rp-people-note {
   display: flex;
@@ -5894,29 +6194,43 @@
 }
 .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-noteadd > :first-child {
+  flex: 1;
 }
-.rp-people-rel {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+.rp-people-noteadd textarea {
+  min-height: 34px;
+  height: 34px;
+  resize: none;
 }
 .rp-people-file {
   font-family: var(--mono);
   overflow-wrap: anywhere;
 }
+.rp-people-sec summary {
+  list-style: none;
+  cursor: pointer;
+  color: var(--muted-foreground);
+  font-size: 12px;
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.rp-people-sec summary::-webkit-details-marker {
+  display: none;
+}
+.rp-people-sec summary:focus-visible {
+  outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
+  outline-offset: 2px;
+}
 @media (max-width: 760px) {
   .rp-people-grid {
     grid-template-columns: 1fr;
+    height: auto;
+  }
+  .rp-people-top {
+    flex-wrap: wrap;
   }
 }