create-pmos 0.133.0 → 0.135.0

package/workspace/public/pm/c3-plan.js

@@ -17,9 +17,9 @@ import { needRow } from './c3-brief.js';
 /** Re-point a plan node at another scope (the Work tab's lens). Only the demo has a deck per scope. */
 export const setPlanScope = (host, scope) => setBriefingScope(host, scope);
 
-export function planNode(scope) {
+export function planNode(scope, opts) {
   const host = el('div', { 'data-c3pg': 'plan' });
-  mountBriefing(host, { noTicker: true, scope });
+  mountBriefing(host, { noTicker: true, scope, ...(opts || {}) });
   return host;
 }
 

package/workspace/public/pm/c3-reports.css

@@ -1,62 +1,62 @@
 /* pm/c3-reports.css — the Reports dashboards of the console3 page (c3-reports.js links it once, as ensureC3Css links console3.css).
- * Tokens only. Corners: 6px on a control, 8px on a container, else 0 (R27 as amended 2026-10-07). The console3 primitives (.card, .seg,
- * .fold, .nrow, .xp) come from console3.css; this file adds the page's own layout under .rp3. */
+ * Tokens only. Corners: 6px on a control, 8px on a container, else 0 (R27 as amended 2026-10-07). The console3 primitives (.card.sect, .calbar, .lh,
+ * .seg, .pill, .fold, .nrow, .xp, .chips, .chip2, .hero, .chgl) come from console3.css; this file adds the page's own layout under .rp3.
+ * The tile grid, the head row and the headline-deck clip are the mockup's 33-reports.css under real class names (.mk-reports is .rp3). */
 .rp3{display:grid;gap:var(--sp-4);min-width:0;align-content:start}
-.rp3-intro{margin:0;color:var(--muted-foreground);font-size:var(--fs-3)}
+.rp3>*{min-width:0}
+.rp3>[data-rp3-deck]{overflow:hidden}
 .rp3-pane{display:grid;gap:var(--sp-4);min-width:0;align-content:start}
 .rp3-pane[hidden]{display:none}
-.rp3 .rp3-tabs{justify-self:start;flex-wrap:wrap;max-width:100%}
-.rp3 .rp3-tabs button[aria-selected="true"]{background:var(--background);color:var(--foreground);box-shadow:0 0 0 1px var(--border)}
-.rp3 .rp3-tabs .tag{margin-left:2px}
-.rp3-bar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;min-width:0}
-.rp3 .rp3-scope{flex-wrap:wrap;max-width:100%}
-.rp3-pick{display:inline-flex;gap:8px;align-items:center;min-width:0;max-width:100%;font-size:var(--fs-2)}
+.rp3 .calbody,.rp3 .calbody>*{min-width:0}
+.rp3 .calbar{align-items:center}
+.rp3 .rp3-tabs{flex-wrap:wrap;max-width:100%}
+.rp3 .rp3-tabs .bdg{margin-left:2px}
+.rp3 .rp3-scope{justify-content:flex-end}
+.rp3 .rp3-scope[hidden]{display:none}
+/* the dashboard head: icon, title and dim line, then Share and Edit; 3 columns from 700px, the buttons on their own row below that */
+.rp3 .lh{grid-template-columns:auto minmax(0,1fr)}
+.rp3 .lh>.chips2{grid-column:1 / -1}
+@media (min-width:700px){.rp3 .lh{grid-template-columns:auto minmax(0,1fr) auto}.rp3 .lh>.chips2{grid-column:auto}}
+.rp3-pick{display:inline-flex;gap:8px;align-items:center;min-width:0;max-width:100%;font-size:var(--fs-2);margin-top:4px}
 .rp3-select{min-width:0;max-width:100%;min-height:32px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);font:var(--fs-2) var(--mono);padding:4px 8px}
 .rp3-select:disabled{opacity:.6;cursor:not-allowed}
-.rp3-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;min-width:0}
-.rp3-ttl{display:grid;gap:2px;min-width:0}
-.rp3-ttl h2{margin:0;font:600 var(--fs-5)/1.3 var(--sans);overflow-wrap:anywhere}
-.rp3-ttl .dim{font:var(--fs-2) var(--mono)}
-.rp3-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
-.rp3-btn{display:inline-flex;gap:6px;align-items:center;min-height:32px;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);font:500 var(--fs-2) var(--mono);cursor:pointer}
-.rp3-btn[aria-pressed="true"],.rp3-btn.rp3-pri{background:var(--foreground);color:var(--background);border-color:var(--foreground)}
-.rp3-btn:disabled{opacity:.5;cursor:not-allowed}
 .rp3-btn:focus-visible,.rp3-select:focus-visible,.rp3-about:focus-visible,.rp3-librow:focus-visible{outline:2px solid color-mix(in oklab, var(--ring) 50%, var(--foreground));outline-offset:2px}
-.rp3-ib{padding:4px 6px}
+@media (hover:hover){.rp3-about:hover{color:var(--foreground)}}
+@media (pointer:coarse){.rp3-select{min-height:44px}.rp3-about{min-height:44px}.rp3-librow{min-height:48px}}
 .rp3-rot .ic{transform:rotate(90deg)}
