create-egregore 0.19.21 → 0.19.23

package/runtime/pi/.codex/skills/scroll/assets/shell.html

@@ -59,6 +59,127 @@
   };
 })();
 </script>
+<script id="scroll-logic">
+(function(root){
+  'use strict';
+  var api={};
+  function text(v){return v===undefined||v===null?'':String(v);}
+  function lf(v){return text(v).replace(/\r\n?/g,'\n');}
+  function nfc(v){var s=lf(v);return s.normalize?s.normalize('NFC'):s;}
+  function has(obj,key){return Object.prototype.hasOwnProperty.call(obj,key);}
+  function cleanLine(v){return lf(v).trim().replace(/\n+/g,' ');}
+  function undecided(){return {key:'UNDECIDED',label:'Leave this open'};}
+  function blankChannels(){return {single:{},multi:{},rank:{},weight:{},spectrum:{}};}
+  function forkMode(meta,did){return ((meta.forkModes||{})[did])||'single';}
+  function selectedFor(state,meta,did){
+    if(state.undecided&&has(state.undecided,did))return undecided();
+    var mode=forkMode(meta,did),channel=((state.channels||{})[mode])||{};
+    return has(channel,did)?channel[did]:null;
+  }
+  function pruneState(state,meta){
+    var source=state&&typeof state==='object'?state:{},out={channels:blankChannels(),undecided:{},decisions:{},notes:{},opens:{}};
+    var decisions=source.decisions&&typeof source.decisions==='object'?source.decisions:{};
+    var channels=source.channels&&typeof source.channels==='object'?source.channels:{};
+    var explicitUndecided=source.undecided&&typeof source.undecided==='object'?source.undecided:{};
+    var notes=source.notes&&typeof source.notes==='object'?source.notes:{};
+    var opens=source.opens&&typeof source.opens==='object'?source.opens:{};
+    (meta.forkOrder||[]).forEach(function(did){
+      var mode=forkMode(meta,did),modeChannel=channels[mode]&&typeof channels[mode]==='object'?channels[mode]:{};
+      var selected=modeChannel[did],legacy=decisions[did],allowed=(meta.forkOptions||{})[did],labels=(meta.forkLabels||{})[did]||{};
+      var isUndecided=has(explicitUndecided,did)||(legacy&&typeof legacy==='object'&&cleanLine(legacy.key)==='UNDECIDED');
+      if(mode==='single'){
+        if(!selected&&legacy&&typeof legacy==='object'&&cleanLine(legacy.key)!=='UNDECIDED')selected=legacy;
+        if(selected&&typeof selected==='object'){
+          var key=cleanLine(selected.key),label=cleanLine(selected.label);
+          if(key&&(!Array.isArray(allowed)||allowed.indexOf(key)!==-1)){
+            out.channels.single[did]={key:key,label:label||cleanLine(labels[key])||key};
+            out.decisions[did]=out.channels.single[did];isUndecided=false;
+          }
+        }
+      }else if(mode==='multi'&&Array.isArray(selected)){
+        var seen={},max=Number((meta.forkMax||{})[did]),picks=[];
+        selected.forEach(function(entry){
+          if(!entry||typeof entry!=='object')return;
+          var key=cleanLine(entry.key),label=cleanLine(entry.label);
+          if(!key||seen[key]||(Array.isArray(allowed)&&allowed.indexOf(key)===-1))return;
+          seen[key]=true;picks.push({key:key,label:label||cleanLine(labels[key])||key});
+        });
+        if(Number.isInteger(max)&&max>0)picks=picks.slice(0,max);
+        if(picks.length){out.channels.multi[did]=picks;isUndecided=false;}
+      }else if(mode==='rank'&&Array.isArray(selected)){
+        var rankSeen={},rankCount=0,ranks=[];
+        selected.forEach(function(tier){
+          if(!Array.isArray(tier)||rankCount>=5)return;
+          var cleanTier=[];
+          tier.forEach(function(entry){
+            if(rankCount>=5||!entry||typeof entry!=='object')return;
+            var key=cleanLine(entry.key),label=cleanLine(entry.label);
+            if(!key||rankSeen[key]||(Array.isArray(allowed)&&allowed.indexOf(key)===-1))return;
+            rankSeen[key]=true;rankCount++;cleanTier.push({key:key,label:label||cleanLine(labels[key])||key});
+          });
+          if(cleanTier.length)ranks.push(cleanTier);
+        });
+        if(ranks.length){out.channels.rank[did]=ranks;isUndecided=false;}
+      }else if(mode==='spectrum'&&selected&&typeof selected==='object'){
+        var position=Number(selected.position),positionKey=cleanLine(selected.position),label=cleanLine(selected.label),authoredLabel='';
+        Object.keys(labels).some(function(key){
+          if(Number(key)!==position)return false;
+          authoredLabel=cleanLine(labels[key]);return true;
+        });
+        if(Number.isFinite(position)&&position>=0&&position<=1
+          &&(!Array.isArray(allowed)||allowed.some(function(value){return Number(value)===position;}))){
+          out.channels.spectrum[did]={position:position,label:label||authoredLabel||positionKey};
+          isUndecided=false;
+        }
+      }
+      if(isUndecided){
+        out.undecided[did]=true;out.decisions[did]=undecided();
+      }
+      if(has(notes,did)&&lf(notes[did]).trim()){
+        out.notes[did]=nfc(notes[did]);
+        if(!selectedFor(out,meta,did)){out.undecided[did]=true;out.decisions[did]=undecided();}
+      }
+    });
+    (meta.promptOrder||[]).forEach(function(oid){if(has(opens,oid)&&lf(opens[oid]).trim())out.opens[oid]=nfc(opens[oid]);});
+    return out;
+  }
+  function decisionProgress(state,meta){
+    var current=pruneState(state,meta),total=(meta.forkOrder||[]).length,done=0;
+    (meta.forkOrder||[]).forEach(function(did){if(selectedFor(current,meta,did))done++;});
+    return {done:Math.min(done,total),total:total};
+  }
+  function buildDecisionsFence(state,meta){
+    var current=pruneState(state,meta),out='#'+meta.slug+'-decisions:v'+meta.version+'\n'
+      +'surface: '+meta.surfaceId+'\n'+'harvest: '+meta.harvestId+'\n'+'date: '+meta.date+'\n\n';
+    (meta.forkOrder||[]).forEach(function(did,i){
+      var selected=selectedFor(current,meta,did),mode=forkMode(meta,did);
+      if(!selected)return;
+      if(selected.key==='UNDECIDED')out+='Q'+(i+1)+' '+did+': UNDECIDED\n';
+      else if(mode==='multi'){
+        out+='Q'+(i+1)+' '+did+': ['+selected.map(function(pick){return pick.key;}).join(', ')+']  ('
+          +selected.map(function(pick){return '"'+pick.label+'"';}).join(' + ')+')\n';
+      }else if(mode==='rank'){
+        out+='Q'+(i+1)+' '+did+': '+selected.map(function(tier){
+          return tier.map(function(pick){return pick.key;}).join(' = ');
+        }).join(' > ')+'\n';
+      }else if(mode==='spectrum'){
+        var ends=(meta.forkEnds||{})[did]||[];
+        out+='Q'+(i+1)+' '+did+': '+selected.position+'  ('+cleanLine(ends[0])+'\u2192'+cleanLine(ends[1])+')\n';
+      }else out+='Q'+(i+1)+' '+did+': '+selected.key+'  ("'+selected.label+'")\n';
+      var note=current.notes[did];
+      if(note&&note.trim()){
+        out+='   note: |\n';
+        lf(note).split('\n').forEach(function(line){out+='      '+line+'\n';});
+      }
+    });
+    if((meta.promptOrder||[]).length)out+='\n';
+    (meta.promptOrder||[]).forEach(function(oid,i){var answer=has(current.opens,oid)?cleanLine(current.opens[oid]):'';out+='O'+(i+1)+' '+oid+': '+(answer||'UNDECIDED')+'\n';});
+    return out;
+  }
+  api.pruneState=pruneState;api.decisionProgress=decisionProgress;api.buildDecisionsFence=buildDecisionsFence;
+  root.__scroll=api;
+})(typeof window!=='undefined'?window:globalThis);
+</script>
 <style>
 /*__MERIDIAN_CSS__*/
 
