create-pmos 0.64.0 → 0.65.1

package/workspace/public/pm/components.css

@@ -1784,6 +1784,17 @@
 .in-derived {
   margin-bottom: 16px;
 }
+.in-files__bar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.in-files__hint {
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
 .in-files__title,
 .in-derived__title {
   margin: 0;
@@ -4503,6 +4514,302 @@
   }
 }
 
+/* Docs › All files (docs-library-graph): folding categories, one line per file, the match marked, Add copy on hover. */
+.rp-docs-folds {
+  display: flex;
+  flex-direction: column;
+}
+.rp-docs-hint {
+  margin: 0;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.rp-docs-mark {
+  background: var(--accent);
+  color: var(--foreground);
+}
+.rp-docs-path {
+  font-family: var(--mono);
+}
+.rp-docs-showall {
+  align-self: flex-start;
+  margin-top: 4px;
+}
+.rp-docs-links {
+  grid-column: 1 / -1;
+  padding: 4px 0 16px 24px;
+}
+.rp-docs-detail > .rp-docs-links {
+  padding-left: 0;
+}
+/* Add copy shows on hover or focus where the pointer can hover; without hover (a touch screen) it always shows. */
+@media (hover: hover) and (pointer: fine) {
+  .rp-docs-addcopy {
+    opacity: 0;
+  }
+  .rp-docs-row:hover .rp-docs-addcopy,
+  .rp-docs-row:focus-within .rp-docs-addcopy {
+    opacity: 1;
+  }
+}
+
+/* The links of one file: who links here on the left, what it links to on the right, lines behind real buttons. */
+.rp-graph {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  min-width: 0;
+}
+.rp-graph__head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+.rp-graph__title {
+  flex: 1 1 240px;
+  min-width: 0;
+  font-size: 14px;
+}
+.rp-graph__pic {
+  position: relative;
+  width: 100%;
+  max-width: 820px;
+  aspect-ratio: var(--rp-ar);
+  margin-top: 16px;
+}
+.rp-graph__lines {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.rp-graph__edge {
+  fill: none;
+  stroke: var(--muted-foreground);
+  stroke-width: 1;
+}
+.rp-graph__edge--cites {
+  stroke-dasharray: 4 3;
+}
+.rp-graph__node,
+.rp-graph__centre,
+.rp-graph__more {
+  position: absolute;
+  left: calc(var(--rp-x) * 1%);
+  top: calc(var(--rp-y) * 1%);
+  width: calc(var(--rp-w) * 1%);
+  transform: translateY(-50%);
+}
+.rp-graph__node,
+.rp-graph__item,
+.rp-net__node {
+  letter-spacing: normal;
+  text-transform: none;
+}
+.rp-graph__node {
+  justify-content: flex-start;
+  background: var(--background);
+  font-size: 12px;
+}
+.rp-graph__node--in {
+  justify-content: flex-end;
+}
+.rp-graph__node--cites {
+  border-style: dashed;
+}
+.rp-graph__node:focus-visible {
+  outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
+  outline-offset: 2px;
+}
+.rp-graph__centre {
+  padding: 6px 10px;
+  border: 1px solid var(--foreground);
+  background: var(--card);
+  font-size: 12px;
+  font-weight: 600;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.rp-graph__more {
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.rp-graph__more--in {
+  text-align: right;
+}
+.rp-graph__cap {
+  position: absolute;
+  top: -20px;
+  font-size: 11px;
+  color: var(--muted-foreground);
+}
+.rp-graph__cap--out {
+  right: 0;
+}
+.rp-graph__lists {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  width: 100%;
+}
+.rp-graph__col,
+.rp-graph__group {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+  min-width: 0;
+}
+.rp-graph__col {
+  gap: 12px;
+}
+.rp-graph__label {
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.rp-graph__item {
+  max-width: 100%;
+  justify-content: flex-start;
+}
+.rp-graph__hint {
+  margin: 0;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+@media (max-width: 760px) {
+  .rp-graph__lists {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* An initiative's files as a network: filled dots are its files, hollow dots the outside files they link to. */
+.rp-net {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.rp-net__pic {
+  position: relative;
+  width: 100%;
+  aspect-ratio: var(--rp-ar);
+  border: 1px solid var(--border);
+}
+.rp-net__lines {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+}
+.rp-net__edge {
+  stroke: var(--border);
+  stroke-width: 1;
+}
+.rp-net__edge--in {
+  stroke: var(--muted-foreground);
+}
+.rp-net__edge--cites {
+  stroke-dasharray: 4 3;
+}
+.rp-net__edge--hot {
+  stroke: var(--foreground);
+  stroke-width: 2;
+}
+.rp-net__node {
+  position: absolute;
+  left: calc(var(--rp-x) * 1%);
+  top: calc(var(--rp-y) * 1%);
+  height: auto;
+  min-height: 0;
+  padding: 2px 4px 2px 0;
+  transform: translate(-5px, -50%);
+  font-size: 11px;
+}
+.rp-net__node--in {
+  transform: translate(-7px, -50%);
+}
+.rp-net__node:focus-visible {
+  outline: 2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));
+  outline-offset: 2px;
+}
+.rp-net__node--sel .rp-net__label {
+  font-weight: 600;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+.rp-net__label {
+  max-width: 140px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--muted-foreground);
+}
+.rp-net__node--sel .rp-net__label,
+.rp-net__dot--in + .rp-net__label {
+  color: var(--foreground);
+}
+.rp-net__dot {
+  display: inline-block;
+  flex: none;
+  margin-right: 4px;
+  vertical-align: middle;
+  width: 10px;
+  height: 10px;
+  border: 1px solid var(--muted-foreground);
+  border-radius: 50%;
+  background: var(--background);
+}
+.rp-net__dot--in {
+  width: 14px;
+  height: 14px;
+  border-color: var(--foreground);
+  background: var(--foreground);
+}
+.rp-net__dash {
+  display: inline-block;
+  width: 18px;
+  border-top: 1px dashed var(--muted-foreground);
+}
+.rp-net__legend {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 16px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+.rp-net__legend > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.rp-net__sel {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 12px;
+  border: 1px solid var(--border);
+}
+.rp-net__sel-text {
+  display: flex;
+  flex: 1 1 240px;
+  flex-direction: column;
+  min-width: 0;
+  font-size: 14px;
+}
+.rp-net__path {
+  font-family: var(--mono);
+  font-size: 12px;
+  color: var(--muted-foreground);
+  overflow-wrap: anywhere;
+}
+
 /* People (people-directory): what waits for the PM, the list beside the chosen person's page. */
 .rp-people {
   display: flex;
@@ -4929,6 +5236,88 @@
   white-space: pre-wrap;
   font-size: 14px;
 }
+.nt-now {
+  background: var(--accent);
+}
+.nt-ln.nt-now {
+  color: var(--foreground);
+}
+.nt-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 4px;
+}
+.nt-tag {
+  margin-left: 4px;
+  padding: 0 4px;
+  border: 1px solid var(--border);
+  font-size: 11px;
+  color: var(--muted-foreground);
+}
+.nt-tags .nt-tag {
+  margin-left: 0;
+}
+.nt-edited {
+  font-size: 11px;
+  font-style: italic;
+  color: var(--muted-foreground);
+}
+.nt-heard {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+}
+.nt-ver {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--border);
+}
+.nt-diff {
+  align-self: stretch;
+  font-family: var(--mono);
+  font-size: 12px;
+  line-height: 18px;
+  white-space: pre-wrap;
+}
+.nt-diff__ln--same {
+  color: var(--muted-foreground);
+}
+.nt-diff__ln--add {
+  color: var(--foreground);
+  background: var(--accent);
+}
+.nt-diff__ln--del {
+  color: var(--muted-foreground);
+  text-decoration: line-through;
+}
+.nt-replay {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border);
+}
+.nt-audio {
+  flex: 1 1 320px;
+  min-width: 0;
+  height: 32px;
+}
+.nt-notelines {
+  display: flex;
+  flex-direction: column;
+  min-height: 96px;
+  font-size: 14px;
+  line-height: 22px;
+}
+.nt-noteline {
+  white-space: pre-wrap;
+}
 @media (max-width: 760px) {
   .nt-body2 {
     grid-template-columns: 1fr;