create-pmos 0.153.0 → 0.155.0

package/workspace/public/pm/c3-terminal-icons.js

@@ -14,7 +14,6 @@ export const ICON = { agent: 'bolt', terminal: 'term' };   // the mockup's heade
 export const TIPS = {
   agentHeader: (n) => (n ? 'Agent surfaces: ' + n + (n === 1 ? ' session needs you' : ' sessions need you') : 'Agent surfaces: sessions, results to accept, questions for you'),
   agentDock: 'Agent surfaces: the full page of sessions that need you',
-  terminalRail: 'Sessions dock (Ctrl J): the terminals of your branches',
   terminalOpen: 'Open the session: its real terminal, on this page',
 };
 

package/workspace/public/pm/console3.css

@@ -1139,6 +1139,7 @@
  * `.c3.ph .dock` above hide the mockup's own names on a phone, and this page keeps its tabs there. Append-only. */
 .c3.c3pg{overflow-x:clip;max-width:1412px;margin:0 auto;padding:16px 16px 24px;min-height:100vh}
 .c3 .c3grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
+.c3 .c3grid:not(:has(> .c3dock:not([hidden]))){grid-template-columns:minmax(0,1fr)}   /* a folded dock leaves no column and no gap */
 .c3 .c3main{min-width:0;display:grid;gap:14px;container-type:inline-size;align-content:start}
 .c3 .c3top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
 .c3 .c3top h1{margin:0;font-size:var(--fs-5);font-weight:600;display:flex;gap:8px;align-items:center}
@@ -1168,7 +1169,6 @@
 .c3 .c3pg-initbody>[hidden]{display:none}
 .c3 .c3dock{position:sticky;top:12px;width:330px;border:1px solid var(--border);background:var(--card);display:flex;flex-direction:column;max-height:calc(100vh - 24px);border-radius:10px;overflow:hidden}
 .c3 .c3dock[hidden]{display:none}
-.c3 .c3dock.rail{width:46px;align-items:center;padding-block:8px;gap:8px;overflow:visible}
 .c3 .c3dock .dk-h{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border)}
 .c3 .c3dock .dk-h select{flex:1;min-width:0;font:500 var(--fs-2) var(--mono);border:0;background:transparent;padding:4px;color:var(--foreground)}
 .c3 .c3dock .dk-h a.ib{text-decoration:none}
@@ -1211,7 +1211,6 @@
 .c3 .c3dock .dk-p .form{display:flex;gap:6px;align-items:center}
 .c3 .c3dock .dk-p .form input[type=text]{flex:1;min-width:0}
 .c3 .c3dock .dk-p .form input:disabled{opacity:.6;cursor:not-allowed}
-.c3 .c3dock.rail .ib .mk{width:auto}
 /* the Briefing's middle column is the mockup's ribbon: the zoom switch, no previous/next row */
 .c3 .c3pg-midcal .calbar>.chips2{display:none}
 @media (prefers-reduced-motion:reduce){.c3 .mk.w{animation:none}}
@@ -2074,7 +2073,102 @@
 }
 .c3 .ds input[type=checkbox]{width:auto;min-height:0;padding:0;margin:0;flex:none;border-radius:0}
 