@@ -130,10 +251,10 @@ section::after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;heigh
   border-radius:0 10px 10px 0;padding:16px 22px;margin:24px 0;color:var(--text-dim)}
 .callout b{color:var(--text)}
 
-/* spectrum (progression of 2-4 options) */
-.spectrum{display:grid;gap:0;margin:26px 0 10px;grid-auto-flow:column;grid-auto-columns:1fr;
+/* phase strip (progression of 2-4 explanatory phases) */
+.phase-strip{display:grid;gap:0;margin:26px 0 10px;grid-auto-flow:column;grid-auto-columns:1fr;
   border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
-@media(max-width:680px){.spectrum{grid-auto-flow:row}}
+@media(max-width:680px){.phase-strip{grid-auto-flow:row}}
 .sp{padding:22px 22px 24px;border-right:1px solid var(--border-soft);position:relative}
 .sp:last-child{border-right:none}
 .sp.win{background:var(--t1-bg)}
@@ -318,11 +439,13 @@ body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-heigh
 
 .dcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin:22px 0}
 .dcard.answered{border-color:var(--t1);box-shadow:0 0 0 2px var(--t1-bg)}
+.dcard.left-open{border-color:var(--t3);box-shadow:0 0 0 2px color-mix(in srgb,var(--t3) 16%,transparent)}
 .dhead{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
 .dhead .dnum{font-family:var(--mono);font-size:.74rem;color:var(--t1);font-weight:600;flex:none;border:1px solid var(--t1);border-radius:6px;padding:1px 7px;background:var(--card)}
 .dhead h3{font-family:var(--serif);font-weight:400;margin:0;font-size:1.2rem;line-height:1.25;color:var(--ink)}
 .dframe{font-size:.96rem;color:var(--ink-soft);margin:6px 0 4px}
 .dframe .ref{font-family:var(--mono);font-size:.78rem;color:var(--ink-faint)}
+.modehint{margin:14px 0 -8px;font-family:var(--mono);font-size:.7rem;letter-spacing:.4px;color:var(--ink-faint)}
 
 .opts{display:grid;gap:12px;margin:18px 0 6px}
 .opts.two{grid-template-columns:1fr 1fr}.opts.three{grid-template-columns:1fr 1fr 1fr}
@@ -334,6 +457,28 @@ body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-heigh
 .opt .okey{font-family:var(--mono);font-size:.7rem;width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;color:var(--ink-soft);flex:none;background:var(--card)}
 .opt.sel .okey{background:var(--t1);color:var(--paper);border-color:var(--t1)}
 .opt .olabel{font-weight:600;color:var(--ink);font-size:.96rem;line-height:1.25}
+.spectrum-poles{display:flex;justify-content:space-between;gap:20px;margin:17px 2px 8px;font-family:var(--mono);font-size:.72rem;color:var(--ink-soft)}
+.spectrum-poles span:last-child{text-align:right}
+.spectrum-stops{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:10px 0 6px}
+.sstop{appearance:none;border:1px solid var(--line);border-radius:10px;padding:12px 9px;background:var(--paper);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;font-family:var(--sans);transition:.16s}
+.sstop:hover{border-color:var(--t1);background:var(--paper-2)}
+.sstop.sel{border-color:var(--t1);background:var(--t1-bg);box-shadow:0 0 0 2px var(--t1)}
+.spos{font-family:var(--mono);font-size:.68rem;color:var(--ink-faint)}
+.slabel{font-size:.82rem;font-weight:600;line-height:1.25}
+.rank-list{display:flex;flex-direction:column;gap:9px;margin:18px 0 6px}
+.rank-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:start;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:var(--paper);transition:.16s}
+.rank-item.ranked{border-color:var(--t1);background:var(--t1-bg)}
+.rank-toggle{appearance:none;border:0;background:transparent;color:var(--ink);padding:2px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font:inherit}
+.rank-toggle .rank-badge{font-family:var(--mono);font-size:.68rem;min-width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--ink-faint);background:var(--card)}
+.rank-item.ranked .rank-badge{border-color:var(--t1);background:var(--t1);color:var(--paper)}
+.rank-toggle .rank-label{font-weight:600;line-height:1.3}
+.rank-controls{display:flex;gap:5px;align-items:center}
+.rank-controls button{appearance:none;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink-soft);font-family:var(--mono);font-size:.66rem;padding:5px 7px;cursor:pointer;min-height:29px}
+.rank-controls button:hover:not(:disabled){border-color:var(--t1);color:var(--t1)}
+.rank-controls button:disabled{opacity:.35;cursor:not-allowed}
+.rank-item .otrade{grid-column:1 / -1;padding-left:37px}
+.rank-summary{margin:12px 0 -7px;padding:9px 11px;border:1px dashed var(--line);border-radius:8px;background:var(--paper);font-family:var(--mono);font-size:.72rem;color:var(--ink-soft)}
+@media(max-width:620px){.rank-item{grid-template-columns:1fr}.rank-controls{padding-left:37px}.rank-item .otrade{padding-left:37px}}
 .oviz{font-family:var(--mono);font-size:.7rem;line-height:1.5;color:var(--ink-soft);background:var(--card);border:1px solid var(--line-soft);border-radius:8px;padding:9px 11px;white-space:pre-wrap;overflow-x:auto}
 .obadges{display:flex;flex-wrap:wrap;gap:6px}
 .obadges .bdg{font-family:var(--mono);font-size:.64rem;border:1px solid var(--line);border-radius:20px;padding:2px 9px;background:var(--card);color:var(--ink-soft)}
