create-pmos 0.87.0 → 0.89.0

package/workspace/public/pm/components.css

@@ -652,6 +652,16 @@
   white-space: nowrap;
   cursor: pointer;
 }
+/* The shortcut hint sits at a row's end; a checked row (a menuitemradio) is marked. */
+.pmc-menu__hint {
+  margin-left: auto;
+  padding-left: 16px;
+  color: var(--muted-foreground);
+  font: 11px var(--mono);
+}
+.pmc-menu__item[aria-checked="true"] {
+  background: var(--muted);
+}
 .pmc-menu__item--danger {
   color: var(--destructive);
 }
@@ -3406,15 +3416,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); }
@@ -3424,7 +3436,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); }
@@ -5343,6 +5359,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. */
@@ -5818,7 +5837,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;
@@ -5826,16 +5845,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;
@@ -5843,59 +5858,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-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-who__name {
+.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;
@@ -5915,36 +6128,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;
@@ -5961,29 +6204,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;
   }
 }