-@media (hover:hover){
-.rp3-btn:not(:disabled):hover{border-color:var(--ring)}
-.rp3-about:hover{color:var(--foreground)}
-}
-@media (pointer:coarse){
-.rp3-btn,.rp3-select{min-height:44px}
-.rp3-about{min-height:44px}
-.rp3-librow{min-height:48px}
-}
-.rp3-note{margin:0;font-size:var(--fs-3)}
+.rp3-note{margin:0}
 .rp3-status{margin:0;font-size:var(--fs-2)}
-.rp3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:var(--sp-4);align-items:start;min-width:0}
-.rp3-w{display:grid;gap:6px;min-width:0;align-content:start}
-.rp3-w>.card{min-width:0}
+/* the tiles: section cards in a grid (the mockup's .tiles). The real builders draw inside; their own head keeps only its question line. */
+.rp3 .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:var(--sp-4);align-items:start;min-width:0}
+.rp3 .tiles>.card{min-width:0}
+.rp3 .tiles.editing>.card{border-style:dashed;border-color:var(--ring)}
+.rp3-w{display:grid;gap:var(--sp-3);min-width:0;align-content:start}
+.rp3-w>.sh2{grid-column:auto}
 .rp3-w svg{max-width:100%}
-.rp3.editing .rp3-w{outline:1px dashed var(--ring);outline-offset:6px;border-radius:8px}
-.rp3-wh{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;min-width:0}
-.rp3-wt{font:600 var(--fs-3) var(--sans);overflow-wrap:anywhere}
+.rp3-w>.card{min-width:0;border:0;box-shadow:none;background:transparent;padding:0;border-radius:0}
+.rp3-w>.card>h3{margin:0}
+.rp3-w>.card>h3 .dim{font-size:var(--fs-2);text-transform:none;letter-spacing:0;font-family:var(--sans)}
+.rp3-w>.card>h3 .dim::first-letter{text-transform:uppercase}
 .rp3-about{display:flex;gap:6px;align-items:center;color:var(--muted-foreground);font:var(--fs-2) var(--mono);cursor:pointer;padding:4px 2px;border-radius:6px}
 .rp3-case{display:grid;gap:6px;padding:8px 2px 4px;font-size:var(--fs-3)}
 .rp3-case p{margin:0}
-.rp3-add .sh h3{margin:0;font:600 var(--fs-3) var(--sans)}
-.rp3-addrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--border)}
 .rp3-librow .tt{font-size:var(--fs-4)}
 .rp3-libcard{padding-top:10px;min-width:0}
-.rp3-share{display:grid;gap:var(--sp-4);min-width:0}
-.rp3-frame{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:14px;display:grid;gap:12px;min-width:0}
-.rp3-frame h4{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--border);font:500 var(--fs-1) var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground)}
-.rp3-frame h5{margin:8px 0 2px;font:600 var(--fs-3) var(--sans)}
-.rp3-frame p{margin:0;overflow-wrap:anywhere}
-.rp3-hl{font:600 var(--fs-4)/1.35 var(--sans)}
-.rp3-nums{margin:4px 0 0;padding-left:18px;color:var(--muted-foreground);font-size:var(--fs-2)}
-.rp3-why{margin:0;border-left:3px solid var(--warning);background:var(--muted);padding:8px 10px;font-size:var(--fs-2)}
-.rp3-wrap{flex-wrap:wrap}
-.ph .rp3-grid,.rp3.ph .rp3-grid{grid-template-columns:minmax(0,1fr)}
-.ph .rp3-addrow,.rp3.ph .rp3-addrow{grid-template-columns:minmax(0,1fr)}
+.rp3-share,.rp3-frame{display:grid;gap:var(--sp-4);min-width:0}
+.rp3-hl{overflow-wrap:anywhere}
+.rp3-nums{margin:4px 0 0;padding-left:18px;color:var(--muted-foreground);font-size:var(--fs-2);font-weight:400}
+.rp3-why{margin:0}
+/* a row with buttons keeps them on its right (console3 sets two columns for every .brief row); under 560px they drop under the text */
+.rp3 .brief .nrow:has(>.acts){grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
+.rp3 .brief .nrow>.acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
+@media (max-width:560px){.rp3 .brief .nrow:has(>.acts){grid-template-columns:auto minmax(0,1fr)}.rp3 .brief .nrow>.acts{grid-column:2;justify-content:flex-start}}
+.rp3-draft-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--fs-2)/1.5 var(--mono)}
+.rp3 .seg button:disabled,.rp3-share .seg button:disabled{opacity:.6;cursor:not-allowed}
+.rp3-min0{min-width:0}
+.rp3-sub{font-size:var(--fs-2)}
+.rp3-flat{margin:0}
+.rp3-stack{display:grid;gap:var(--sp-3)}
+.rp3-stack4{display:grid;gap:var(--sp-4)}
+.ph .tiles,.rp3.ph .tiles{grid-template-columns:minmax(0,1fr)}
+.rp3 button.ib.ib{width:28px;padding:0;justify-content:center;color:var(--foreground)}
+.rp3 button.ib.ib:disabled{opacity:.35}