@@ -346,9 +491,13 @@ body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-heigh
 .orec{margin-top:14px;font-size:.88rem;color:var(--ink-soft);background:var(--paper);border:1px dashed var(--t1);border-radius:9px;padding:11px 14px}
 .orec b{color:var(--t1)}
 .orec::before{content:"\2605 lean  ";font-family:var(--mono);font-size:.72rem;letter-spacing:1px;color:var(--t1);font-weight:600}
+.undecided-control{appearance:none;display:flex;align-items:baseline;gap:9px;width:100%;margin-top:14px;padding:10px 13px;border:1px dashed var(--line);border-radius:9px;background:transparent;color:var(--ink-soft);font-family:var(--sans);font-size:.86rem;text-align:left;cursor:pointer}
+.undecided-control:hover{border-color:var(--t3);background:var(--paper)}
+.undecided-control[aria-pressed="true"]{border-style:solid;border-color:var(--t3);background:color-mix(in srgb,var(--t3) 10%,var(--paper));color:var(--ink)}
+.undecided-control .uwhen{font-family:var(--mono);font-size:.68rem;color:var(--ink-faint)}
 .dnote,.otext{width:100%;margin-top:14px;font-family:var(--sans);font-size:.9rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:11px 13px;resize:vertical;min-height:46px;line-height:1.5}
 .dnote::placeholder,.otext::placeholder{color:var(--ink-faint)}
-.dnote:focus,.otext:focus,.opt:focus-visible{outline:2px solid var(--t1);outline-offset:1px}
+.dnote:focus,.otext:focus,.opt:focus-visible,.sstop:focus-visible,.rank-toggle:focus-visible,.rank-controls button:focus-visible,.undecided-control:focus-visible{outline:2px solid var(--t1);outline-offset:1px}
 .oprompt{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--sky);border-radius:14px;padding:22px 24px;margin:22px 0}
 .oprompt .otext{min-height:80px}
 .oprompt h3{font-family:var(--serif);font-weight:400;margin:0 0 8px;font-size:1.15rem;color:var(--ink)}
@@ -387,14 +536,10 @@ body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-heigh
 
 <div id="view-paper" class="view active">
   <div class="wrap">
-<!-- __FACE__ : replace this comment with the paper face. Required grammar:
+<!-- __FACE__ : replace this comment with the paper face. Composition semantics and module-fit rules live in SKILL.md; this is syntax reference only:
   <header class="phead">  kicker · h1 · subtitle · .meta (Author / Version vN — updates in place / Grounds / Date)
-  <section id="s-…"> blocks (rail-nav builds from these; h2 per section):
-    · the setting/question — what exists, what it cannot answer; .claims grid for load-bearing numbers; .thesis for the reframe
-    · the lenses — 2–4 distinct mental models of the same design (h3 each); every lens must stress-test, not decorate
-    · the machine — the concrete architecture; .layers for anatomy; tokenized SVG <figure> (fill/stroke ONLY var(--token)); .steps for protocol
-    · the consequences/product section
-    · honest costs — .threats grid of .tcard, each residual deep-linking <a onclick="goFork('fork-id')"> to the fork that prices it
+  <section id="s-…"> one block per chosen module; rail-nav builds from these; use h2 per section.
+  Available structures: .claims for load-bearing numbers · .thesis for a reframe · .layers for anatomy · .steps for protocol · tokenized SVG <figure> (fill/stroke ONLY var(--token)) · .threats of .tcard · <a onclick="goFork('fork-id')"> for a cost priced by a fork.
   <footer class="pfoot"> title line · .src grounds + "updates in place" note · .tag-row
 -->
   </div>
@@ -402,14 +547,16 @@ body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-heigh
 
 <div id="view-harvest" class="view">
   <div class="wrap">
-<!-- __HARVEST__ : replace this comment with the harvest face. Required grammar:
+<!-- __HARVEST__ : replace this comment with the decisions face. Question-design rules live in SKILL.md; this is syntax reference only:
   <div class="hv-hero"> .sig · h1 · lede naming every fork in one breath · .hv-meta (Respondent / Surface: N forks · M prompts / Loop: paste-back → vN+1 / Returns to)
