create-pmos 0.67.0 → 0.68.0

package/workspace/public/pm/components.css

@@ -403,6 +403,19 @@
   text-decoration: line-through;
   text-decoration-thickness: 1px;
 }
+/* compact: one line for the title and one for the meta, cut with an ellipsis (a narrow list, such as the dock's) */
+.pmc-row--compact .pmc-title__text,
+.pmc-row--compact .pmc-row__meta {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.pmc-row--compact .pmc-row__meta {
+  display: block;
+}
+.pmc-row--compact .pmc-row__meta > span {
+  display: inline;
+}
 .pmc-row--proposed .pmc-row__title {
   color: var(--muted-foreground);
 }
@@ -2378,9 +2391,13 @@
 .fr-ds-group {
   display: flex;
   flex-direction: column;
-  gap: 2px;
+  gap: 1px;
   padding-top: 8px;
 }
+.fr-ds-group + .fr-ds-group {
+  margin-top: 4px;
+  border-top: 1px solid var(--border);
+}
 .fr-ds-head {
   display: flex;
   align-items: center;
@@ -2396,12 +2413,35 @@
   color: var(--muted-foreground);
   font-size: 11px;
   font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+/* the group's name is its fold control: the chevron, the name, then how many sessions it holds */
+.fr-ds-head__toggle {
+  flex: 1 1 auto;
+  justify-content: flex-start;
+  min-width: 0;
+  margin-left: -6px;
+  padding: 0 6px;
+  color: var(--muted-foreground);
+  font-size: 11px;
+}
+.fr-ds-head__count {
+  flex: none;
+  padding-right: 4px;
+  color: var(--muted-foreground);
+  font-size: 11px;
+  font-variant-numeric: tabular-nums;
+}
+.fr-ds-head--plain .fr-ds-head__count {
+  padding-right: 10px;
+}
 .fr-ds-row {
-  gap: 2px;
-  padding: 2px 0 2px 6px;
+  gap: 6px;
+  min-height: 40px;
+  padding: 2px 0 2px 8px;
   border: 1px solid transparent;
   background: transparent;
 }
@@ -2409,6 +2449,35 @@
   border-color: var(--border);
   background: var(--card);
 }
+.fr-ds-row--ended {
+  color: var(--muted-foreground);
+}
+/* the state glyph: the shape is the state (lib/session-state.js GLYPH); the colour only repeats it */
+.fr-ds-glyph {
+  display: inline-grid;
+  place-items: center;
+  width: 12px;
+  font-size: 11px;
+  line-height: 1;
+  color: var(--foreground);
+}
+.fr-ds-glyph[data-state="quiet"],
+.fr-ds-glyph[data-state="exited"] {
+  color: var(--muted-foreground);
+}
+.fr-ds-glyph[data-state="blocked"] {
+  color: var(--warning);
+}
+/* A row's ⋯ and ✕ show on the row in front and on a row with the keyboard focus in it, so a long list is a column of
+ * names. They stay in place (and clickable) when faded, and a touch screen always shows them. */
+.fr-ds-row:not([data-front="true"]):not(:focus-within) .fr-ds-act {
+  opacity: 0;
+}
+@media (hover: hover) {
+  .fr-ds-row:not([data-front="true"]):not(:focus-within):hover .fr-ds-act {
+    opacity: 1;
+  }
+}
 .fr-ds-confirm {
   display: flex;
   flex-wrap: wrap;
@@ -2489,6 +2558,17 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.fr-ds-tabchip {
+  flex: 0 1 auto;
+  display: flex;
+  align-items: center;
+  align-self: center;
+  min-width: 96px;
+}
+.fr-ds-tabchip .fr-ds-chip {
+  flex: 0 1 auto;
+  min-width: 0;
+}
 .fr-ds-push {
   margin-left: auto;
   align-self: center;
@@ -2510,6 +2590,533 @@
   .fr-ds-row {
     min-height: 48px;
   }
+  .fr-ds-head__toggle {
+    min-height: 44px;
+  }
+  .fr-ds-row:not([data-front="true"]):not(:focus-within) .fr-ds-act {
+    opacity: 1;
+  }
+}
+
+/* workspace-tabs-declutter — a document tab's bar in live mode (tab-doc.js docBar): the save state and the copy, then
+ * Changes, revert, save, the markdown (or source) toggle and one ⋯ menu at the end. */
+.fr-doc-bar {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+  min-height: 44px;
+  padding: 6px 12px;
+  border-bottom: 1px solid var(--border);
+  background: var(--background);
+}
+.fr-doc-bar__copy {
+  min-width: 0;
+  max-width: 260px;
+}
+.fr-doc-bar__copy[data-tone="warn"],
+.fr-doc-bar__copy[data-tone="busy"] {
+  color: var(--foreground);
+}
+.fr-doc-bar__copy[data-tone="bad"] {
+  color: var(--warning);
+}
+.fr-doc-bar__status {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--muted-foreground);
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fr-doc-bar__status[data-tone="dirty"] {
+  color: var(--warning);
+}
+.fr-doc-bar__status[data-tone="error"] {
+  color: var(--destructive);
+}
+.fr-doc-bar__end {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: auto;
+}
+/* the in-place document (doc-editor.js): one scrolling pane, the document and its rail side by side */
+.fr-ed {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  background: var(--background);
+  color: var(--foreground);
+  container-type: inline-size;
+}
+.fr-ed__grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 40px;
+  margin: 0 auto;
+  padding: 28px 24px 72px 48px;
+}
+.fr-ed__grid[data-rail] {
+  grid-template-columns: minmax(0, 1fr) 260px;
+}
+.fr-ed__grid[data-measure="72ch"] {
+  max-width: calc(72ch + 72px);
+}
+.fr-ed__grid[data-measure="72ch"][data-rail] {
+  max-width: calc(72ch + 372px);
+}
+@container (max-width: 760px) {
+  .fr-ed__grid[data-rail] {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .fr-ed__grid {
+    padding: 20px 16px 56px 36px;
+  }
+}
+.fr-ed__main {
+  min-width: 0;
+  font-size: 14px;
+  line-height: 1.7;
+}
+.fr-ed__props {
+  margin-bottom: 28px;
+  border: 1px solid var(--border);
+  background: var(--card);
+}
+.fr-ed__props-sum {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 32px;
+  padding: 0 10px;
+  color: var(--muted-foreground);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  list-style: none;
+  cursor: pointer;
+}
+.fr-ed__props-sum::-webkit-details-marker {
+  display: none;
+}
+.fr-ed__props-sum:focus-visible,
+.fr-ed__prop-v:focus-visible,
+.fr-ed__blk:focus-visible,
+.fr-ed__box:focus-visible {
+  outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
+  outline-offset: -2px;
+}
+.fr-ed__props[open] .fr-ed__props-sum svg {
+  transform: rotate(90deg);
+}
+.fr-ed__props-n {
+  font-variant-numeric: tabular-nums;
+}
+.fr-ed__props-grid {
+  display: grid;
+  grid-template-columns: minmax(80px, 140px) minmax(0, 1fr);
+  border-top: 1px solid var(--border);
+}
+.fr-ed__prop-k,
+.fr-ed__prop-v {
+  min-width: 0;
+  min-height: 32px;
+  border-bottom: 1px solid var(--border);
+  font-family: var(--mono);
+  font-size: 12px;
+}
+.fr-ed__prop-k {
+  padding: 7px 12px;
+  color: var(--muted-foreground);
+}
+.fr-ed__prop-v {
+  padding: 0 12px;
+  border-left: 1px solid var(--border);
+  background: transparent;
+  color: var(--foreground);
+}
+.fr-ed__prop-v--ro {
+  padding-top: 7px;
+  color: var(--muted-foreground);
+  overflow-wrap: anywhere;
+}
+.fr-ed__props-grid > :nth-last-child(-n + 2) {
+  border-bottom: 0;
+}
+.fr-ed__blk {
+  position: relative;
+  margin: 0 -12px 10px;
+  padding: 2px 12px;
+  border-left: 2px solid transparent;
+  cursor: text;
+}
+.fr-ed__blk[data-k="h1"] {
+  margin-bottom: 16px;
+}
+.fr-ed__blk[data-k="h2"] {
+  margin-top: 24px;
+}
+.fr-ed__blk[data-k="h3"] {
+  margin-top: 16px;
+}
+.fr-ed__md > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.fr-ed__h1 {
+  margin: 0;
+  font-family: var(--sans);
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.3;
+  text-wrap: balance;
+}
+@media (hover: hover) {
+  .fr-ed__blk:not(.fr-ed__blk--on):hover {
+    background: color-mix(in oklab, var(--muted) 40%, transparent);
+  }
+  .fr-ed__blk:hover .fr-ed__add {
+    opacity: 1;
+  }
+}
+.fr-ed__add {
+  position: absolute;
+  top: 0;
+  left: -36px;
+  opacity: 0;
+}
+.fr-ed__blk:focus-within .fr-ed__add {
+  opacity: 1;
+}
+@media (pointer: coarse) {
+  .fr-ed__add {
+    display: none;
+  }
+}
+.fr-ed__blk--on {
+  border-left-color: color-mix(in oklab, var(--ring) 50%, var(--foreground));
+  background: var(--card);
+  cursor: auto;
+}
+.fr-ed__src {
+  display: block;
+  width: 100%;
+  height: var(--fr-ed-h, auto);
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  color: var(--foreground);
+  font-family: var(--sans);
+  font-size: 14px;
+  line-height: 1.7;
+  resize: none;
+}
+.fr-ed__src::placeholder {
+  color: var(--muted-foreground);
+}
+.fr-ed__src--h1 {
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.3;
+}
+.fr-ed__src--h2 {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+.fr-ed__src--h3,
+.fr-ed__src--h4,
+.fr-ed__src--h5,
+.fr-ed__src--h6 {
+  font-weight: 600;
+}
+.fr-ed__src--code,
+.fr-ed__src--table {
+  font-family: var(--mono);
+  font-size: 12px;
+  line-height: 1.6;
+}
+.fr-ed__src--quote {
+  color: var(--muted-foreground);
+}
+.fr-ed__tools {
+  position: absolute;
+  z-index: 2;
+  top: -40px;
+  right: 6px;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--border);
+  background: var(--card);
+  box-shadow: 0 6px 18px color-mix(in oklab, var(--foreground) 12%, transparent);
+}
+.fr-ed__tools-hint {
+  padding: 0 8px 0 6px;
+  border-left: 1px solid var(--border);
+  color: var(--muted-foreground);
+  font-size: 11px;
+  white-space: nowrap;
+}
+.fr-ed__checks {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.fr-ed__check {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+}
+.fr-ed__check--more {
+  padding-left: 24px;
+}
+.fr-ed__box {
+  flex: none;
+  width: 14px;
+  height: 14px;
+  margin: 6px 0 0;
+  accent-color: var(--foreground);
+  cursor: pointer;
+}
+.fr-ed__check[data-done="yes"] .fr-ed__check-t {
+  color: var(--muted-foreground);
+  text-decoration: line-through;
+}
+.fr-ed__end {
+  margin-top: 8px;
+}
+.fr-ed__hint {
+  margin: 24px 0 0;
+  color: var(--muted-foreground);
+  font-size: 12px;
+}
+/* beside the document (doc-rail.js): the outline, or the file's connections drawn and listed */
+.fr-rail {
+  position: sticky;
+  top: 0;
+  align-self: start;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+}
+.fr-rail__tabs {
+  width: 100%;
+}
+.fr-rail__outline,
+.fr-rail__ties {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+.fr-rail__head[data-level="2"] {
+  padding-left: 12px;
+}
+.fr-rail__head[data-level="3"] {
+  padding-left: 24px;
+}
+.fr-rail__note {
+  margin: 0;
+  color: var(--muted-foreground);
+  font-size: 12px;
+  line-height: 1.5;
+}
+.fr-rail__note--bad {
+  color: var(--destructive);
+}
+.fr-rail__label {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+.fr-rail__graph {
+  display: block;
+  width: 100%;
+  height: auto;
+  border: 1px solid var(--border);
+  background: var(--card);
+}
+.fr-rail__edge {
+  stroke: var(--muted-foreground);
+  stroke-width: 1;
+  opacity: 0.6;
+}
+.fr-rail__edge--mention {
+  stroke-dasharray: 3 3;
+}
+.fr-rail__edge--copy {
+  stroke: var(--foreground);
+}
+.fr-rail__edge--flag {
+  stroke: var(--warning);
+  opacity: 1;
+}
+.fr-rail__edge.fr-rail--lit {
+  stroke: var(--foreground);
+  stroke-width: 2;
+  opacity: 1;
+}
+.fr-rail__me {
+  fill: var(--foreground);
+}
+.fr-rail__node {
+  cursor: pointer;
+}
+.fr-rail__node rect {
+  fill: var(--background);
+  stroke: var(--muted-foreground);
+  stroke-width: 1.5;
+}
+.fr-rail__node--copy rect {
+  stroke: var(--foreground);
+  stroke-dasharray: 2 2;
+}
+.fr-rail__node--flag rect {
+  stroke: var(--warning);
+  fill: color-mix(in oklab, var(--warning) 25%, var(--background));
+}
+.fr-rail__node text {
+  fill: var(--muted-foreground);
+  font-family: var(--sans);
+  font-size: 11px;
+}
+.fr-rail__node.fr-rail--lit rect {
+  stroke: var(--foreground);
+  stroke-width: 2;
+}
+.fr-rail__node.fr-rail--lit text {
+  fill: var(--foreground);
+}
+.fr-rail__tie--flag {
+  box-shadow: inset 2px 0 0 var(--warning);
+}
+.fr-rail__tie.fr-rail--lit {
+  background: color-mix(in oklab, var(--muted) 45%, transparent);
+}
+.fr-rail__findings {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  list-style: none;
+}
+.fr-rail__finding-s {
+  display: block;
+  color: var(--muted-foreground);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+}
+.fr-rail__finding[data-status="stale"] .fr-rail__finding-s,
+.fr-rail__finding[data-status="contradicted"] .fr-rail__finding-s {
+  color: var(--warning);
+}
+/* the copies sheet (doc-remote.js) */
+.fr-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid var(--border);
+}
+.fr-copy__state {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  font-weight: 600;
+}
+.fr-copy__dot {
+  width: 8px;
+  height: 8px;
+  flex: none;
+  background: var(--muted-foreground);
+}
+.fr-copy__state[data-tone="warn"] .fr-copy__dot,
+.fr-copy__state[data-tone="busy"] .fr-copy__dot {
+  background: var(--foreground);
+}
+.fr-copy__state[data-tone="bad"] .fr-copy__dot {
+  background: var(--warning);
+}
+.fr-copy__by {
+  color: var(--muted-foreground);
+  font-weight: 400;
+}
+.fr-copy__sides {
+  display: grid;
+  grid-template-columns: 96px minmax(0, 1fr);
+  gap: 8px 12px;
+  margin: 0;
+  font-size: 12px;
+}
+.fr-copy__sides dt {
+  color: var(--muted-foreground);
+}
+.fr-copy__sides dd {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  margin: 0;
+}
+.fr-copy__where {
+  overflow-wrap: anywhere;
+  color: var(--foreground);
+  font-family: var(--mono);
+}
+.fr-copy__edit {
+  color: var(--muted-foreground);
+}
+.fr-copy__diff {
+  margin: 0;
+  padding: 10px;
+  border: 1px solid var(--border);
+  background: var(--background);
+  font-size: 12px;
+}
+.fr-copy__acts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.fr-copy__p {
+  margin: 0;
+  color: var(--muted-foreground);
+  font-size: 12px;
+  line-height: 1.5;
+}
+/* the scratchpad in the frame (panel-tabs.js paintFramePad): the pad, then one row of actions and a short note */
+.fr-pad__row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+}
+.fr-pad__note {
+  min-width: 0;
+  margin-left: 8px;
+  overflow: hidden;
+  color: var(--muted-foreground);
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fr-pad__toggle {
+  margin-left: -8px;
 }
 
 /* -- layouts · .td- Today (Run 3, slice 3B) -- */