+/* the document sheet v2 (initiative c3-doc-sheet-v2): the outline, the copies in other tools, the Relations graph */
+@media (min-width:761px){.c3 .sheet.dw.dwx{width:min(1100px,calc(100% - 24px))}}
+.c3 .ds-acc{color:var(--acc)}
+.c3 .ds-rmain{display:grid;gap:var(--sp-3);min-width:0}
+.c3 .ds-rlay{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--sp-4);align-items:start}
+.c3 .ds-rlay.nool{grid-template-columns:minmax(0,1fr)}
+.c3 .ds-rlay.nool .ds-ol{display:none}
+.c3 .ds-ol{position:sticky;top:var(--in-ds-oltop,0);max-height:var(--in-ds-olmax,60vh);overflow:auto;display:grid;gap:6px;align-content:start;padding:10px 8px 10px 0;border-right:1px solid var(--border);font-size:var(--fs-2)}
+.c3 .ds-ol .hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-left:8px}
+.c3 .ds-ol .hd .ds-mono{font-size:var(--fs-1)}
+.c3 .ds-ol input{margin-left:8px;width:calc(100% - 8px);font:var(--fs-2) var(--mono);padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground)}
+.c3 .ds-ol ul{list-style:none;margin:0;padding:0;display:grid}
+.c3 .ds-ol li{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start}
+.c3 .ds-ol li.l2 .go{padding-left:18px}
+.c3 .ds-ol li.l3 .go{padding-left:32px}
+.c3 .ds-ol .tw{width:18px;min-height:26px;display:grid;place-items:center;color:var(--muted-foreground);background:none;border:0;padding:0;border-radius:6px}
+.c3 .ds-ol .tw[aria-expanded="true"] .ic{transform:rotate(90deg)}
+.c3 .ds-ol .go{display:flex;align-items:flex-start;gap:6px;width:100%;text-align:left;background:none;border:0;border-left:2px solid transparent;padding:4px 8px;border-radius:0;color:var(--muted-foreground);line-height:1.35;font:inherit;min-height:0;justify-content:flex-start}
+.c3 .ds-ol .go span{flex:1;min-width:0}
+.c3 .ds-ol li.l1 .go{color:var(--foreground)}
+.c3 .ds-ol li.on .go{color:var(--acc);border-left-color:var(--acc);background:color-mix(in oklab,var(--acc) 8%,transparent);font-weight:500}
+.c3 .ds-ol .mdot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-top:6px;flex:none}
+.c3 .ds-ol .mdot.w{background:var(--warning)}
+.c3 .ds-ol .mdot.p{background:var(--agent)}
+.c3 .ds-ol .key{display:flex;flex-wrap:wrap;gap:4px 10px;padding:6px 0 0 8px;border-top:1px solid var(--border);font-size:var(--fs-1)}
+.c3 .ds-ol .key span{display:inline-flex;gap:4px;align-items:center}
+.c3 .ds-ol .key .mdot{margin:0}
+.c3 .ds-ol .none{padding:4px 8px}
+.c3 .ds-olbtn{display:none}
+.c3 .ds-olbtn b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
+@media (hover:hover){.c3 .ds-ol .go:hover{background:var(--muted);color:var(--foreground)}.c3 .ds-gn:not(.x):not(.me):hover{border-color:var(--ring)}}
+@media (max-width:900px){
+  .c3 .ds-rlay{grid-template-columns:minmax(0,1fr)}
+  .c3 .ds-olhide{display:none}
+  .c3 .ds-olbtn{display:inline-flex;max-width:100%}
+  .c3 .ds-ol{display:none;z-index:3;max-height:60vh;border:1px solid var(--ring);border-radius:8px;background:var(--card);padding:10px 8px;box-shadow:0 8px 24px color-mix(in oklab,var(--foreground) 14%,transparent)}
+  .c3 .ds-rlay.olopen .ds-ol,.c3 .ds-rlay.nool.olopen .ds-ol{display:grid}
+}
+.c3 .ds-sync{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);min-width:0}
+.c3 .ds-sync .hd{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
+.c3 .ds-sync ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
+.c3 .ds-sync li{display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--background);min-width:0}
+.c3 .ds-sync .l1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
+.c3 .ds-sync .l1 .tag{margin-left:auto;display:inline-flex;gap:4px;align-items:center}
+.c3 .ds-sync p{margin:0;font-size:var(--fs-2);line-height:1.5}
+.c3 .ds-sync .ds-mono{font-size:var(--fs-1);overflow-wrap:anywhere}
+.c3 .ds-sync a.ds-btn{text-decoration:none}
+.c3 .ds-linkadd input{border-color:var(--border)}
+.c3 .ds-graph{position:relative;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--card);display:grid;gap:18px;min-width:0}
+.c3 .ds-gsvg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
+.c3 .ds-gsvg .e{fill:none;stroke:var(--ring);stroke-width:1.5}
+.c3 .ds-gsvg .e.drift{stroke:var(--warning);stroke-dasharray:5 4}
+.c3 .ds-gsvg .e.conflict{stroke:var(--destructive);stroke-dasharray:5 4}
+.c3 .ds-gsvg .e.missing{stroke:var(--muted-foreground);stroke-dasharray:2 4}
+.c3 .ds-gsvg .e.ahead{stroke:var(--acc)}
+.c3 .ds-gtop{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative}
+.c3 .ds-gmid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;position:relative}
+.c3 .ds-gcol{display:grid;gap:10px;min-width:0}
+.c3 .ds-gn{display:grid;gap:2px;text-align:left;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);min-width:0;position:relative;text-decoration:none;font:inherit;min-height:0;justify-content:stretch}
+.c3 .ds-gtop .ds-gn{min-width:140px;max-width:220px}
+.c3 .ds-gn b{font-weight:500;font-size:var(--fs-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.c3 .ds-gn small{font:var(--fs-1) var(--mono);color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.c3 .ds-gn.drift small{color:var(--warning)}
+.c3 .ds-gn.conflict small{color:var(--destructive)}
+.c3 .ds-gn.ahead small{color:var(--acc)}
+.c3 .ds-gn.me{border-color:var(--acc);border-width:1.5px;background:color-mix(in oklab,var(--acc) 10%,var(--background));padding:10px 12px}
+.c3 .ds-gmore{font-size:var(--fs-1)}
+.c3 .ds-graph .key{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:var(--fs-1);position:relative}
+.c3 .ds-graph .key span{display:inline-flex;gap:6px;align-items:center}
+.c3 .ds-graph .key .ln{width:14px;height:2px;display:inline-block;background:var(--ring)}
+.c3 .ds-graph .key .ln.drift{background:var(--warning)}
+.c3 .ds-graph .key .ln.ahead{background:var(--acc)}
+.c3 .ds-graph .key .chip2{margin-left:auto}
+.c3 .ds-rel{list-style:none;margin:0;padding:0;display:grid;gap:4px}
+.c3 .ds-rel li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}
+.c3 .ds-rlk{display:grid;gap:2px;text-align:left;background:none;border:0;padding:0;color:var(--foreground);font:inherit;text-decoration:none;min-height:0;justify-content:start}
+.c3 .ds-rlk small{font:var(--fs-1) var(--mono);color:var(--muted-foreground)}
+@media (max-width:640px){
+  .c3 .ds-gmid{gap:16px}
+  .c3 .ds-graph{padding:8px}
+}
+@media (pointer:coarse){.c3 .ds-ol .go{min-height:44px}.c3 .ds-ol .tw{min-height:44px}.c3 .ds-gn{min-height:44px}}
+
 /* the card before a meeting (initiative c3-meeting-card) */
 .c3 .cal3-ctx .cal3-p{margin:0;font-size:var(--fs-2);line-height:1.5;color:var(--foreground)}
 .c3 .cal3-ctx.cal3-gist{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--muted)}
 .c3 .cal3-ctx h4{display:flex;align-items:center;gap:6px}
+
+/* what a meeting is about: the level switch, a board's sprint and the Portfolio's boards (initiative c3-meeting-board) */
+.c3 .cal3-level{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
+.c3 .cal3-level .cal3-note{margin:0}
+.c3 .cal3-level select{font:500 var(--fs-2) var(--mono);padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground)}
+.c3 .cal3-ctx h4 .cal3-h4r{font-weight:400;margin-left:auto}
+.c3 .cal3-bar{display:flex;height:8px;border-radius:6px;overflow:hidden;background:var(--muted)}
+.c3 .cal3-bar i{display:block;min-width:2px;flex:var(--cal3-n,0)}
+.c3 .cal3-bar i.d{background:var(--foreground)}
+.c3 .cal3-bar i.p{background:var(--acc);opacity:.55}
+.c3 .cal3-bar i.t{background:var(--border)}
+.c3 .cal3-counts{gap:10px;font-size:var(--fs-1)}

package/workspace/test-lists/c3-doc-sheet-v2.json

@@ -0,0 +1,6 @@
+{
+  "_comment": "Initiative c3-doc-sheet-v2: the console3 document sheet outline, the copies in other tools, and the Relations graph. The browser suite runs the done-criteria.",
+  "modules": [],
+  "panels": ["pm-c3-doc-sheet-v2-test.js"],
+  "seconds": { "pm-c3-doc-sheet-v2-test.js": 60 }
+}

package/workspace/test-lists/c3-meeting-board.json

@@ -0,0 +1,5 @@
+{
+  "_comment": "Initiative c3-meeting-board: what a meeting is about (the Portfolio, a board or an initiative), the level switch, a board's sprint and the Portfolio's boards on the Calendar's meeting card.",
+  "panels": ["pm-c3-meeting-board-test.js"],
+  "seconds": { "pm-c3-meeting-board-test.js": 45 }
+}