-  <div class="callout"> how-to-read (every option carries a real + and a real −; at most one ★ lean; the why-note rides back)
+  <div class="callout"> how-to-read
   <section class="band"> per band (2–4 bands), .bhead with .bnum letter:
-    <div class="dcard" data-decision="fork-id"> · .dhead (.dnum A1 · h3 question) · .dframe with .ref grounds
-      .opts.two|.three of <div class="opt" data-opt="key" data-label="Label"> · .ohead (.okey letter · .olabel) · optional .oviz (mono sketch) / .obadges · .otrade (one .plus + one .minus — an option with no minus is propaganda)
-      <div class="orec"> at most one ★ lean, a position not a verdict · <textarea class="dnote" data-note="fork-id">
-    <div class="oprompt" data-openid="prompt-id"> open prompts — ALWAYS include one meta-prompt: "this paper is alive — what should vN+1 ask?"
+    <div class="dcard" data-decision="fork-id"> for legacy/single, add data-mode="multi" data-max="N" for multi, add data-mode="rank" for rank, or add data-mode="spectrum" data-left="left pole" data-right="right pole" for spectrum · .dhead (.dnum A1 · h3 question) · .dframe with .ref grounds
+      single/multi: .opts.two|.three of <div class="opt" data-opt="key" data-label="Label"> · .ohead (.okey letter · .olabel) · optional .oviz (mono sketch) / .obadges · .otrade (.plus + .minus)
+      rank: .rank-list of 2–5 <div class="rank-item" data-opt="key" data-label="Label">, each containing one native <button type="button" class="rank-toggle"> and one .otrade; runtime adds ranking controls, badges, summary, and supports ties plus partial top-k
+      spectrum: .spectrum-poles plus .spectrum-stops of 5–7 <button class="sstop" data-pos="0..1" data-label="fully labeled stop">; no slider and no selected class in authored HTML; runtime adds mode-correct radio/checkbox ARIA behavior and the explicit leave-open control
+      optional <div class="orec"> · <textarea class="dnote">
+    <div class="oprompt" data-openid="prompt-id"> open prompt
   copydock + harvest pfoot (keep from shell)
 -->
 
@@ -425,7 +572,7 @@ body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-heigh
 
     <footer class="pfoot">
       <div>Egregore — harvest surface for __TITLE__</div>
-      <div class="src">Decisions paste back into the session · absorbed through the harvest loop · the paper updates in place and v__NEXT_VERSION__'s questions regenerate · UNDECIDED stays open, never forced.</div>
+      <div class="src">Copy your decisions and paste the block into this Egregore session · the paper updates in place and v__NEXT_VERSION__'s questions regenerate · “Leave this open” returns once in a different form; untouched questions do not enter the return block.</div>
       <div class="tag-row"><span class="tg">__HARVEST_ID__</span><span class="tg">__SURFACE_ID__</span></div>
     </footer>
   </div>
@@ -467,55 +614,237 @@ function buildRail(){
 }
 
 var SLUG='__SLUG__';
-var state={decisions:{},notes:{},opens:{}};
+var state={channels:{single:{},multi:{},rank:{},weight:{},spectrum:{}},undecided:{},decisions:{},notes:{},opens:{}};
 function loadState(){ try{Object.assign(state, JSON.parse(localStorage.getItem('__STORAGE_KEY__')||'{}'));}catch(e){}
-  if(!state.decisions)state.decisions={}; if(!state.notes)state.notes={}; if(!state.opens)state.opens={}; }
-function saveState(){ try{localStorage.setItem('__STORAGE_KEY__', JSON.stringify(state));}catch(e){} }
+  if(!state.channels)state.channels={};['single','multi','rank','weight','spectrum'].forEach(function(mode){if(!state.channels[mode])state.channels[mode]={};});
+  if(!state.undecided)state.undecided={};if(!state.decisions)state.decisions={}; if(!state.notes)state.notes={}; if(!state.opens)state.opens={}; }
+function saveState(){ try{localStorage.setItem('__STORAGE_KEY__',JSON.stringify({channels:state.channels,undecided:state.undecided,decisions:state.decisions,notes:state.notes,opens:state.opens}));}catch(e){} }
+function hasState(obj,key){return Object.prototype.hasOwnProperty.call(obj,key);}
+function cardMode(card){return card.dataset.mode||'single';}
+function cardMax(card){var parsed=Number(card.dataset.max);return Number.isInteger(parsed)&&parsed>0?parsed:card.querySelectorAll('.opt').length;}
+function channelFor(mode){if(!state.channels[mode])state.channels[mode]={};return state.channels[mode];}
+function rankLocation(ranks,key){
+  var found=null;(ranks||[]).some(function(tier,tierIndex){
+    var itemIndex=tier.findIndex(function(item){return item.key===key;});
+    if(itemIndex===-1)return false;found={tier:tierIndex,item:itemIndex};return true;
+  });return found;
+}
+function rankCount(ranks){return (ranks||[]).reduce(function(total,tier){return total+tier.length;},0);}
+function selectedForDecision(did,mode){
+  if(hasState(state.undecided,did))return {key:'UNDECIDED',label:'Leave this open'};
+  var channel=channelFor(mode);return hasState(channel,did)?channel[did]:null;
+}
+function clearDecision(did,mode){delete channelFor(mode)[did];delete state.undecided[did];delete state.decisions[did];}
+function syncLegacyDecision(did,mode){
+  delete state.decisions[did];
+  if(hasState(state.undecided,did))state.decisions[did]={key:'UNDECIDED',label:'Leave this open'};
+  else if(mode==='single'&&hasState(channelFor('single'),did))state.decisions[did]=channelFor('single')[did];
+}
+function renderDecision(card,did){
+  var mode=cardMode(card),selected=selectedForDecision(did,mode),leftOpen=selected&&selected.key==='UNDECIDED';
+  card.querySelectorAll('.opt').forEach(function(opt){
+    var chosen=!!selected&&!leftOpen&&(mode==='multi'?selected.some(function(pick){return pick.key===opt.dataset.opt;}):selected.key===opt.dataset.opt);
+    opt.classList.toggle('sel',chosen);opt.setAttribute('aria-checked',chosen?'true':'false');
+  });
+  card.querySelectorAll('.sstop').forEach(function(stop){
+    var chosen=!!selected&&!leftOpen&&mode==='spectrum'&&Number(selected.position)===Number(stop.dataset.pos);
+    stop.classList.toggle('sel',chosen);stop.setAttribute('aria-checked',chosen?'true':'false');
+  });
+  card.querySelectorAll('.rank-item').forEach(function(item){
+    var key=item.dataset.opt,location=mode==='rank'&&Array.isArray(selected)?rankLocation(selected,key):null;
+    item.classList.toggle('ranked',!!location);
+    var toggle=item.querySelector('.rank-toggle'),badge=item.querySelector('.rank-badge');
+    if(toggle)toggle.setAttribute('aria-pressed',location?'true':'false');
+    if(badge)badge.textContent=location?String(location.tier+1)+(selected[location.tier].length>1?'='):'\u2014';
+    item.querySelectorAll('.rank-controls button').forEach(function(button){
+      var action=button.dataset.rankAction,disabled=!location;
+      if(action==='up'||action==='tie')disabled=disabled||location.tier===0;
+      if(action==='down')disabled=disabled||location.tier===selected.length-1;
+      if(action==='untie')disabled=disabled||selected[location.tier].length<2;
+      button.disabled=disabled;
+    });
+  });
+  if(mode==='rank'){
+    var rankList=card.querySelector('.rank-list'),rankItems=[].slice.call(card.querySelectorAll('.rank-item'));
+    rankItems.sort(function(a,b){
+      var aLocation=Array.isArray(selected)?rankLocation(selected,a.dataset.opt):null,bLocation=Array.isArray(selected)?rankLocation(selected,b.dataset.opt):null;
+      if(aLocation&&bLocation)return aLocation.tier-bLocation.tier||aLocation.item-bLocation.item;
+      if(aLocation)return -1;if(bLocation)return 1;
+      return Number(a.dataset.rankSource)-Number(b.dataset.rankSource);
+    });
+    rankItems.forEach(function(item){rankList.appendChild(item);});
+  }
+  var control=card.querySelector('.undecided-control');
+  if(control)control.setAttribute('aria-pressed',leftOpen?'true':'false');
+  card.classList.toggle('answered',!!selected);
+  card.classList.toggle('left-open',!!leftOpen);
+  var hint=card.querySelector('.modehint');
+  if(hint&&mode==='multi'){var count=Array.isArray(selected)?selected.length:0,max=cardMax(card);hint.textContent='Pick up to '+max+' · '+count+' selected'+(count===max?' · limit reached':'');}
+  else if(hint&&mode==='spectrum'){var stops=card.querySelectorAll('.sstop').length;hint.textContent='Choose one of '+stops+' labeled stops · '+(selected&&!leftOpen?(selected.label||selected.position):leftOpen?'left open':'untouched');}
+  else if(hint&&mode==='rank'){var count=Array.isArray(selected)?rankCount(selected):0,total=card.querySelectorAll('.rank-item').length;hint.textContent='Rank up to '+total+' · '+count+' ranked · ties allowed · partial order is okay';}
+  var rankSummary=card.querySelector('.rank-summary');
+  if(rankSummary)rankSummary.textContent=leftOpen?'Left open':Array.isArray(selected)&&selected.length
+    ?selected.map(function(tier){return tier.map(function(item){return item.key;}).join(' = ');}).join(' > ')
+    :'No ranking yet';
+}
 function wireHarvest(){
   document.querySelectorAll('.dcard').forEach(function(card){
-    var did=card.dataset.decision;
-    card.querySelectorAll('.opt').forEach(function(opt){
-      var key=opt.dataset.opt, label=opt.dataset.label||(opt.querySelector('.olabel')||{}).textContent||key;
-      if(state.decisions[did] && state.decisions[did].key===key) opt.classList.add('sel');
-      opt.addEventListener('click', function(){
-        var already=opt.classList.contains('sel');
-        card.querySelectorAll('.opt').forEach(function(o){o.classList.remove('sel');});
-        if(already){delete state.decisions[did];} else {opt.classList.add('sel'); state.decisions[did]={key:key,label:label};}
-        card.classList.toggle('answered', !!state.decisions[did]); saveState(); updateProgress();
+    var did=card.dataset.decision,mode=cardMode(card),group=card.querySelector(mode==='spectrum'?'.spectrum-stops':mode==='rank'?'.rank-list':'.opts'),heading=card.querySelector('.dhead h3');
+    if(heading&&!heading.id)heading.id='decision-'+String(did).replace(/[^a-zA-Z0-9_-]/g,'-')+'-question';
+    if(group){
+      group.setAttribute('role',mode==='rank'?'list':mode==='multi'?'group':'radiogroup');if(heading)group.setAttribute('aria-labelledby',heading.id);
+      if(mode==='multi'||mode==='rank'||mode==='spectrum'){var hint=document.createElement('div');hint.className='modehint';hint.id=heading.id+'-mode';hint.setAttribute('aria-live','polite');card.insertBefore(hint,group);group.setAttribute('aria-describedby',hint.id);}
+      if(mode==='rank'){var summary=document.createElement('div');summary.className='rank-summary';summary.setAttribute('aria-live','polite');summary.id=heading.id+'-rank-summary';card.insertBefore(summary,group);group.setAttribute('aria-describedby',heading.id+'-mode '+summary.id);}
+    }
+    var options=[].slice.call(card.querySelectorAll('.opt'));
+    options.forEach(function(opt,index){
+      var key=opt.dataset.opt,label=opt.dataset.label||(opt.querySelector('.olabel')||{}).textContent||key;
+      opt.setAttribute('role',mode==='multi'?'checkbox':'radio');opt.setAttribute('tabindex','0');
+      if(!opt.title)opt.title=mode==='multi'?'Add this choice. Activate it again to remove it.':'Choose this option. Activate it again to clear.';
+      function activate(){
+        delete state.undecided[did];
+        if(mode==='multi'){
+          var selected=(channelFor('multi')[did]||[]).slice(),at=selected.findIndex(function(pick){return pick.key===key;});
+          if(at!==-1)selected.splice(at,1);else if(selected.length<cardMax(card))selected.push({key:key,label:label});
+          if(selected.length)channelFor('multi')[did]=selected;else delete channelFor('multi')[did];
+        }else{
+          var selected=channelFor('single')[did],already=selected&&selected.key===key;
+          if(already)delete channelFor('single')[did];else channelFor('single')[did]={key:key,label:label};
+        }
+        syncLegacyDecision(did,mode);
+        renderDecision(card,did);saveState();updateProgress();
+      }
+      opt.addEventListener('click',activate);
+      opt.addEventListener('keydown',function(event){
+        if(event.key==='Enter'||event.key===' '){event.preventDefault();activate();return;}
+        var next=index;
+        if(event.key==='ArrowRight'||event.key==='ArrowDown')next=(index+1)%options.length;
+        else if(event.key==='ArrowLeft'||event.key==='ArrowUp')next=(index+options.length-1)%options.length;
+        else if(event.key==='Home')next=0;
+        else if(event.key==='End')next=options.length-1;
+        else return;
+        event.preventDefault();options[next].focus();
       });
     });
-    card.classList.toggle('answered', !!state.decisions[did]);
+    var rankItems=[].slice.call(card.querySelectorAll('.rank-item'));
+    rankItems.forEach(function(item,index){
+      var key=item.dataset.opt,label=item.dataset.label||(item.querySelector('.rank-label,.olabel')||{}).textContent||key;
+      var toggle=item.querySelector('.rank-toggle');if(!toggle)return;
+      item.dataset.rankSource=String(index);
+      item.setAttribute('role','listitem');toggle.type='button';toggle.setAttribute('aria-pressed','false');
+      if(!toggle.title)toggle.title='Add this item at the end of your ranking. Activate it again to remove it.';
+      var badge=toggle.querySelector('.rank-badge');
+      if(!badge){badge=document.createElement('span');badge.className='rank-badge';badge.setAttribute('aria-hidden','true');badge.textContent='\u2014';toggle.insertBefore(badge,toggle.firstChild);}
+      function commit(ranks){
+        delete state.undecided[did];
+        if(ranks.length)channelFor('rank')[did]=ranks;else delete channelFor('rank')[did];
+        syncLegacyDecision(did,mode);renderDecision(card,did);saveState();updateProgress();
+      }
+      function activate(){
+        var ranks=(channelFor('rank')[did]||[]).map(function(tier){return tier.slice();}),location=rankLocation(ranks,key);
+        if(location){ranks[location.tier].splice(location.item,1);if(!ranks[location.tier].length)ranks.splice(location.tier,1);}
+        else ranks.push([{key:key,label:label}]);
+        commit(ranks);
+      }
+      toggle.addEventListener('click',activate);
+      toggle.addEventListener('keydown',function(event){
+        var ordered=[].slice.call(card.querySelectorAll('.rank-toggle')),at=ordered.indexOf(toggle),next=at;
+        if(event.key==='ArrowRight'||event.key==='ArrowDown')next=(at+1)%ordered.length;
+        else if(event.key==='ArrowLeft'||event.key==='ArrowUp')next=(at+ordered.length-1)%ordered.length;
+        else if(event.key==='Home')next=0;
+        else if(event.key==='End')next=ordered.length-1;
+        else return;
+        event.preventDefault();ordered[next].focus();
+      });
+      var controls=document.createElement('div');controls.className='rank-controls';
+      [['up','\u2191','Move this rank tier up'],['down','\u2193','Move this rank tier down'],['tie','=','Tie this item with the tier above'],['untie','\u2260','Move this item into its own tier below']].forEach(function(spec){
+        var button=document.createElement('button');button.type='button';button.dataset.rankAction=spec[0];button.textContent=spec[1];button.setAttribute('aria-label',spec[2]);button.title=spec[2];
+        button.addEventListener('click',function(){
+          var ranks=(channelFor('rank')[did]||[]).map(function(tier){return tier.slice();}),location=rankLocation(ranks,key);if(!location)return;
+          if(spec[0]==='up'&&location.tier>0){var above=ranks[location.tier-1];ranks[location.tier-1]=ranks[location.tier];ranks[location.tier]=above;}
+          else if(spec[0]==='down'&&location.tier<ranks.length-1){var below=ranks[location.tier+1];ranks[location.tier+1]=ranks[location.tier];ranks[location.tier]=below;}
+          else if(spec[0]==='tie'&&location.tier>0){var tied=ranks[location.tier].splice(location.item,1)[0];ranks[location.tier-1].push(tied);if(!ranks[location.tier].length)ranks.splice(location.tier,1);}
+          else if(spec[0]==='untie'&&ranks[location.tier].length>1){var untied=ranks[location.tier].splice(location.item,1)[0];ranks.splice(location.tier+1,0,[untied]);}
+          else return;
+          commit(ranks);
+        });controls.appendChild(button);
+      });
+      item.insertBefore(controls,item.querySelector('.otrade')||null);
+    });
+    var spectrumStops=[].slice.call(card.querySelectorAll('.sstop'));
+    spectrumStops.forEach(function(stop,index){
+      var position=Number(stop.dataset.pos),label=stop.dataset.label||(stop.querySelector('.slabel')||{}).textContent||String(position);
+      stop.setAttribute('role','radio');stop.setAttribute('tabindex','0');
+      if(!stop.title)stop.title='Choose this stop. Activate it again to clear.';
+      function activate(){
+        delete state.undecided[did];
+        var selected=channelFor('spectrum')[did],already=selected&&Number(selected.position)===position;
+        if(already)delete channelFor('spectrum')[did];else channelFor('spectrum')[did]={position:position,label:label};
+        syncLegacyDecision(did,mode);renderDecision(card,did);saveState();updateProgress();
+      }
+      stop.addEventListener('click',activate);
+      stop.addEventListener('keydown',function(event){
+        if(event.key==='Enter'||event.key===' '){event.preventDefault();activate();return;}
+        var next=index;
+        if(event.key==='ArrowRight'||event.key==='ArrowDown')next=(index+1)%spectrumStops.length;
+        else if(event.key==='ArrowLeft'||event.key==='ArrowUp')next=(index+spectrumStops.length-1)%spectrumStops.length;
+        else if(event.key==='Home')next=0;
+        else if(event.key==='End')next=spectrumStops.length-1;
+        else return;
+        event.preventDefault();spectrumStops[next].focus();
+      });
+    });
+    var control=card.querySelector('.undecided-control');
+    if(!control){
+      control=document.createElement('button');control.type='button';control.className='undecided-control';
+      var label=document.createElement('span'),when=document.createElement('span');
+      label.textContent='Leave this open';when.className='uwhen';when.textContent='comes back once, differently';
+      control.appendChild(label);control.appendChild(when);
+      var noteField=card.querySelector('.dnote');card.insertBefore(control,noteField||null);
+    }
+    control.setAttribute('aria-label','Leave this question open; it will return once in a different form');
+    control.addEventListener('click',function(){
+      var already=hasState(state.undecided,did);clearDecision(did,mode);
+      if(!already)state.undecided[did]=true;
+      syncLegacyDecision(did,mode);
+      renderDecision(card,did);saveState();updateProgress();
+    });
     var nt=card.querySelector('.dnote');
-    if(nt){ if(state.notes[did])nt.value=state.notes[did];
-      nt.addEventListener('input', function(){state.notes[did]=nt.value; saveState();}); }
+    if(nt){
+      if(state.notes[did])nt.value=state.notes[did];
+      nt.addEventListener('input',function(){
+        if(nt.value.trim()){
+          state.notes[did]=nt.value;
+          if(!selectedForDecision(did,mode))state.undecided[did]=true;
+        }else delete state.notes[did];
+        syncLegacyDecision(did,mode);
+        renderDecision(card,did);saveState();updateProgress();
+      });
+    }
+    renderDecision(card,did);
   });
   document.querySelectorAll('.oprompt .otext').forEach(function(t){
     var oid=t.dataset.open;
     if(state.opens[oid])t.value=state.opens[oid];
-    t.addEventListener('input', function(){state.opens[oid]=t.value; saveState(); updateProgress();});
+    t.addEventListener('input',function(){if(t.value.trim())state.opens[oid]=t.value;else delete state.opens[oid];saveState();updateProgress();});
   });
   updateProgress();
 }
+function fenceMeta(){
+  return {slug:SLUG,version:__VERSION__,surfaceId:'__SURFACE_ID__',harvestId:'__HARVEST_ID__',date:'__DATE__',
+    forkOrder:[].slice.call(document.querySelectorAll('.dcard')).map(function(c){return c.dataset.decision;}),
+    forkOptions:[].slice.call(document.querySelectorAll('.dcard')).reduce(function(all,c){var mode=cardMode(c),selector=mode==='spectrum'?'.sstop':mode==='rank'?'.rank-item':'.opt';all[c.dataset.decision]=[].slice.call(c.querySelectorAll(selector)).map(function(o){return mode==='spectrum'?o.dataset.pos:o.dataset.opt;});return all;},{}),
+    forkLabels:[].slice.call(document.querySelectorAll('.dcard')).reduce(function(all,c){var mode=cardMode(c),selector=mode==='spectrum'?'.sstop':mode==='rank'?'.rank-item':'.opt';all[c.dataset.decision]={};[].slice.call(c.querySelectorAll(selector)).forEach(function(o){var key=mode==='spectrum'?o.dataset.pos:o.dataset.opt;all[c.dataset.decision][key]=o.dataset.label||(o.querySelector(mode==='spectrum'?'.slabel':mode==='rank'?'.rank-label,.olabel':'.olabel')||{}).textContent||key;});return all;},{}),
+    forkEnds:[].slice.call(document.querySelectorAll('.dcard')).reduce(function(all,c){if(cardMode(c)==='spectrum')all[c.dataset.decision]=[c.dataset.left,c.dataset.right];return all;},{}),
+    forkModes:[].slice.call(document.querySelectorAll('.dcard')).reduce(function(all,c){all[c.dataset.decision]=cardMode(c);return all;},{}),
+    forkMax:[].slice.call(document.querySelectorAll('.dcard')).reduce(function(all,c){if(cardMode(c)==='multi')all[c.dataset.decision]=cardMax(c);return all;},{}),
+    promptOrder:[].slice.call(document.querySelectorAll('.oprompt')).map(function(o){return o.dataset.openid||(o.querySelector('.otext')||{}).dataset.open;})};
+}
 function buildBlock(){
-  var cards=[].slice.call(document.querySelectorAll('.dcard'));
-  var opens=[].slice.call(document.querySelectorAll('.oprompt'));
-  var out='#'+SLUG+'-decisions:v__VERSION__\n'
-    +'surface: __SURFACE_ID__\n'
-    +'harvest: __HARVEST_ID__\n'
-    +'date: __DATE__\n\n';
-  cards.forEach(function(c,i){ var did=c.dataset.decision, sel=state.decisions[did];
-    out+='Q'+(i+1)+' '+did+': '+(sel?sel.key+'  ("'+sel.label+'")':'UNDECIDED')+'\n';
-    if(state.notes[did] && state.notes[did].trim()) out+='   note: '+state.notes[did].trim().replace(/\n+/g,' ')+'\n';
-  });
-  if(opens.length) out+='\n';
-  opens.forEach(function(o,i){ var oid=o.dataset.openid||(o.querySelector('.otext')||{}).dataset.open;
-    var ans=(state.opens[oid]||'').trim();
-    out+='O'+(i+1)+' '+oid+': '+(ans?ans.replace(/\n+/g,' '):'UNDECIDED')+'\n';
-  });
-  return out;
+  return window.__scroll.buildDecisionsFence(state,fenceMeta());
 }
 function updateProgress(){
-  var total=document.querySelectorAll('.dcard').length, done=Object.keys(state.decisions).length;
+  var progress=window.__scroll.decisionProgress(state,fenceMeta()),total=progress.total,done=progress.done;
   var oTotal=document.querySelectorAll('.oprompt').length, oDone=Object.values(state.opens).filter(function(v){return v&&v.trim();}).length;
   var el=document.getElementById('prog'); if(el) el.innerHTML='<b>'+done+'</b>/'+total+' forks · <b>'+oDone+'</b>/'+oTotal+' prompts';
   var pre=document.querySelector('#copyblock pre'); if(pre) pre.textContent=buildBlock();
@@ -532,7 +861,7 @@ function togglePreview(force){
   cb.classList.toggle('show', force===true?true:!cb.classList.contains('show'));
 }
 (function(){
-  loadState();
+  loadState();state=window.__scroll.pruneState(state,fenceMeta());saveState();
   if(window.__egTheme) __egTheme.init();
   buildRail(); wireHarvest();
   var h=location.hash.replace('#',''); if(h==='harvest') showView('harvest');

package/runtime/pi/.codex/skills/session-view/SKILL.md

@@ -17,9 +17,13 @@ when it is available; otherwise render compact numbered choices with an
 
 1. Read `.claude/skills/session-view/SKILL.md` for the workflow details.
 2. Run the referenced `bin/` scripts directly from Codex.
-3. Treat graph, publish, and notify steps as best-effort unless that workflow
-   explicitly says they are required.
-4. Keep local-mode behavior filesystem-first and avoid graph or notification
+3. Treat graph and publish steps as best-effort unless that workflow explicitly
+   says they are required.
+4. For every external notification, follow
+   `.claude/context/notification-consent.md`: plan without sending, then show
+   a separate exact Send / Edit / Cancel checkpoint. Never infer notification
+   consent from the workflow request or a batch approval.
+5. Keep local-mode behavior filesystem-first and avoid graph or notification
    calls when `egregore.json` declares `"mode": "local"`.
-5. Never call the deprecated `egregore-handoff` CLI for Egregore project
+6. Never call the deprecated `egregore-handoff` CLI for Egregore project
    handoffs.

package/runtime/pi/.codex/skills/setup/SKILL.md

@@ -17,9 +17,13 @@ when it is available; otherwise render compact numbered choices with an
 
 1. Read `.claude/skills/setup/SKILL.md` for the workflow details.
 2. Run the referenced `bin/` scripts directly from Codex.
-3. Treat graph, publish, and notify steps as best-effort unless that workflow
-   explicitly says they are required.
-4. Keep local-mode behavior filesystem-first and avoid graph or notification
+3. Treat graph and publish steps as best-effort unless that workflow explicitly
+   says they are required.
+4. For every external notification, follow
+   `.claude/context/notification-consent.md`: plan without sending, then show
+   a separate exact Send / Edit / Cancel checkpoint. Never infer notification
+   consent from the workflow request or a batch approval.
+5. Keep local-mode behavior filesystem-first and avoid graph or notification
    calls when `egregore.json` declares `"mode": "local"`.
-5. Never call the deprecated `egregore-handoff` CLI for Egregore project
+6. Never call the deprecated `egregore-handoff` CLI for Egregore project
    handoffs.

package/runtime/pi/.codex/skills/summon/SKILL.md

@@ -33,9 +33,13 @@ reading `.claude/skills/summon/SKILL.md`, reproduce the same visible UX in Codex
 
 1. Read `.claude/skills/summon/SKILL.md` for the workflow details.
 2. Run the referenced `bin/` scripts directly from Codex.
-3. Treat graph, publish, and notify steps as best-effort unless that workflow
-   explicitly says they are required.
-4. Keep local-mode behavior filesystem-first and avoid graph or notification
+3. Treat graph and publish steps as best-effort unless that workflow explicitly
+   says they are required.
+4. For every external notification, follow
+   `.claude/context/notification-consent.md`: plan without sending, then show
+   a separate exact Send / Edit / Cancel checkpoint. Never infer notification
+   consent from the workflow request or a batch approval.
+5. Keep local-mode behavior filesystem-first and avoid graph or notification
    calls when `egregore.json` declares `"mode": "local"`.
-5. Never call the deprecated `egregore-handoff` CLI for Egregore project
+6. Never call the deprecated `egregore-handoff` CLI for Egregore project
    handoffs.

package/runtime/pi/.codex/skills/sync-repos/SKILL.md

@@ -17,9 +17,13 @@ when it is available; otherwise render compact numbered choices with an
 
 1. Read `.claude/skills/sync-repos/SKILL.md` for the workflow details.
 2. Run the referenced `bin/` scripts directly from Codex.
-3. Treat graph, publish, and notify steps as best-effort unless that workflow
-   explicitly says they are required.
-4. Keep local-mode behavior filesystem-first and avoid graph or notification
+3. Treat graph and publish steps as best-effort unless that workflow explicitly
+   says they are required.
+4. For every external notification, follow
+   `.claude/context/notification-consent.md`: plan without sending, then show
+   a separate exact Send / Edit / Cancel checkpoint. Never infer notification
+   consent from the workflow request or a batch approval.
+5. Keep local-mode behavior filesystem-first and avoid graph or notification
    calls when `egregore.json` declares `"mode": "local"`.
-5. Never call the deprecated `egregore-handoff` CLI for Egregore project
+6. Never call the deprecated `egregore-handoff` CLI for Egregore project
    handoffs.